open-index/open-npm huggingface dataset:
npm package: @ngx-widgets/common
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
Latest version: 1.0.0

# Common

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.

## Code scaffolding

Run `ng generate component component-name --project common` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project common`.
> Note: Don't forget to add `--project common` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build common` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test common` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-widgets/core
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.
Latest version: 1.0.1

# NgxWidgets

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.

## Code scaffolding

Run `ng generate component component-name --project ngx-widgets` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-widgets`.
> Note: Don't forget to add `--project ngx-widgets` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-widgets` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ngx-widgets` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-widgets/flamelink
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.
Latest version: 1.2.1

# NgxWidgetsFlamelink

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.

## Code scaffolding

Run `ng generate component component-name --project flamelink` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project flamelink`.
> Note: Don't forget to add `--project flamelink` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build flamelink` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test flamelink` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-widgets/legacy
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.
Latest version: 1.0.6

# NgxWidgetsLegacy

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.13.

## Code scaffolding

Run `ng generate component component-name --project legacy` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project legacy`.
> Note: Don't forget to add `--project legacy` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build legacy` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test legacy` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-wps/mat-carousel
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
Latest version: 0.0.0-watch

# MatCarousel

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.

## Code scaffolding

Run `ng generate component component-name --project mat-carousel` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project mat-carousel`.
> Note: Don't forget to add `--project mat-carousel` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build mat-carousel` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test mat-carousel` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @ngx-yanis/ngx-details
Description: Angular wrapper for [details](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) native DOM element.
Latest version: 1.1.0

# ngx-details

Angular wrapper for [details](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) native DOM element.

## Compatibility

* Angular 16.x
* Chrome
* Edge
* Firefox

## Accessibility

This component is a11y friendly.

## Demo

You can see a live demo [here](https://ngx-yanis.netlify.app/ngx-details).

## Installation

```
npm install --save @ngx-yanis/ngx-details
```

Then import module in your project:

```
import { NgxDetailsModule } from '@ngx-yanis/ngx-details';

@NgModule({
  imports: [
    ...
    NgxDetailsModule
  ]
})
export class AppModule { }
```

## Usage

```
<details ngxDetails>
  <summary> Text which will be display to summarize the content. </summary>
  <p> the rest of this content will be displayed only when user interact with the details tag. </p>
</details>
```

## Available Input/Output

To know if the details tag is open or closed, you can use the following input/output:

```
<details ngxDetails (isOpen)="myCallback($event)">
```

To control the details tag, you can use the following input/output:

```
<details ngxDetails [(open)]="someBooleanVariable">
```

## General Information

This library is powered by [Nx](https://nx.dev/angular). Source are available
on [Github](https://github.com/yanis-git/ngx-yanis/tree/main/libs/ngx-details).
npm package: @ngx-yanis/ngx-youtube
Description: Angular Library to play youtube bakground video.
Latest version: 1.1.1

# ngx-youtube

Angular Library to play youtube bakground video.

## Compatibility

* Angular 16.x
* Chrome
* Edge
* Firefox

## Accessibility

This component is a11y friendly. It respect reduced motion option from browser setting and include toggle button to
play/pause the video.

## Demo

You can see a live demo [here](https://ngx-yanis.netlify.app/ngx-youtube).

## Installation

```
npm install --save @ngx-yanis/ngx-youtube
```

Then import module in your project:

```
import { NgxYoutubeModule } from '@ngx-yanis/ngx-youtube';

@NgModule({
  imports: [
    ...
    NgxYoutubeModule
  ]
})
export class AppModule { }
```

## Usage

```
<ngx-youtube-player [youtubeId]="'Bc_RrCNWTyo'" (readyChange)="onReadyChange($event)">
  <img class="cover" [ngClass]="{hide: isReady}" src="https://i.ytimg.com/vi/Bc_RrCNWTyo/maxresdefault.jpg" alt="">
</ngx-youtube-player>

@Component()
export class NgxYoutubeDemoComponent {
  isRead = false;

  onReadyChange($event: boolean) {
    this.isRead = $event;
  }
}
```

## Available Input/Output

```
<ngx-youtube-player [youtubeId]="youtubeId">
```

You can know when play is play or pause by binding following output.

```
<ngx-youtube-player (playingChange)="onPlayingChange($event)">
```

Because load youtube iframe can take time, you have a Mechanism to display overlay when play is not ready yet.
First you can use following output to know if player is ready.

```
<ngx-youtube-player (readyChange)="onReadyChange($event)">
```

And use `cover` class to mark element to interpolate as cover.

```
<img class="cover" [ngClass]="{hide: isReady}" src="https://i.ytimg.com/vi/Bc_RrCNWTyo/maxresdefault.jpg" alt="">
```

## General Information

This library is powered by [Nx](https://nx.dev/angular). Source are available
on [Github](https://github.com/yanis-git/ngx-yanis/tree/main/libs/ngx-youtube).