ngx-input-color
Version:
Angular color input component and color picker (with HSL, HSV, RGB, CMYK, HEX, alpha, eye-dropper, etc)
65 lines (64 loc) • 2.38 kB
TypeScript
import { OnInit, OnDestroy, ChangeDetectorRef, ElementRef, AfterViewInit, EventEmitter } from '@angular/core';
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
import { IPosition } from '../../models/IPosition';
import * as i0 from "@angular/core";
export declare class NgxBoxShadowComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
private cd;
theme: 'light' | 'dark' | 'auto';
set setTheme(val: 'light' | 'dark' | 'auto');
/**
* The maximum range of the box shadow.
* @default 25
*/
maxRange: number;
change: EventEmitter<string>;
isDisabled: boolean;
isDragging: boolean;
value: IPosition;
x: number;
y: number;
blur: number;
spread: number;
color: string;
line: {
x1: number;
y1: number;
x2: number;
y2: number;
};
center: {
x: number;
y: number;
};
padRect?: DOMRect;
thumbRect?: DOMRect;
_onChange: (value: string) => void;
_onTouched: () => void;
_onValidateChange: () => void;
pad: ElementRef<HTMLDivElement>;
thumb: ElementRef<HTMLDivElement>;
constructor(cd: ChangeDetectorRef);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
setDisabledState(disabled: boolean): void;
registerOnValidatorChange(fn: () => void): void;
validate(control: AbstractControl): ValidationErrors | null;
writeValue(value: any): void;
dragStart(ev: MouseEvent | TouchEvent): void;
private updateRects;
private resetPosition;
onResize(): void;
onDrag(ev: MouseEvent | TouchEvent): void;
private updatePosition;
onDragEnd(ev: MouseEvent | TouchEvent): void;
setValueByPosition(thumbRec: DOMRect, padRec: DOMRect): void;
onChangeValue(): void;
private convertValueToPosition;
onChangeData(): void;
stopPropagation(ev: Event): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxBoxShadowComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxBoxShadowComponent, "ngx-box-shadow", never, { "setTheme": { "alias": "theme"; "required": false; }; "maxRange": { "alias": "maxRange"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
}