open-index/open-npm huggingface dataset:
npm package: @iatec/ng2-file-upload
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.2.0

# Ng2FileUpload

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

## Code scaffolding

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

## Build

Run `ng build ng2-file-upload` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ng2-file-upload` 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: @iatec/ng2-layout
Description: [![npm version](https://badge.fury.io/js/%40iatec%2Fng2-layout.svg)](https://badge.fury.io/js/%40iatec%2Fng2-layout) [![Build Status](https://travis-ci.org/iatecbr/ng2-layout.svg?branch=master)](https://travis-ci.org/iatecbr/ng2-layout)
Author: IATec
Latest version: 1.0.6

[![npm version](https://badge.fury.io/js/%40iatec%2Fng2-layout.svg)](https://badge.fury.io/js/%40iatec%2Fng2-layout) [![Build Status](https://travis-ci.org/iatecbr/ng2-layout.svg?branch=master)](https://travis-ci.org/iatecbr/ng2-layout)

# LayoutIATec

## Installation

IATec layout runs on angular 2 (v5+) and is available as an NPM package. You can install @iatec/ng2-layout
in your project's directory as usual:

```bash
$ npm install --save @iatec/ng2-layout
```

## Example
### Template 
#### Global layout
```
<iatec-layout-css></iatec-layout-css>
```
#### Header
```
<iatec-layout-header 
    logoURL="assets/images/logo.png"
    [profile]="profile"
    [entities]="entityListService.items"
    [currentEntity]="session.entity"
    (changeEntity)="onChangeEntity($event)"
    (allEntities)="onAllEntities($event)"
    [notifications]="notifications"
    (allNotifications)="onAllNotification($event)"
    (clickNotification)="onClickNotification($event)"
    (account)="onClickAccount($event)"
    (signOut)="onClickSignOut($event)"
    [languages]="languages"
    [currentLanguage]="selectedLanguage"
    (clickLanguage)="onClickLanguage($event)"
    >
    <!-- Custom template -->    
    <!-- <ng-template #templateNotification let-item>{{ item | json }}</ng-template> -->
    <!-- <ng-template #templateEntities></ng-template> -->
</iatec-layout-header>
```
#### Menu
```
<iatec-layout-menu 
    [loading]="loadingMenu" 
    [ngModel]="menus"
    [parentId]="1"
    (clickMenu)="onClickMenu($event)"
    (clickFavorite)="onClickFavorite($event)"
    version="1.0.0"
>
<!-- Custom menu template -->
<!-- <ng-template #templateMenuItem let-item>
        <i [class]="item.iconClass"></i> {{item.title}} <span class="badge">{{item.id}}</span>    
</ng-template>  -->
</iatec-layout-menu>
```
#### Menu
```
<iatec-layout-content [loading]="loading">
    <router-outlet></router-outlet>
</iatec-layout-content>
```
### TypeScript (.ts)
```
 import { IatecLayoutModule } from '@iatec/ng2-layout';
```

Add in your module
```
 @NgModule({   
   imports: [
    IatecLayoutModule,
   ]
 })
```
npm package: @iatec/ng2-message-display
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.1.0

# Ng2MessageDisplay

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

## Code scaffolding

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

## Build

Run `ng build ng2-message-display` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ng2-message-display` 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: @iatec/ng2-popup-image
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.1.0

# Ng2PopupImage

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

## Code scaffolding

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

## Build

Run `ng build ng2-popup-image` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ng2-popup-image` 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: @iatec/ng2-quill-editor
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.1.0

# Ng2QuillEditor

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

## Code scaffolding

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

## Build

Run `ng build ng2-quill-editor` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ng2-quill-editor` 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: @iatec/ng2-status-bubble
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.1.0

# Ng2StatusBubble

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

## Code scaffolding

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

## Build

Run `ng build ng2-status-bubble` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test ng2-status-bubble` 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: @iatec/ng2-timepicker
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.5.
Latest version: 1.1.0

# Ng2Timepicker

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ng2-timepicker` 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: @iatec/ng2-wizard
Description: Wizard runs on angular 2 and is available as an NPM package. You can install ng2-wizard in your project's directory as usual:
Latest version: 1.1.0

