open-index/open-npm huggingface dataset:
npm package: @irshadali/ngx-bootstrap-slider
Description: A flexible bootstrap slider for Angular
Latest version: 1.8.3

<div align="center">
  <img src="https://raw.githubusercontent.com/moritzvieli/ngx-bootstrap-slider/master/misc/documentation-assets/examples.png" width="300" alt="Angular Bootstrap Slider">
  <br>
  <h1>ngx-bootstrap-slider</h1>
</div>

This is an Angular component for the popular and very flexible seiyria/bootstrap-slider (https://github.com/seiyria/bootstrap-slider).

Some demos are available here: https://seiyria.com/bootstrap-slider/

## Install

```
npm install ngx-bootstrap-slider
```

## Setup

### Include the module

Import the module in your app.module.ts:

```
import { NgxBootstrapSliderModule } from 'ngx-bootstrap-slider';
```

Add the module to the imports in your app.module.ts:

```
imports: [
  ...
  NgxBootstrapSliderModule,
  ...
]
```

### Configure the Angular CLI

Add the CSS and JavaScript files to your angular.json:

```
"styles": [
  "node_modules/bootstrap-slider/dist/css/bootstrap-slider.min.css"
],
"scripts": [
  "node_modules/bootstrap-slider/dist/bootstrap-slider.min.js"
]
```

## Getting started

Add a slider element to your component:

```
<mv-slider [(value)]="value" [min]="1" [max]="100" [enabled]="enabled" (change)="change()"></mv-slider>
```

## Attributes

All available properties are described here: https://github.com/seiyria/bootstrap-slider#options

The names have been unified to camel-casing (e.g. `[ticksLabels]` not `[ticks_labels]`).

## Events

All available events are described here: https://github.com/seiyria/bootstrap-slider#events

Currently, only the following events are implemented:
- slide
- slideStart
- slideStop
- change
npm package: @irshadali/ngx-copy-to-clipboard
Description: Click and copy to your clipboard fast
Author: Irshad Ali
Latest version: 2.0.6

# NgxCopyToClipboard

Click and copy to your clipboard fast

<br>

This version of ngx-copy-to-clipboard will install with higher versions of angular without testing. so, use this with your testing. Angular 18 introduces signals, if your component uses signals then testing must be done that it working correctly.

## Why is there a need Copy to clipboard?

> The "Copy to clipboard" directive is a useful feature that allows users to quickly and easily duplicate content from one location and paste it into another. It is particularly useful when working with text, as it eliminates the need to manually retype or reformat content.

[![npm](https://img.shields.io/npm/l/express.svg)](https://www.npmjs.com/package/@andreasnicolaou/ngx-copy-to-clipboard)

<br>

## Installation

#### 1. Install via NPM:

```shell
npm i --save @andreasnicolaou/ngx-copy-to-clipboard
```

#### 2. Import `NgxCopyToClipboardModule` into your app's root module or common module
```typescript

import { NgxCopyToClipboardModule } from '@andreasnicolaou/ngx-copy-to-clipboard';

@NgModule({
  ...
  imports: [
    NgxCopyToClipboardModule
  ],
  ...
})
export class AppModule { }

```

<br>

| Inputs                    | Description                                                                         | 
| ------------------------- | ----------------------------------------------------------------------------------- | 
| `textToCopy`              | String Text to copy                                                                 | 
| `successMessage`          | On copy success message                                                             | 
| `errorMessage`            | On copy error message                                                               | 
| `onCopyEvent`             | On copy event get success message (has default message-ovverid)                     | 
| `onErrorEvent`            | On copy event get error message (has default message-ovverid)                       | 

#### Example
```typescript
    const val = 'Hello World!';

    public onSuccess(ev: string){
        console.log(ev);
    }

     public onError(ev: string){
        console.log(ev);
    }

```
```html
    <button ngxCopyToClipboard [textToCopy]="val" [successMessage]="'Copied to Clipboard'" [errorMessage]="'Not copied to Clipboard'"
     (onCopyEvent)="onSuccess($event)" (onErrorEvent)="onError($event)">Copy</button>
```

## Contribution
- **Having an issue**? or looking for support? [Open an issue](https://github.com/andreasnicolaou/ngx-copy-to-clipboard/issues/new) and we will get you the help you need.
- Got a **new feature or a bug fix**? Fork the repo, make your changes, and submit a pull request.

## Support this project
If you find this project useful, please star the repo to let people know that it's reliable. Also, share it with friends and colleagues that might find this useful as well. Thank you :smile:
npm package: @irshadali/ngx-simpler-copy
Description: Just for copy text to clipboard, only that !!!
Author: Irshad Ali
Latest version: 1.0.0

# Ngx Simpler Copy

Just for copy text to clipboard, only that !!!


### how to:
1. import `NgxSimplerCopyModule`:
```
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { NgxSimplerCopyModule } from 'ngx-simpler-copy';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxSimplerCopyModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

2. use directive or exist function:
```
import { Component } from '@angular/core';
import { simplerCopyText } from 'ngx-simpler-copy';

@Component({
  selector: 'app-root',
  templates: `
  <div>
    <p #mySimpler="simplerCopy" simplerCopy>
        08111111111111
    </p>
    <div>
        <button (click)="mySimpler.copy('08111111111111')">
        Copy
        </button>
        &nbsp;
        <button (click)="copyHiThere('Hi, There !!!')">
        Copy "Hi, There !!!"
        </button>
    </div>
  </div>
  `,
  styles: [``]
})
export class AppComponent {
  copyHiThere(text: string): void {
    simplerCopyText(text);
  }
}

```

### Contributes:
- agung96tm ( [github](https://github.com/agung96tm) | [website](https://agung96tm.com/) )