@node-projects/web-component-designer 0.2.23 → 0.2.25

package/dist/elements/controls/ColorEditor.d.ts

@@ -0,0 +1,82 @@
+import { BaseCustomWebComponentConstructorAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
+export type ColorEditorMode = 'rgb' | 'hsl' | 'cmyk' | 'oklab' | 'oklch';
+export type ColorEditorValueChangedEventArgs = {
+    newValue?: string;
+    oldValue?: string;
+};
+export declare class ColorEditor extends BaseCustomWebComponentConstructorAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    valueChanged: TypedEvent<ColorEditorValueChangedEventArgs>;
+    valuePreviewChanged: TypedEvent<ColorEditorValueChangedEventArgs>;
+    private _value;
+    private _color;
+    private _mode;
+    private _hue;
+    private _plane;
+    private _planeHandle;
+    private _hueInput;
+    private _alphaInput;
+    private _alphaLabel;
+    private _modeSelect;
+    private _channels;
+    private _textInput;
+    private _dragPointerId;
+    get value(): string;
+    set value(value: string);
+    get mode(): ColorEditorMode;
+    set mode(value: ColorEditorMode);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    constructor();
+    ready(): void;
+    private _wireEvents;
+    private _startPlaneDrag;
+    private _planePointerMove;
+    private _finishPlaneDrag;
+    private _applyPlanePointer;
+    private _applyHue;
+    private _applyAlpha;
+    private _applyChannelInputs;
+    private _validateTextInput;
+    private _applyText;
+    private _setColor;
+    private _commitCurrentValue;
+    private _render;
+    private _renderChannelInputs;
+    private _formatColor;
+    private _syncHueFromColor;
+}
+export declare class ColorInput extends BaseCustomWebComponentConstructorAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    private _value;
+    private _button;
+    private _popup;
+    private _editor;
+    private _ignoreNextClick;
+    private _outsidePointerHandler;
+    private _windowKeyHandler;
+    get value(): string;
+    set value(value: string);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    constructor();
+    ready(): void;
+    disconnectedCallback(): void;
+    private _togglePopup;
+    private _handleButtonPointerDown;
+    private _handleButtonClick;
+    private _handleButtonKeyDown;
+    private _openPopup;
+    private _positionPopup;
+    private _handleOutsidePointer;
+    private _handleWindowKey;
+    private _closePopup;
+    private _setValue;
+    private _renderSwatch;
+}