@ng-library/Common Library

Common libraries for @angular-lib projects.

Table of Contents

• Installation
• Libraries
  • Wrapper Component D3
  • Colors
• License

Installation

Install @angular-lib as a development dependency:

npm i @ng-library/common-library --save-dependencies

Libraries

Wrapper Component D3

Create a new svg element to binding angular-lib d3 components and created data visualizations.

Methods:

svgContainer()

Parameters: None.

Return: HTML Element

Return created HTML Element with unique id when instance the class.

uid()

Parameters: None

Return: String.

Return a string with unique id to identificate the created element.

width()

Parameters: None

Return: Number.

Return the width of the element

height()

Parameters: None

Return: Number.

Return the width of the element

Usage:

...
import { WrapperComponentD3 } from '@angular-lib/common-library'; 
...
private _WrapperComponentD3:  WrapperComponentD3;

constructor(
    private elementRef: ElementRef
) { }

ngOnInit() {
    // Create D3 Container
    // Generate new svg element with the measures of elementRef.
    this._WrapperComponentD3 = new WrapperComponentD3(this.elementRef);

	// Get the uniqueId
	console.info(this._WrapperComponentD3.uid());
}

Colors

Create a random palettes of colors

Methods:

generateRandomColor()

Parameters: Number of colors.

Return: HTML Element

Return created HTML Element with unique id when instance the class.

Usage:

...
import { Colors } from '@angular-lib/common-library'; 
...

@Component({
  ...
  providers: [
    ...
    Colors
  ]
})
...

constructor(
    private colors: Colors
) { }

ngOnInit() {
    // Create Random Color Pallette of 8 colors
    const colorPalette = this.colors.generateRandomPallete(8);

	// Get the pallete
	console.info(colorPalette);
}

License

GNU 2.0