open-index/open-npm huggingface dataset:
npm package: @kobotech/ngx-input
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.0.
Latest version: 0.1.71

# NgxInput

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

## Code scaffolding

Run `ng generate component component-name --project ngx-input` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-input`.

> Note: Don't forget to add `--project ngx-input` or else it will be added to the default project in your `angular.json` file.

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-input` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Changelog

### [0.1.71] - 2022-02-14

### Added

- Add change Log file.
- Temporary Fix for Ivory Coast phone numbers in phone number module.
- Increased default number of countries on kobo-phone-number

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @kobotech/ngx-sidenav
Description: ngx-sidebar is a sidebar widget for Kobo360.
Latest version: 0.0.7

# NgxSidenav

## Dependencies
```"@angular/material": "^9.1.1"```

## Install

```bash
npm install ngx-toastr @angular/material@9 --save
```

or

```bash
yarn add ngx-toastr @angular/material@9
```

## Setup

```typescript
import { NgxSidenavModule } from '@kobotech/ngx-sidenav';
@NgModule({
  imports: [
    CommonModule,
    NgxSidenavModule
  ],
  bootstrap: [App],
  declarations: [App]
})
class AppModule {}
```

To use mat-icons, you need to include the material icons css in your project. You can add it to the head section of your index.html.

```html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
```

## Use
```typescript
import { Menu } from '@kobotech/ngx-sidenav';
@Component({...})
export class YourComponent {
  menu: Menu[] = [{
    type: 'header',
    title: 'Access control',
    children: [
      {
        type: 'normal',
        title: 'Access control',
        icon: {
          type: 'md',
          name: 'settings'
        },
        routerLink: 'access-control',
      }
    ]
  }]
}
```

```html
<kobo-ngx-sidenav class="dark" [menuItems]="menu">
  <a [routerLink]="['/']" class="logo">
    <img src="assets/img/kobo-logo-white.png" alt="logo" class="logo">
  </a>
</kobo-ngx-sidenav>
```

### Menu interface
```typescript
export interface Menu {
  type: 'header' | 'normal';
  title: string;
  icon?: {
    type: 'md' | 'url';
    link?: string;
    name?: string;
  };
  children?: Menu[];
  routerLink?: string | any[];
  queryParams?: {
    [k: string]: any;
  };
}
```
npm package: @kobotech/ngx-timeline
Description: Horizontal timeline widget
Latest version: 0.0.6

# NgxTimeline

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

Simple Timeline widget for Angular >= 8.x.x.

## Instalation

Step one: install library

``` npm install @kobotech/ngx-timeline```

or

``` yarn add @kobotech/ngx-timeline```

Step two: import Timeline module
```ts
import { NgxTimelineModule } from '@kobotech/ngx-timeline';
```

Step three: import library into you module

```ts
imports: [
    ...
    NgxTimelineModule,
    ...
  ]
```

## Usage

```<kobo-ngx-timeline [statuses]="statuses" [showTimeline]="true"></kobo-ngx-timeline>```

### Options
* statuses: Array of KoboTimelineStatus
* showTimeline: Whether to show status line and marker or not

### KoboTimelineStatus

| Option        | Type   | Default | Description                 |
| ------------- | ------ | ------- | --------------------------- |
| title         | string | null    | The top title of the status |
| primaryText   | string | null    | Status Detail               |
| secondaryText | string | null    | Secondary Status Detail     |
| iconURI       | string | null    | Status icon resource        |
npm package: @kobotech/ngx-utils
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.5.
Latest version: 1.0.0

# NgxUtils

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-utils` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).