@easemate/web-kit 0.1.5 → 0.3.0

package/build/elements.d.ts

@@ -0,0 +1,373 @@
+import { TemplateResult } from 'lit-html';
+export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.js';
+export { P as Panel, T as TabChangeEventDetail } from './index-NzGpn7ai.js';
+import { C as ControlEventDetail } from './index-qZoNKsHn.js';
+export { a as CONTROL_CHANGE_EVENT, b as State, S as StateChangeEventDetail, c as coerceNumber, d as dispatchControlEvent, r as readControlValue, s as setBooleanAttribute } from './index-qZoNKsHn.js';
+
+declare class IconMinus extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconPlus extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class Button extends HTMLElement {
+    requestRender: () => void;
+    accessor disabled: boolean;
+    accessor pill: boolean;
+    accessor fullWidth: boolean;
+    accessor type: 'submit' | 'reset' | 'button';
+    accessor block: 'icon' | 'small' | 'medium' | 'large';
+    accessor variant: 'default' | 'primary' | 'headless' | 'headless-muted' | 'link';
+    render(): TemplateResult;
+}
+
+type Placement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'left-start' | 'left-center' | 'left-end' | 'right-start' | 'right-center' | 'right-end';
+declare class Popover extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    get contentElement(): HTMLElement | null;
+    accessor placement: Placement;
+    accessor offset: number;
+    accessor open: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+    handlePlacementChange(): void;
+    handleOffsetChange(): void;
+}
+
+declare class Tooltip extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor open: boolean;
+    accessor delay: number;
+    accessor placement: Placement;
+    accessor triggerElement: HTMLElement | null;
+    accessor contentElement: HTMLElement | null;
+    disconnectedCallback(): void;
+    afterRender(): void;
+    render(): TemplateResult;
+    _handleOpenChange(next: boolean, previous: boolean): void;
+    handleOutsideDismiss(): void;
+}
+
+declare class Checkbox extends HTMLElement {
+    requestRender: () => void;
+    accessor checked: boolean;
+    accessor name: string | null;
+    accessor value: string | null;
+    accessor disabled: boolean;
+    accessor control: HTMLButtonElement | null;
+    private _prevChecked?;
+    filterId: string;
+    connectedCallback(): void;
+    afterRender(): void;
+    private _triggerAnimation;
+    handleClick(event: MouseEvent): void;
+}
+
+type ChevronState = 'down' | 'up';
+type ChevronPath = Record<ChevronState, string>;
+declare class IconChevron extends HTMLElement {
+    requestRender: () => void;
+    accessor paths: ChevronPath;
+    accessor state: ChevronState;
+    render(): TemplateResult;
+}
+
+declare class Dropdown extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor open: boolean;
+    accessor disabled: boolean;
+    accessor pill: boolean;
+    accessor headless: boolean;
+    accessor searchable: boolean;
+    accessor block: 'small' | 'medium' | 'large';
+    accessor maxHeight: string;
+    accessor name: string | null;
+    accessor value: string | null;
+    accessor placeholder: string | null;
+    accessor placement: Placement;
+    accessor trigger: HTMLElement | null;
+    accessor searchInput: HTMLInputElement | null;
+    accessor panelContent: HTMLElement | null;
+    accessor contentSlot: HTMLSlotElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    afterRender(): void;
+    render(): TemplateResult;
+    toggle(force?: boolean, originEvent?: Event): void;
+    handleOpenChange(next: boolean, previous: boolean): void;
+    handleOutsideDismiss(event: Event): void;
+}
+
+declare class Input extends HTMLElement {
+    requestRender: () => void;
+    accessor value: string | null;
+    accessor placeholder: string | null;
+    accessor type: string;
+    accessor name: string | null;
+    accessor disabled: boolean;
+    accessor headless: boolean;
+    accessor control: HTMLInputElement | null;
+    private updatePrefixAttribute;
+    private updateSuffixAttribute;
+    afterRender(): void;
+    onPrefixSlotChange(): void;
+    onSuffixSlotChange(): void;
+    handleInput(event: Event, target?: HTMLInputElement | null): void;
+    handleChange(event: Event, target?: HTMLInputElement | null): void;
+}
+
+type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsb';
+
+declare class IconArrowsVertical extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconPicker extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class ColorPicker extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    private hsv;
+    private originalValue;
+    private format;
+    formatAnimating: 'out' | 'in' | 'none';
+    isInternalUpdate: boolean;
+    accessor saturationArea: HTMLElement | null;
+    accessor hueArea: HTMLElement | null;
+    accessor hexInput: HTMLInputElement | null;
+    accessor value: string;
+    connectedCallback(): void;
+    private updateFromHex;
+    readonly handleSaturationPointerDown: (event: PointerEvent) => void;
+    readonly handleSaturationPointerMove: (event: PointerEvent) => void;
+    readonly handleSaturationPointerUp: (event: PointerEvent) => void;
+    private updateSaturationValue;
+    readonly handleHuePointerDown: (event: PointerEvent) => void;
+    readonly handleHuePointerMove: (event: PointerEvent) => void;
+    readonly handleHuePointerUp: (event: PointerEvent) => void;
+    private updateHue;
+    readonly handleHexInputChange: (event: Event) => void;
+    readonly handleComponentChange: (index: number, value: number | string) => void;
+    readonly handleFormatChange: (format: ColorFormat) => void;
+    readonly handleFormatCycle: () => void;
+    readonly handleCancelButtonClick: (event: Event) => void;
+    readonly handleApplyButtonClick: (event: Event) => void;
+    readonly handleEyeDropperClick: (event: Event) => Promise<void>;
+}
+
+declare class ColorInput extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor dropdown: (HTMLElement & {
+        open: boolean;
+    }) | null;
+    accessor value: string;
+    accessor disabled: boolean;
+    accessor placement: Placement;
+    connectedCallback(): void;
+    afterRender(): void;
+    render(): TemplateResult;
+}
+
+declare class Field extends HTMLElement {
+    accessor label: string | null;
+    accessor fullWidth: boolean;
+}
+
+declare class IconClear extends HTMLElement {
+    requestRender: () => void;
+}
+
+type GridState = 'show' | 'hide';
+declare class IconGrid extends HTMLElement {
+    requestRender: () => void;
+    accessor state: GridState;
+    render(): TemplateResult;
+}
+
+declare class Loading extends HTMLElement {
+    requestRender: () => void;
+}
+
+type SnapState = 'active' | 'default';
+declare class Snap extends HTMLElement {
+    requestRender: () => void;
+    accessor state: SnapState;
+    render(): TemplateResult;
+}
+
+declare class IconAnchorAdd extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconAnchorRemove extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class ArrowUp extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconBezier extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconBezierAngle extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconBezierDistribute extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconBezierLength extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconBezierMirror extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconCheck extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconCircleArrowLeft extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconCircleArrowRight extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconCode extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconDots extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class IconMention extends HTMLElement {
+    requestRender: () => void;
+}
+
+declare class Settings extends HTMLElement {
+    requestRender: () => void;
+}
+
+type LogoLoaderState = 'idle' | 'intro' | 'loop' | 'exit';
+type LogoIntroVariant = 'wave' | 'particle';
+declare class LogoLoader extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor loading: boolean;
+    accessor intro: LogoIntroVariant;
+    accessor size: number | null;
+    accessor ariaLabel: string | null;
+    get state(): LogoLoaderState;
+    set state(value: LogoLoaderState);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLoadingChange(next: boolean): void;
+    playIntro(variant?: LogoIntroVariant): void;
+}
+
+declare class NumberInput extends HTMLElement {
+    requestRender: () => void;
+    accessor value: number | null;
+    accessor min: number | null;
+    accessor max: number | null;
+    accessor step: number | null;
+    accessor name: string | null;
+    accessor disabled: boolean;
+    accessor control: HTMLInputElement | null;
+    afterRender(): void;
+    handleInput(event: Event, target?: HTMLInputElement | null): void;
+    handleChange(event: Event, target?: HTMLInputElement | null): void;
+    addActiveLayer(button: HTMLButtonElement): void;
+    handleDecrement(event: MouseEvent): void;
+    handleIncrement(event: MouseEvent): void;
+}
+
+declare class Origin extends HTMLElement {
+    requestRender: () => void;
+    accessor value: string;
+    accessor disabled: boolean;
+    accessor control: Dropdown | null;
+    accessor name: string;
+    afterRender(): void;
+    handleChange(event: Event, target?: Dropdown | null): void;
+    handleValueChange: (event: Event) => void;
+}
+
+declare class RadioOption extends HTMLElement {
+    connectedCallback(): void;
+}
+
+declare class RadioGroup extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor value: string | null;
+    accessor groupElement: HTMLElement | null;
+    accessor contentSlot: HTMLSlotElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    afterRender(): void;
+    updateOptionSelectionState(): void;
+}
+
+declare class RadioInput extends HTMLElement {
+    requestRender: () => void;
+    accessor checked: boolean;
+    accessor name: string | null;
+    accessor value: string | null;
+    accessor disabled: boolean;
+    accessor control: HTMLButtonElement | null;
+    private _prevChecked?;
+    private _firstRender;
+    filterId: string;
+    connectedCallback(): void;
+    afterRender(): void;
+    private _triggerAnimation;
+    handleClick(event: MouseEvent): void;
+}
+
+declare class Slider extends HTMLElement {
+    requestRender: () => void;
+    accessor value: number | null;
+    accessor min: number | null;
+    accessor max: number | null;
+    accessor step: number | null;
+    accessor disabled: boolean;
+    accessor control: HTMLInputElement | null;
+    accessor valueControl: (HTMLElement & {
+        value?: string | null;
+    }) | null;
+    afterRender(): void;
+    handleRangeInput(event: Event, target?: HTMLInputElement | null): void;
+    handleRangeChange(event: Event, target?: HTMLInputElement | null): void;
+    handleValueInput(event: CustomEvent<ControlEventDetail<string>>): void;
+    handleValueChange(event: CustomEvent<ControlEventDetail<string>>): void;
+    updateProgress(): void;
+}
+
+declare class Toggle extends HTMLElement {
+    requestRender: () => void;
+    accessor checked: boolean;
+    accessor disabled: boolean;
+    accessor control: HTMLButtonElement | null;
+    filterId: string;
+    afterRender(): void;
+    handleClick(event: MouseEvent): void;
+}
+
+export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };