open-index/open-npm huggingface dataset:
npm package: @quasar_dynamics/basic-designsystem
Description: System Design
Author: Quasar Dynamics
Latest version: 0.2.23

# QuasarLibrary

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test quasarLibrary` 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: @quasar_dynamics/qd-charts
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
Latest version: 0.0.1

# QdCharts

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test qd-charts` 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: @quasar_dynamics/qd-designsystem
Description: System Design
Author: Quasar Dynamics
Latest version: 0.5.245

# DesignSystem

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.

## Code scaffolding

Run `ng generate component component-name --project designSystem` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project designSystem`.
> Note: Don't forget to add `--project designSystem` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build designSystem` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build designSystem`, go to the dist folder `cd dist/design-system` and run `npm publish`.

## Running unit tests

Run `ng test designSystem` 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: @quasarke/ng-gainsight
Description: This library is meant to integrate with gainsight px and make it easy for angular developers to use it.
Author: William Dunn
Latest version: 1.0.1

# NgGainsight

This library is meant to integrate with gainsight px and make it easy for angular developers to use it.

I have no affiliation with gainsight however I needed to implement there product and there normal solution wasn't great and there were no alternatives so I made this.

## Install

```
npm i --save @quasarke/ng-gainsight
```
in a module
```
  imports: [
    ...
    GainsightModule.forRoot({ tagKey: 'XX-XXXXXX' })
    ...
  ],
```
in a componet or service once you have account and user data

```
  constructor(private gainsight: GainsightService) {
    this.gainsight.initGainSight({ user:{ id: '1', email: 'bob@bob.com'}, account: {id:'1', name:'acme'}})
  }
```
There is also a pipe that allows you to add classes easily in the gpx format

```
<a [ngClass]="'example' | gainsight: 'gainsight'" target="_blank" rel="noopener" href="https://quasarke.com"></a>
```
the class outputs as gpx-gainsight-example if the featurepath is provile or gpx-example if none is

There are alternative ways of loading this library if needed and the script source used can be overridden 

```
GainsightModule.forRoot({ tagKey: 'XX-XXXXXX',config: { user:{ id: '1', email: 'bob@bob.com'}, account: {id:'1', name:'acme'}} , scriptSource: 'https://web-sdk.aptrinsic.com/api/aptrinsic.js' })
```
will load all the data on module import

alternatively you can load the module without for root

```
   imports: [
    ...
    GainsightModule
    ...
  ],
```
end call the functions in the service

```
  constructor(private gainsight: GainsightService) {
    this.gainsight.InjectGainSight('XX-XXXXX'); 
    this.gainsight.initGainSight({ user:{ id: '1', email: 'bob@bob.com'}, account: {id:'1', name:'acme'}})
  }
```