open-index/open-npm huggingface dataset:
npm package: @novyk/ikong
Description: Efficient Angular SVG Icons.
Author: Oleksa Novyk
Latest version: 13.0.0
Deprecated: WARNING: This project has been renamed to icong | $ npm i icong

[![npm version](https://badge.fury.io/js/%40novyk%2Fikong.svg)](https://www.npmjs.com/@novyk/ikong)
![CI](https://github.com/navix/ikong/actions/workflows/ci.yml/badge.svg)

# 🦍 ikong

## Efficient Angular SVG Icons

Renders icons as symbols in the host, and displays them via `use[href]`.

Inspired by this article: https://css-tricks.com/too-many-svgs-clogging-up-your-markup-try-use/

**Features:**

* Renders icons only once in the DOM, then re-use.
* Load SVG by url or use XML directly.
* Lazy-rendering and lazy-loading.
* No additional wrapper components, direct access to `svg` element.
* No magic coloring or sizing.


## Installation

```
$ npm i @novyk/ikong
```


## Usage

Import the module.

```
import { IconModule } from '@novyk/ikong';
...
@NgModule({
  imports: [
    ...
    IconModule,
```

Place host for symbols rendering (in the root or other shared place). It is invisible.

```html
<icons-host></icons-host>
```

Add icons to registry.

```typescript
import { IconsRegistry } from '@novyk/ikong';
...
constructor(
  private iconsRegistry: IconsRegistry,
) {}
...
this.iconsRegistry.add({name: 'home', xml: '<svg ...'});
this.iconsRegistry.add({name: 'star', url: '/assets/icons/star.svg'});
// or
this.iconsRegistry.add([
  {name: 'home', xml: '<svg ...'},
  {name: 'star', url: '/assets/icons/star.svg'},
]);
```

Display icons in a template:

```html
<svg icon="home"></svg>
<svg icon="star"></svg>
```

### Color

Ikong does not apply any additional changes to the `sgv` code or to the wrappers. You need to manage colors yourself.

I prefer to change `fill` attribute in the `svg` from particular color to `currentColor`. 

### Size

Icons are too different: in sizes, proportions, boldness etc. Then we need to place them in very different environments.  

A non-generalized solution works good here, I prefer to define `svg` sizes in CSS. 

You always can create a wrapper component or directive that will solve exactly your issue.
npm package: @novyk/ing
Description: Simple async state container for RxJS and Angular.
Author: Oleksa Novyk
Latest version: 1.0.1

[![npm version](https://badge.fury.io/js/%40novyk%2Fing.svg)](https://www.npmjs.com/@novyk/ing)

# 🦥 Ing

Simple async state container for RxJS and Angular.

## Features

* Stores multiple async operation states: New, Ongoing, Succeed, Failed.
* Gives Observables with the state.
* Has a helper operator for RxJS integration.
* Adapted for using in Angular templates.
* Easily integrates with your custom services and components.
* Has no additional dependencies and complex abstractions.


## Installation

```
$ npm i @novyk/ing
```


## Usage

#### Create instance of container

```
import { ing, Ing } from '@novyk/ing';
...

component MyCompontent {
  loading = new Ing();
  ...
}
```

#### Handle state when making requests

```
import { ing, Ing } from '@novyk/ing';
...

component MyCompontent {
  ...
  loadData() {
    this.loading.start();
    this.dataService
      .load()
      .pipe(
        ing(this.loading),
      )
      ...
  }
}
```

#### Use container in templates

```
<div *ngIf="loading.ongoing">
  Data is loading...
</div>
<div *ngIf="loading.succeed">
  ...
</div>
```

Or subscribe to streams to improve performance: 

```
<div *ngIf="loading.ongoing$ | async">
  Data is loading...
</div>
<div *ngIf="loading.succeed$ | async">
  ...
</div>
```

Using `ngSwitch`:

```
<div [ngSwitch]="loading.status$ | async">
  <ng-template ngSwitchCase="Ongoing">
    Data is loading...
  </ng-template>
  <ng-template ngSwitchCase="Succeed">
    ...
  </ng-template>
  <ng-template ngSwitchCase="Failed">
    Data loading failed!
  </ng-template>
</div>
```

### TODO

* [ ] tests
* [ ] CI release
npm package: @novyk/ngxe
Description: Angular 11.1+ JSON Translations Editor.
Author: Oleksa Novyk
Latest version: 1.2.2
Deprecated: WARNING: This project has been moved to ngxe | $ npm i ngxe -D

# 📜 ngxe

Angular 11.1+ JSON Translations Editor.

⚠️⚠️⚠️ Moved to https://www.npmjs.com/package/ngxe