npmpackage.info

Gathering detailed insights and metrics for @ng-select/ng-option-highlight

@ng-select/ng-option-highlight

⭐ Native angular select component

14.2.0

3,318

MIT

TypeScript

870.00 B

4,917,258 5.8

Installations

npm install @ng-select/ng-option-highlight

Developer Guide

BETA

Typescript

No

Module System

ESM

Score

89.5

Supply Chain

79.2

Quality

Maintenance

100

Vulnerability

98.9

License

Pull Requests

Open

6

Total

691

Closed

227

Merged

458

Issues

Open

39

Total

1,774

Closed

1,735

Releases

100

v14.2.0

Published on 13 Jan 2025

v14.1.0

Published on 26 Nov 2024

v14.0.2

Published on 20 Nov 2024

v14.0.1

Published on 20 Nov 2024

v14.0.0

Published on 19 Nov 2024

v13.9.1

Published on 11 Oct 2024

View all 100 releases

Contributors

129

View all 129 contributors

Languages

TypeScript

HTML

SCSS

JavaScript

CSS

Shell

TypeScript (84.29%)

HTML (7.6%)

SCSS (7.47%)

JavaScript (0.4%)

CSS (0.15%)

Shell (0.09%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

ng-select

Download Statistics

Total Downloads

4,917,258

Last Day

161

Last Week

161

Last Month

69,284

Last Year

1,103,188

GitHub Statistics

3,318 Stars

1,162 Commits

914 Forks

52 Watching

3 Branches

129 Contributors

Bundle Size

2.27 kB

Minified

870.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

14.2.0

Package Id

@ng-select/ng-option-highlight@14.2.0

Unpacked Size

11.39 kB

Size

3.46 kB

File Count

Publised On

13 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

4,917,258

Last day

161

Compared to previous day

Last week

-98.8%

161

Compared to previous week

Last month

-18%

69,284

Compared to previous month

Last year

1.4%

1,103,188

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

@angular/common @angular/core

Versions

Getting started

Step 1: Install `ng-option-highlight`:

NPM

1npm install --save @ng-select/ng-option-highlight

YARN

1yarn add @ng-select/ng-option-highlight

Step 2: Import the NgOptionHighlightModule:

1import { NgSelectModule } from '@ng-select/ng-select';
2import { NgOptionHighlightModule } from '@ng-select/ng-option-highlight';
3
4@NgModule({
5	declarations: [AppComponent],
6	imports: [NgSelectModule, NgOptionHighlightModule],
7	bootstrap: [AppComponent],
8})
9export class AppModule {}

Step 3: Add directive in your template:

1<ng-select>
2	...
3	<ng-template ng-option-tmp let-item="item" let-search="searchTerm">
4		<span [ngOptionHighlight]="search">{{item.title}}</span>
5	</ng-template>
6</ng-select>

Development

Build

Run ng build ng-option-highlight to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build ng-option-highlight, go to the dist folder cd dist/ng-option-highlight and run npm publish.

Running unit tests

Run ng test ng-option-highlight to execute the unit tests via Karma.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Maintained

Determines if the project is "actively maintained".

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

10

SAST

Determines if the project uses static code analysis.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/ci.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/codeql-analysis.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/codeql-analysis.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:52: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/codeql-analysis.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:66: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/codeql-analysis.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/dependabot.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/dependabot.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/release.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/release.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/release.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/ng-select/ng-select/stale.yml/master?enable=pin
Info: 0 out of 9 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.8

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@ng-select/ng-option-highlight

Installations

Developer Guide

No

ESM

Score

Pull Requests

6

691

227

458

Issues

39

1,774

1,735

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

2.27 kB

870.00 B

Maintainers

Package Meta Information

Total Downloads

4,917,258

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Getting started

Step 1: Install ng-option-highlight:

NPM

YARN

Step 2: Import the NgOptionHighlightModule:

Step 3: Add directive in your template:

Development

Build

Publishing

Running unit tests

10

10

10

10

10

10

10

0

0

0

0

0

0

5.8

/10

Step 1: Install `ng-option-highlight`: