ngx-color-palette

import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core'; import * as i0 from "@angular/core"; export declare class NgxColorPaletteComponent implements AfterViewInit { private elementRef; color: string; squared: boolean; position: string; currentColor: EventEmitter<any>; mode: string; protected colors: { color: string; preview: string; variants: string[]; }[]; protected crayola: { hex: string; name: string; rgb: string; }[]; protected material: { red: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; pink: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; purple: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; deeppurple: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; indigo: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; blue: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; lightblue: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; cyan: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; teal: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; green: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; lightgreen: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; lime: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; yellow: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; amber: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; orange: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; deeporange: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; a100: string; a200: string; a400: string; a700: string; }; brown: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; }; grey: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; }; bluegrey: { "50": string; "100": string; "200": string; "300": string; "400": string; "500": string; "600": string; "700": string; "800": string; "900": string; }; }; protected choosenColor: string; protected isShow: boolean; protected isPalette: boolean; protected paletteIndex: number; protected iterator: number[]; protected colorAxis: any[]; protected clientBox: DOMRect; protected randomId: string; constructor(elementRef: ElementRef); ngAfterViewInit(): void; protected setColor(color: string): void; protected discardCoreColor(): void; protected setCoreColor(): void; showWheel(): void; showHsl(): void; showCrayola(): void; showBasic(): void; showMaterial(): void; protected onGlobalClick(event: any): void; protected hslToHex(h: any, s: any, l: any): string; showColorWheel(): void; randomColor(): string; static ɵfac: i0.ɵɵFactoryDeclaration<NgxColorPaletteComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<NgxColorPaletteComponent, "ngx-color-palette", never, { "color": { "alias": "color"; "required": false; }; "squared": { "alias": "squared"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "currentColor": "currentColor"; }, never, never, true, never>; }