open-index/open-npm huggingface dataset:
npm package: 2yy-ngx-br
Description: ![CI](https://github.com/2YY/ngx-br/workflows/CI/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/864dcdff5e2b8f2f409c/maintainability)](https://codeclimate.com/github/2YY/ngx-br/maintainability) [![Test Coverage](https://api.codeclima
Latest version: 0.0.2
Deprecated: No actively maintained. Thanks for using.

# NgxBr

![CI](https://github.com/2YY/ngx-br/workflows/CI/badge.svg)
[![Maintainability](https://api.codeclimate.com/v1/badges/864dcdff5e2b8f2f409c/maintainability)](https://codeclimate.com/github/2YY/ngx-br/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/864dcdff5e2b8f2f409c/test_coverage)](https://codeclimate.com/github/2YY/ngx-br/test_coverage)

## Installation

`npm i 2yy-ngx-br`

## Usage

In your component:

`message = 'hoge\nfuga';`

then, in your template:

`<p [innerHTML]="message | ngxBr"></p>`

should be:

`<p>hoge<br>fuga</p>`

## License

[MIT License](../../LICENSE)
npm package: 2yy-ngx-ellipsis
Description: ![Test](https://github.com/2YY/ngx-ellipsis/workflows/Test/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/ca237f91fb67f856f044/maintainability)](https://codeclimate.com/github/2YY/ngx-ellipsis/maintainability) [![Test Coverage](https
Latest version: 0.0.3
Deprecated: No actively maintained. Thanks for using.

# NgxEllipsis

![Test](https://github.com/2YY/ngx-ellipsis/workflows/Test/badge.svg)
[![Maintainability](https://api.codeclimate.com/v1/badges/ca237f91fb67f856f044/maintainability)](https://codeclimate.com/github/2YY/ngx-ellipsis/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/ca237f91fb67f856f044/test_coverage)](https://codeclimate.com/github/2YY/ngx-ellipsis/test_coverage)

## Installation

`npm i 2yy-ngx-ellipsis`

## Usage

`<p>{{ 'Lorem ipsum dolor sit amet, ' | ellipsis: 10 }}</p>`

should be

`<p>Lorem ipsu…</p>`

## License

[MIT License](../../LICENSE)
npm package: 2yy-ngx-menu
Description: ![Test](https://github.com/2YY/ngx-menu/workflows/Test/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/8855ddde0fd5e70ca6a4/maintainability)](https://codeclimate.com/github/2YY/ngx-menu/maintainability) [![Test Coverage](https://api.c
Latest version: 0.0.1
Deprecated: No actively maintained. Thank you for using.

# NgxMenu

![Test](https://github.com/2YY/ngx-menu/workflows/Test/badge.svg)
[![Maintainability](https://api.codeclimate.com/v1/badges/8855ddde0fd5e70ca6a4/maintainability)](https://codeclimate.com/github/2YY/ngx-menu/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/8855ddde0fd5e70ca6a4/test_coverage)](https://codeclimate.com/github/2YY/ngx-menu/test_coverage)

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

## Installation

`npm i 2yy-ngx-menu`

## Motivation

- Use [FocusKeyManager]() with your own styles. (Fully customizable)

## Usage

1. Wrap your menu items with `lib-ngx-menu`.
2. Add `libNgxMenuItem` directive to your menu items.

### Example

    <lib-ngx-menu>
      <button #button1 libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 1">Button 1</button>
      <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 2">Button 2</button>
      <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 3">Button 3</button>
      <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 4">Button 4</button>
      <button libNgxMenuItem (focusReceived)="lastFocusedButtonNumber = 5">Button 5</button>
    </lib-ngx-menu>

Your can customize there buttons style freely.

## License

[MIT License](./LICENSE)
npm package: 2yy-ngx-ripple
Description: ![CI](https://github.com/2YY/ngx-ripple/workflows/CI/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/5a1a3a8851b0c322b628/maintainability)](https://codeclimate.com/github/2YY/ngx-ripple/maintainability) [![Test Coverage](https://api.c
Latest version: 0.0.2
Deprecated: No actively maintained. Thanks for using.

# NgxRipple

![CI](https://github.com/2YY/ngx-ripple/workflows/CI/badge.svg)
[![Maintainability](https://api.codeclimate.com/v1/badges/5a1a3a8851b0c322b628/maintainability)](https://codeclimate.com/github/2YY/ngx-ripple/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/5a1a3a8851b0c322b628/test_coverage)](https://codeclimate.com/github/2YY/ngx-ripple/test_coverage)

## Installation

`npm i 2yy-ngx-ripple`

## Motivation

By default, [Ripples](https://material.angular.io/components/ripple/overview) triggered by click event.

But, if you want trigger Ripples by mouseenter event, you can achieve it with `NgxRippleService`.

## Usage

In your `foo.component.ts`:

    @ViewChild('btn', {read: MatRipple}) btnRef: MatRipple;
    
    constructor(public rippleService: NgxRippleService) {}

Then, in your `foo.component.html`:

`<button #btn matRipple (mouseenter)="rippleService.show(btnRef)" (mouseleave)="rippleService.hide(btnRef)">My Button</button>`

## License

[MIT License](./LICENSE)
npm package: 2yy-ngx-trim
Description: [![Test](https://github.com/2YY/ngx-trim/actions/workflows/test.yml/badge.svg)](https://github.com/2YY/ngx-trim/actions/workflows/test.yml) <a href="https://codeclimate.com/github/2YY/ngx-trim/maintainability"><img src="https://api.codeclimate.com/v1/badg
Latest version: 0.0.4
Deprecated: No actively maintained. Thanks for using.

# NgxTrim

[![Test](https://github.com/2YY/ngx-trim/actions/workflows/test.yml/badge.svg)](https://github.com/2YY/ngx-trim/actions/workflows/test.yml)
<a href="https://codeclimate.com/github/2YY/ngx-trim/maintainability"><img src="https://api.codeclimate.com/v1/badges/9d75ff9e387d486fd44f/maintainability" /></a>
[![Test Coverage](https://api.codeclimate.com/v1/badges/9d75ff9e387d486fd44f/test_coverage)](https://codeclimate.com/github/2YY/ngx-trim/test_coverage)

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-trim` 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: 2yy-ngx-validators
Description: [![Maintainability](https://api.codeclimate.com/v1/badges/a3f6cad9a98434a86322/maintainability)](https://codeclimate.com/github/2YY/ngx-validators/maintainability) [![Test Coverage](https://api.codeclimate.com/v1/badges/a3f6cad9a98434a86322/test_coverage)
Latest version: 0.0.2
Deprecated: No actively maintained. Thanks for using.

# NgxValidators

[![Maintainability](https://api.codeclimate.com/v1/badges/a3f6cad9a98434a86322/maintainability)](https://codeclimate.com/github/2YY/ngx-validators/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/a3f6cad9a98434a86322/test_coverage)](https://codeclimate.com/github/2YY/ngx-validators/test_coverage)

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-validators` 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: 2yy-vue-accordion
Description: Vue accordion menu component.
Author: 2YY
Latest version: 2.0.0
Deprecated: Sorry. This package is no longer supported.

# vue-accordion

[![CircleCI](https://circleci.com/gh/2YY/vue-accordion.svg?style=svg)](https://circleci.com/gh/2YY/vue-accordion)
[![Maintainability](https://api.codeclimate.com/v1/badges/cb20ebe38dfb99443087/maintainability)](https://codeclimate.com/github/2YY/vue-accordion/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/cb20ebe38dfb99443087/test_coverage)](https://codeclimate.com/github/2YY/vue-accordion/test_coverage)
[![Inline docs](http://inch-ci.org/github/2YY/vue-accordion.svg?branch=master)](http://inch-ci.org/github/2YY/vue-accordion)
[![npm version](https://badge.fury.io/js/2yy-vue-accordion.svg)](https://badge.fury.io/js/2yy-vue-accordion)

Vue accordion menu component.

## Demo

[The live demo is available on GitHub Pages](https://2yy.github.io/vue-accordion/demo.html)

![demo screen capture](https://cdn.rawgit.com/2YY/vue-accordion/b52f42f2/docs/demo-screen-capture.gif)

## Document

[GitHub Pages](https://2yy.github.io/vue-accordion/)