open-index/open-npm huggingface dataset:
npm package: @pwatson1517/vue3-tree-chart
Description: Tree Component for Vue3 powered by D3.js & SVG
Author: pwatson
Latest version: 0.3.1

# @ssthouse/vue3-tree-chart

## Docs 

[https://github.com/ssthouse/vue-tree-chart](https://github.com/ssthouse/vue-tree-chart)

## 文档

[https://github.com/ssthouse/vue-tree-chart](https://github.com/ssthouse/vue-tree-chart)
npm package: @pwc-suman/global-message
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
Latest version: 0.0.3

# GlobalMessage

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test global-message` 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.

## How to use

import { GlobalMessageModule } from '@pwc-suman/global-message' in your app.module.ts file and add GlobalMessageModule in imports array.

Add public globalMessageService: GlobalMessageService in constructor of your app.component.ts file.

Add <lib-global-message [message]="messageData.message" [type]="messageData.type" [closable]="messageData.closable" [width]="messageData.width" [textColor]="messageData.textColor" [backGround]="messageData.backGround" [borderColor]="messageData.borderColor" [time]="messageData.time" *ngIf="globalMessageService.messageData$ | async as messageData"></lib-global-message> in your app.component.html.
Where [type] is optional (default value 'success'), [closable] is optional (default value false), [width] is optional (default value 40%), [textColor] is optional (default value '#000'), [backGround] is optional (default value 'transparent'), [borderColor] is optional (default value '#0097E0'), [time] is optional (default value 3000).
Note: If you provide [closable]='true', [time] won't have any effect.

Now add private globalmsgService: GlobalMessageService inside constructor of any componet from where you want to show the message and use globalmsgService.add() method. import { GlobalMessageService } from '@pwc-suman/global-message'

Example: this.globalmsgService.add({message: 'hello',time: 3000, closable: true, width:'60%', textColor:'red', backGround:'lightgreen',borderColor:'red'}) where only message is required and others are optional.
npm package: @pwc-suman/global-spinner
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.
Latest version: 0.0.2

# GlobalSpinner

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test global-spinner` 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.

## Use

import { GlobalSpinnerModule } from "@pwc-suman/global-spinner"; in your app.module and add GlobalSpinnerModule in imports array.

Add <lib-global-spinner></lib-global-spinner> in your app.component.html