open-index/open-npm huggingface dataset:
npm package: @ngnz/copy-to-clipboard
Description: >Simple Angular module exposing basic Directive that'll try to use native `document.execCommand` to copy content text to clopboard and finally, display  overidable `alert` to confirme action to user.
Latest version: 0.0.6

# ✂️ copy-to-clipboard

>Simple Angular module exposing basic Directive that'll try to use native `document.execCommand` to copy content text to clopboard and finally, display  overidable `alert` to confirme action to user.


## installation 

Install `npm` package with the following commande: 
```bash
$ npm install @ngzn/copy-to-clipboard
```

And add import inside `app.module.ts` or desired module.
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
// import Angualr CopyToClipboardModule from @ngnz
import { CopyToClipboardModule } from '@ngnz/copy-to-clipboard';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // add module inside your Angular application module
    CopyToClipboardModule 
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

```

## Usage
When an element that contains `nzCopyToClipboard` directive is clicked, the value of `nzCopyToClipboard` will be copied into the clipboard.
```html
<button nzCopyToClipboard="Text to copy to clipboard">Copy</button>
<button [nzCopyToClipboard]="typescritpProperty">Copy</button>
```

## Only Function Usage 
This feature is exporetable without Angular wrapping to allow using inside other projet.

```ts
// import function
import { copyToClipboardFunction } from '@ngnz/copy-to-clipboard';

// user copy function logic
const myTextToCopy = 'See magic happen!';
copyToClipboardFunction(myTextToCopy);
```
npm package: @ngnz/dayjs
Description: > Immutable Date-Time utils allow you to display Date like `1 minute ago`.
Latest version: 0.0.4

# ⏰ @ngnz/dayjs

> Immutable Date-Time utils allow you to display Date like `1 minute ago`. 


## installation 

Install `npm` package with the following commande: 
```bash
$ npm install @ngzn/dayjs
```

And add import inside `app.module.ts` or desired module.
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
// import for @ngnz/dayjs
import { DayjsModule, DAYJS_LOCAL_PRESSET } from '@ngnz/dayjs';
import 'dayjs/locale/en'; // import desired language
// optionnal config for @ngnz/dayjs
const localDayjsPressetFactory = () => {
  // add logic to get user selected language
  return 'en'
};

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // add module inside your Angular application module
    DayjsModuleModule 
  ],
  providers: [
    // optionnal config to change language pressets
    {
      provide: DAYJS_LOCAL_PRESSET,
      useFactory() {
        return localDayjsPressetFactory()
      }
    }
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

```

## Usage
Useing Angular Pipe inside Angular application.
```html
{{'01/01/2021'|dayjs: 'formNow'}}
```

## Only Function Usage 
This feature is exporetable without Angular wrapping to allow using inside other projet.

```ts
// import function
import { dayjsFunction } from '@ngnz/dayjs';

// user copy function logic
const value = '01/01/2021';
const result = new dayjsFunction('fr').transform(value, 'fromNow', null, true);
```
npm package: @ngnz/ionic-modal-guard
Description: Prevent navigation back when user have modal open.
Latest version: 0.0.1

# 🛡 @ngnz/ionic-modal-guard
Prevent navigation back when user have modal open.

## installation 

Install `npm` package with the following commande: 
```bash
$ npm install @ngzn/ionic-modal-guard
```

And add import inside `app.module.ts` or desired module.
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
// import for @ngnz/ionic-modal-guard
import { IonicModalGuard } from '@ngnz/ionic-modal-guard';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [
    // add Ionic Modal Guard
    IonicModalGuard
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

```

## Usage
import and use Angular Guard inside any routing module, exemple with `app-routing.module.ts`.
```typescript

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { PageOneComponent } from './page-one/page-one.component';
import { PageTwoComponent } from './page-two/page-two.component';
import { IonicModalGuard } from '@ngnz/ionic-modal-guard';

const routes: Routes = [
  {
    path: '', component: PageOneComponent,
    canActivate: [IonicModalGuard] // use guard
  },
  {
    path: 'page-two', component: PageTwoComponent, 
    canActivate: [IonicModalGuard] // use guard
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
```

This library was generated with [Nx](https://nx.dev).
npm package: @ngnz/rating
Description: > Angular customable rating component
Author: Nicolas Fazio
Latest version: 0.0.2

# ⭐ rating
> Angular customable rating component

## Installation
Install `npm` package with the following commande:

```
$ npm install @ngzn/rating
```

And add import inside app.module.ts or desired module.

```ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
// import Angualr RatingModule from @ngnz
import { RatingModule } from '@ngnz/rating';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // add module inside your Angular application module
    RatingModule 
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## Usage
Inside your template file:
```html
  <ngnz-rating
      hoverEffect="scale"
      color="gold"
      [maxPxSize]="32"
      [currentRate]="2.5"
      [maxRate]="5"
      (eventActions)="actions($event)"></ngnz-rating>
```

Inside .ts file: 
```ts
  actions({type, payload}: {type?: string, payload?} = {}) {
    switch (true) {
      case type === 'onRating':
        console.log('onRating', payload);
        break;

      default:
        break;
    }
  }
``` 


This library was generated with [Nx](https://nx.dev).