open-index/open-npm huggingface dataset:
npm package: @itsquarehub/ngx-common
Description: An angular 2+ library for common utilities.
Latest version: 0.17.4

# NgxIshCommon

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-ish-common` 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).
npm package: @itsquarehub/ngx-event-bus
Description: An angular 2+ library for event bus design pattern.
Latest version: 0.14.1

# NgxEventBus

> An angular library for dispatching event to easily communicate between component-component, service-component, and many more.

## Install

```bash
npm install @itsquarehub/ngx-event-bus
```

or

```bash
yarn add @itsquarehub/ngx-event-bus
```

## Usage

Installation
```typescript
import { EventBusModule } from '@itsquarehub/ngx-event-bus';

@NgModule({
  imports: [
    EventBusModule.forRoot(),
  ]
})
```

Creation of custom event. Inherit the EventBusState class
```typescript
import { EventBusState } from '@itsquarehub/ngx-event-bus';

export class ShowLoaderEvent extends EventBusState<void> {
  constructor() {
    super('ShowLoaderEvent');
  }
}
```

Register event listener
```typescript
import { Subscription } from 'rxjs';
import { EventBusDispatcherService } from '@itsquarehub/ngx-event-bus';

export class EventClassSample {
  private _showLoaderHandler: Subscription;

  constructor(private _eventDispatcher: EventBusDispatcherService) {
    this._showLoaderHandler = this._eventDispatcher.addEventListener(
      new ShowLoaderEvent(), this._onShowLoader.bind(this)
    );
  }

  public ngOnDestroy(): void {
    if (this._showLoaderHandler) {
      this._showLoaderHandler.unsubscribe();
      this._showLoaderHandler = null;
    }
  }

  private _onShowLoader(): void {
    console.log('Show loader.');
  }
}
```
> Note don't forget to unsubscribe your handler, to prevent memory leak.

Dispatching an event
```typescript
import { EventBusDispatcherService } from '@itsquarehub/ngx-event-bus';

export class EventClassSample {
  constructor(private _eventDispatcher: EventBusDispatcherService) {
    this._eventDispatcher.dispatch(new ShowLoaderEvent());
  }
}
```

## License

[MIT](http://vjpr.mit-license.org)

[npm-image]: https://img.shields.io/npm/v/live-xxx.svg
[npm-url]: https://npmjs.org/package/live-xxx
[travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
[travis-url]: https://travis-ci.org/live-js/live-xxx
[coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg
[coveralls-url]: https://coveralls.io/r/live-js/live-xxx?branch=master
npm package: @itsquarehub/ngx-gadgets
Description: An angular 2+ library for common gadgets.
Latest version: 0.17.11

# NgxIshGadgets

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test ngx-ish-gadgets` 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).
npm package: @itsquarehub/ngx-logger
Description: An angular library for logging your classes such as service, components, directives, etc... for debugging purposes.
Latest version: 0.14.1

# NgxLogger

> An angular library for logging your classes such as service, components, directives, etc... for debugging purposes.

## Install

```bash
npm install @itsquarehub/ngx-logger
```

or

```bash
yarn add @itsquarehub/ngx-logger
```

## Usage

Installation
```bash
import { LoggerModule, LoggerConfig } from '@itsquarehub/ngx-logger';

export function loggerConfig(cookieService: CookieService): LoggerConfig {
  let loggerFlag = cookieService.getEncryptedItem('enableLogger');
  return { enableLogging: loggerFlag || false } as LoggerConfig;
}

@NgModule({
  imports: [
    LoggerModule.forRoot(loggerConfig, [CookieService]),
  ]
})
```

For logging all class methods or properties use the LogClass() decorator.
```bash
import { LogClass } from '@itsquarehub/ngx-logger';

@LogClass()
export class MyClass {

  public addNumbers(first: number, second: number): number {
    return first + second;
  }
}
```

For logging methods or properties use the LogMethod() decorator.
```bash
import { LogMethod } from '@itsquarehub/ngx-logger';

export class MyClass {

  @LogMethod()
  public addNumbers(first: number, second: number): number {
    return first + second;
  }
}
```

If you want to ignore methods in a class logging
```bash
import { LogClass, LogIgnore } from '@itsquarehub/ngx-logger';

@LogClass()
export class MyClass {

  @LogIgnore()
  public addNumbers(first: number, second: number): number {
    return first + second;
  }
}
```

## License

[MIT](http://vjpr.mit-license.org)

[npm-image]: https://img.shields.io/npm/v/live-xxx.svg
[npm-url]: https://npmjs.org/package/live-xxx
[travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
[travis-url]: https://travis-ci.org/live-js/live-xxx
[coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg
[coveralls-url]: https://coveralls.io/r/live-js/live-xxx?branch=master
npm package: @itsquarehub/ngx-material
Description: An angular 2+ library for common material.
Latest version: 0.17.25

# NgxItsMaterial

The IT Squarehub library based on material design components and other 3rd part libraries associated

# Installation
```bash
  npm install @ngx-translate/core
```

# To enable address or location component, you need to get an api key from google and add the following in your index.html
```html
  <script src="https://maps.googleapis.com/maps/api/js?key=<API_KEY>=places&language=en"></script>
```