ng-antd-color-picker
Version:
The angular version of the color-picker component based on antd styles.
32 lines • 3.31 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { defaultColor } from './util/util';
import * as i0 from "@angular/core";
export class NgAntdColorBlockComponent {
constructor() {
this.color = defaultColor.toHsbString();
this.nzOnClick = new EventEmitter();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: NgAntdColorBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: NgAntdColorBlockComponent, isStandalone: true, selector: "ng-antd-color-block", inputs: { color: "color" }, outputs: { nzOnClick: "nzOnClick" }, ngImport: i0, template: `
<div class="ant-color-picker-color-block" (click)="nzOnClick.emit(true)">
<div class="ant-color-picker-color-block-inner" [style.background-color]="color"></div>
</div>
`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: NgAntdColorBlockComponent, decorators: [{
type: Component,
args: [{
selector: 'ng-antd-color-block',
standalone: true,
template: `
<div class="ant-color-picker-color-block" (click)="nzOnClick.emit(true)">
<div class="ant-color-picker-color-block-inner" [style.background-color]="color"></div>
</div>
`
}]
}], propDecorators: { color: [{
type: Input
}], nzOnClick: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYW50ZC1jb2xvci1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1hbnRkLWNvbG9yLXBpY2tlci9zcmMvbGliL25nLWFudGQtY29sb3ItYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFXM0MsTUFBTSxPQUFPLHlCQUF5QjtJQVR0QztRQVVXLFVBQUssR0FBVyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDakMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FDNUQ7OEdBSFkseUJBQXlCO2tHQUF6Qix5QkFBeUIsZ0pBTjFCOzs7O0dBSVQ7OzJGQUVVLHlCQUF5QjtrQkFUckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7O0dBSVQ7aUJBQ0Y7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNhLFNBQVM7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVmYXVsdENvbG9yIH0gZnJvbSAnLi91dGlsL3V0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1hbnRkLWNvbG9yLWJsb2NrJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYW50LWNvbG9yLXBpY2tlci1jb2xvci1ibG9ja1wiIChjbGljayk9XCJuek9uQ2xpY2suZW1pdCh0cnVlKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImFudC1jb2xvci1waWNrZXItY29sb3ItYmxvY2staW5uZXJcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjb2xvclwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIE5nQW50ZENvbG9yQmxvY2tDb21wb25lbnQge1xuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nID0gZGVmYXVsdENvbG9yLnRvSHNiU3RyaW5nKCk7XG4gIEBPdXRwdXQoKSByZWFkb25seSBuek9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG59XG4iXX0=