## Installation

Wizard runs on angular 2 and is available as an NPM package. You can install ng2-wizard
in your project's directory as usual:

```bash
$ npm install --save @iatec/ng2-wizard
```

Component Wizard(step to step with tabs) for Angular 2.
```
 <wizard orientation="string [landscape|portrait]" hiddenTabs="string [yes|no]" disableTabs="string [yes|no]" disableSteps="Array [number]" hiddenDisableSteps="string [yes|no]" currentStep="int [number]" (stepChange)="onYourFunction($event)">
```

## Example
### Template (.html)
```
 <wizard orientation="portrait">
  <wizard-step>
    <wizard-step-tab>Title of first tab</wizard-step-tab>
    Hello World
  </wizard-step>
 </wizard>
```
### TypeScript (.ts)
Import WizardComponent and WizardStepComponent
```
 import { Ng2WizardModule } from '@iatec/ng2-wizard';
```

Add in your module
```
 @NgModule({   
   imports: [
    Ng2WizardModule,
   ]
 })
```
npm package: @iau/cy-jupyterlab
Description: A JupyterLab extension for rendering cx files.
Author: Keiichiro Ono
Latest version: 0.1.0

# cy-jupyterlab

Jupyter lab widget for rendering praphs (network:.cx, .json) using cytoscape.js.


## Prerequisites

* JupyterLab

## Installation

(still cannot.)
```bash
jupyter labextension install cy-jupyterlab
```

## Development

For a development install (requires npm version 4 or later), do the following in the repository directory:

```bash
npm install
npm run build
jupyter labextension link .
```

To rebuild the package and the JupyterLab app:

```bash
npm run build
jupyter lab build
```
npm package: @iaverage/json
Description: JSON Helper functions
Author: Daniel Raybone
Latest version: 1.0.2

# @iaverage/json

Simple module containing some useful functions for getting and setting values in objects based using a string or array as the key

## Usage

### getPath

```js
// commonjs
//const json = require("@iaverage/json")
// module
import json from "@iaverage/json";

const obj = {
    hello: {
        world: {
            another: {
                object: "javascript",
            },
        },
    },
};

// Using a string with . as a separator
const key = "hello.world.another.object";
console.log(json.getPath(obj, key)); // javascript

// Using a string with a custom separator
const key = "hello/world/another/object";
console.log(json.getPath(obj, key, "/")); // javascript

// Using a an array
const key = ["hello", "world", "another", "object"];
console.log(json.getPath(obj, key)); // javascript
```

### setPath

```js
// commonjs
//const json = require("@iaverage/json")
// module
import json from "@iaverage/json";

const obj = {
    hello: {
        world: {
            another: {
                object: "javascript",
            },
        },
    },
};

// Using a string with . as a separator
const key = "just.another.key.value";
json.setPath(obj, key, "javascript");

// Using a string with a custom separator
const key = "just/another/key/value";
json.setPath(obj, key, "javascript", "/");

// Using a an array
const key = ["just", "another", "key", "value"];
json.setPath(obj, key, "javascript");

console.log(obj);
// {
//     hello: {
//         world: {
//             another:{
//                 object: "javascript"
//             }
//         }
//     },
//     just: {
//         another: {
//             key: {
//                 value: "javascript"
//             }
//         }
//     }
// }
```
npm package: @iaverage/logger
Description: Simple logger I use in all my projects
Author: Daniel Raybone
Latest version: 1.1.3

# Logger

Simple logger used in all my projects

## Usage

Simple

```js
const logger = require("@iaverage/logger");

logger.info("Log messages to logs/ and console!");
```

Loki

```js
const logger = require("@iaverage/logger");

logger.setLokiSettings({
    url: "https://ip:port/loki/api/v1/push",
    metadata: { label: "value" },
});
logger.info("Push messages to loki!");
```
npm package: @iawaknahc/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.1.0-custom.3

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.