@weeehaoooz/talos-ui 0.1.0

package/types/weeehaoooz-talos-ui-form-autocomplete.d.ts

@@ -0,0 +1,113 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type AutocompleteSize = 'sm' | 'md' | 'lg';
+type AutocompleteDisplayFn<T> = (item: T) => string;
+type AutocompleteValueFn<T> = (item: T) => unknown;
+type AutocompleteFilterFn<T> = (item: T, query: string) => boolean;
+interface AutocompleteHighlightPart {
+    text: string;
+    isMatch: boolean;
+}
+interface FormattedAutocompleteOption<T = unknown> {
+    id: string;
+    label: string;
+    value: unknown;
+    raw: T;
+    highlightParts: AutocompleteHighlightPart[];
+}
+interface AutocompleteItemContext<T = unknown> {
+    $implicit: T;
+    index: number;
+    selected: boolean;
+    active: boolean;
+    highlightParts: AutocompleteHighlightPart[];
+}
+
+declare class TalosAutocompleteComponent<T = unknown> implements ControlValueAccessor {
+    private readonly elementRef;
+    readonly options: _angular_core.InputSignal<readonly T[] | T[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly floatingLabel: _angular_core.InputSignal<boolean>;
+    readonly floating: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly searching: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<AutocompleteSize>;
+    readonly minChars: _angular_core.InputSignal<number>;
+    readonly displayWith: _angular_core.InputSignal<AutocompleteDisplayFn<T> | keyof T | null>;
+    readonly valueWith: _angular_core.InputSignal<keyof T | AutocompleteValueFn<T> | null>;
+    readonly filterFn: _angular_core.InputSignal<AutocompleteFilterFn<T> | null | undefined>;
+    readonly highlightMatch: _angular_core.InputSignal<boolean>;
+    readonly noResultsText: _angular_core.InputSignal<string>;
+    readonly searchingText: _angular_core.InputSignal<string>;
+    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<AutocompleteItemContext<T>> | null>;
+    readonly openOnFocus: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T | null>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    inputEl?: ElementRef<HTMLInputElement>;
+    dropdownEl?: ElementRef<HTMLDivElement>;
+    private readonly autoId;
+    readonly componentId: _angular_core.Signal<string>;
+    readonly inputId: _angular_core.Signal<string>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    readonly selectedItem: _angular_core.WritableSignal<T | null>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly focusedIndex: _angular_core.WritableSignal<number>;
+    readonly isCvaDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isTouched: _angular_core.WritableSignal<boolean>;
+    readonly isFloatingMode: _angular_core.Signal<boolean>;
+    readonly isFloated: _angular_core.Signal<boolean>;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveSearching: _angular_core.Signal<boolean>;
+    readonly formattedOptions: _angular_core.Signal<FormattedAutocompleteOption<T>[]>;
+    readonly activeOptionId: _angular_core.Signal<string | undefined>;
+    private onChange;
+    private onTouched;
+    constructor();
+    getDisplayLabel(item: T | null): string;
+    extractValue(item: T | null): unknown;
+    private computeHighlightParts;
+    onInput(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    onInputClick(): void;
+    onTriggerClick(): void;
+    onClear(event: MouseEvent): void;
+    selectOption(opt: FormattedAutocompleteOption<T>, event?: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private scrollToFocusedOption;
+    openDropdown(): void;
+    closeDropdown(): void;
+    onDocumentClick(event: MouseEvent): void;
+    private markAsTouched;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (val: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosAutocompleteComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosAutocompleteComponent<any>, "talos-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "searching": { "alias": "searching"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "highlightMatch": { "alias": "highlightMatch"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "searchingText": { "alias": "searchingText"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, never, never, true, never>;
+}
+
+/**
+ * Convenience NgModule wrapping the standalone TalosAutocompleteComponent.
+ */
+declare class TalosAutocompleteModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosAutocompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosAutocompleteModule, never, [typeof TalosAutocompleteComponent], [typeof TalosAutocompleteComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosAutocompleteModule>;
+}
+
+export { TalosAutocompleteComponent, TalosAutocompleteModule };
+export type { AutocompleteDisplayFn, AutocompleteFilterFn, AutocompleteHighlightPart, AutocompleteItemContext, AutocompleteSize, AutocompleteValueFn, FormattedAutocompleteOption };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-autocomplete.d.ts.map

package/types/weeehaoooz-talos-ui-form-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeehaoooz-talos-ui-form-autocomplete.d.ts","sources":["../../../projects/talos-ui/form/autocomplete/autocomplete.types.ts","../../../projects/talos-ui/form/autocomplete/autocomplete.component.ts","../../../projects/talos-ui/form/autocomplete/autocomplete.module.ts"],"mappings":";;;;AAEM,KAAM,gBAAgB;AAEtB,KAAM,qBAAqB;AAE3B,KAAM,mBAAmB;AAEzB,KAAM,oBAAoB;UAEf,yBAAyB;;;AAGzC;AAEK,UAAW,2BAA2B;;;;;oBAK1B,yBAAyB;AAC1C;AAEK,UAAW,uBAAuB;;;;;oBAKtB,yBAAyB;AAC1C;;ACFD,cA0Ba,0BAA0B,yBAAyB,oBAAoB;AAClF;sBAGgB,aAAA,CAAA,WAAA;oBACF,aAAA,CAAA,WAAA;4BACQ,aAAA,CAAA,WAAA;uBACL,aAAA,CAAA,WAAA;uBACA,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;sBACF,aAAA,CAAA,WAAA;0BACI,aAAA,CAAA,WAAA;uBACH,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;mBACL,aAAA,CAAA,WAAA,CAAA,gBAAA;uBACI,aAAA,CAAA,WAAA;0BACG,aAAA,CAAA,WAAA,CAAA,qBAAA;wBACF,aAAA,CAAA,WAAA,WAAA,mBAAA;uBACD,aAAA,CAAA,WAAA,CAAA,oBAAA;6BACM,aAAA,CAAA,WAAA;4BACD,aAAA,CAAA,WAAA;4BACA,aAAA,CAAA,WAAA;2BACD,aAAA,CAAA,WAAA,CAAA,WAAA,CAAA,uBAAA;0BACD,aAAA,CAAA,WAAA;iBACT,aAAA,CAAA,WAAA;2BAGU,aAAA,CAAA,gBAAA;8BACG,aAAA,CAAA,gBAAA;qBACT,aAAA,CAAA,gBAAA;qBACA,aAAA,CAAA,gBAAA;sBACC,aAAA,CAAA,gBAAA;AAGM,cAAU,UAAU,CAAC,gBAAgB;AAClC,iBAAa,UAAU,CAAC,cAAc;AAG/D;0BACoB,aAAA,CAAA,MAAA;sBACJ,aAAA,CAAA,MAAA;wBACE,aAAA,CAAA,MAAA;yBAGC,aAAA,CAAA,cAAA;2BACE,aAAA,CAAA,cAAA;qBACN,aAAA,CAAA,cAAA;wBACG,aAAA,CAAA,cAAA;2BACG,aAAA,CAAA,cAAA;4BACC,aAAA,CAAA,cAAA;wBACJ,aAAA,CAAA,cAAA;6BAGK,aAAA,CAAA,MAAA;wBACL,aAAA,CAAA,MAAA;gCAIQ,aAAA,CAAA,MAAA;iCACC,aAAA,CAAA,MAAA;+BAGF,aAAA,CAAA,MAAA,CAAA,2BAAA;6BAgDF,aAAA,CAAA,MAAA;;;;AAsBvB;AAwBA;AAoBA;AA6BA,mBAAe,KAAK;AAuBpB;AASA;AAKA;AAQA;AAWA,mBAAe,UAAU;AAyBzB,sBAAkB,2BAA2B,aAAa,KAAK;AAkB/D,qBAAiB,aAAa;AAsD9B;AAQA;AAMA;AAOA,2BAAuB,UAAU;AAOjC;AAQA;;AAwCA;AAIA;oDAtbW,0BAA0B;sDAA1B,0BAA0B;AA4btC;;AC9eD;;AAEG;AACH,cAIa,uBAAuB;oDAAvB,uBAAuB;qDAAvB,uBAAuB,iBAAAA,0BAAA,WAAAA,0BAAA;qDAAvB,uBAAuB;AAAI;;;;","names":["i1.TalosAutocompleteComponent"]}

package/types/weeehaoooz-talos-ui-form-checkbox.d.ts

@@ -0,0 +1,165 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type CheckboxDirection = 'vertical' | 'horizontal';
+declare class TalosCheckboxGroupDirective implements ControlValueAccessor {
+    readonly elementRef: ElementRef<any>;
+    /** Name attribute for the checkbox group */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Size applied to all child checkboxes unless overridden */
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    /** Visual color variant applied to all child checkboxes */
+    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
+    /** Layout direction of checkboxes within group */
+    readonly direction: _angular_core.InputSignal<CheckboxDirection>;
+    /** Whether the entire checkbox group is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the group is in an invalid error state */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /** Emits when group selection array changes */
+    readonly valueChange: _angular_core.OutputEmitterRef<any[]>;
+    readonly value: _angular_core.WritableSignal<any[]>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isTouched: _angular_core.WritableSignal<boolean>;
+    /** Effective disabled state taking into account CVA and input */
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(val: any[]): void;
+    registerOnChange(fn: (val: any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Helper to check if a specific item value is currently selected in group */
+    isValueSelected(val: any): boolean;
+    /** Toggles the selection status of a value in the group array */
+    toggleValue(val: any): void;
+    /** Selects all passed values */
+    selectAll(values: any[]): void;
+    /** Deselects all values */
+    deselectAll(): void;
+    markAsTouched(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxGroupDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosCheckboxGroupDirective, "[talosCheckboxGroup], [talos-checkbox-group]", ["talosCheckboxGroup"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+type CheckboxSize = 'sm' | 'md' | 'lg';
+type CheckboxVariant = 'primary' | 'secondary' | 'success' | 'danger';
+declare class TalosCheckboxDirective {
+    private readonly elementRef;
+    readonly groupDir: TalosCheckboxGroupDirective | null;
+    /** Value associated with this checkbox when part of a group */
+    readonly value: _angular_core.InputSignal<any>;
+    /** Standalone checked state */
+    readonly checked: _angular_core.InputSignal<boolean>;
+    /** Sizing variation for the checkbox */
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    /** Visual color variant for the checkbox */
+    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
+    /** Whether the checkbox is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the checkbox is in an invalid error state */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /** Whether the checkbox is in an indeterminate visual & property state */
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    /** Output event emitted when checked state changes */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly effectiveSize: _angular_core.Signal<CheckboxSize>;
+    readonly effectiveVariant: _angular_core.Signal<CheckboxVariant>;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveInvalid: _angular_core.Signal<boolean>;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    constructor();
+    onNativeChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosCheckboxDirective, "input[type=\"checkbox\"][talosCheckbox], input[type=\"checkbox\"][talos-checkbox]", ["talosCheckbox"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class TalosCheckboxGroupComponent {
+    readonly groupDir: TalosCheckboxGroupDirective;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
+    readonly direction: _angular_core.InputSignal<CheckboxDirection>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<any[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosCheckboxGroupComponent, "talos-checkbox-group", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, [{ directive: typeof TalosCheckboxGroupDirective; inputs: { "name": "name"; "size": "size"; "variant": "variant"; "direction": "direction"; "disabled": "disabled"; "invalid": "invalid"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+}
+
+declare class TalosCheckboxParentDirective {
+    private readonly elementRef;
+    private readonly checkboxDir;
+    private readonly ancestorGroup;
+    /** Optional explicit reference to a TalosCheckboxGroupDirective instance */
+    readonly group: _angular_core.InputSignal<TalosCheckboxGroupDirective | undefined>;
+    /** List of all selectable values for the parent checkbox to manage */
+    readonly values: _angular_core.InputSignal<any[]>;
+    /** Effective active checkbox group */
+    readonly targetGroup: _angular_core.Signal<TalosCheckboxGroupDirective | null>;
+    /** Whether all target values are selected */
+    readonly isAllSelected: _angular_core.Signal<boolean>;
+    /** Whether some (but not all) target values are selected */
+    readonly isIndeterminate: _angular_core.Signal<boolean>;
+    constructor();
+    onParentToggle(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxParentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosCheckboxParentDirective, "input[type=\"checkbox\"][talosCheckboxParent], input[type=\"checkbox\"][talos-checkbox-parent], input[type=\"checkbox\"][talosSelectAll], input[type=\"checkbox\"][talos-select-all]", ["talosCheckboxParent"], { "group": { "alias": "group"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TalosCheckboxComponent implements ControlValueAccessor {
+    private readonly inputRef;
+    readonly groupDir: TalosCheckboxGroupDirective | null;
+    /** Value associated with this checkbox when part of a group */
+    readonly value: _angular_core.InputSignal<any>;
+    /** Standalone checked state */
+    readonly checked: _angular_core.InputSignal<boolean>;
+    /** Sizing variation for the checkbox */
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    /** Visual color variant for the checkbox */
+    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
+    /** Whether the checkbox is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the checkbox is in an invalid error state */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /** Whether the checkbox is in an indeterminate visual & property state */
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    /** Emitted when checked state changes */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly internalValue: _angular_core.WritableSignal<boolean>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isTouched: _angular_core.WritableSignal<boolean>;
+    readonly effectiveSize: _angular_core.Signal<CheckboxSize>;
+    readonly effectiveVariant: _angular_core.Signal<CheckboxVariant>;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveInvalid: _angular_core.Signal<boolean>;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: (val: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onDirectiveCheckedChange(isChecked: boolean): void;
+    markAsTouched(): void;
+    /** Focuses the native HTML input element */
+    focusInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosCheckboxComponent, "talos-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Convenience NgModule wrapping standalone checkbox directives and components.
+ *
+ * Allows developers who prefer `TalosCheckboxModule` to import all checkbox utilities in one go.
+ */
+declare class TalosCheckboxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCheckboxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosCheckboxModule, never, [typeof TalosCheckboxDirective, typeof TalosCheckboxGroupDirective, typeof TalosCheckboxGroupComponent, typeof TalosCheckboxParentDirective, typeof TalosCheckboxComponent], [typeof TalosCheckboxDirective, typeof TalosCheckboxGroupDirective, typeof TalosCheckboxGroupComponent, typeof TalosCheckboxParentDirective, typeof TalosCheckboxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosCheckboxModule>;
+}
+
+export { TalosCheckboxComponent, TalosCheckboxDirective, TalosCheckboxGroupComponent, TalosCheckboxGroupDirective, TalosCheckboxModule, TalosCheckboxParentDirective };
+export type { CheckboxDirection, CheckboxSize, CheckboxVariant };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-checkbox.d.ts.map

package/types/weeehaoooz-talos-ui-form-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeehaoooz-talos-ui-form-checkbox.d.ts","sources":["../../../projects/talos-ui/form/checkbox/checkbox-group/checkbox-group.directive.ts","../../../projects/talos-ui/form/checkbox/checkbox/checkbox.directive.ts","../../../projects/talos-ui/form/checkbox/checkbox-group/checkbox-group.component.ts","../../../projects/talos-ui/form/checkbox/checkbox-parent/checkbox-parent.directive.ts","../../../projects/talos-ui/form/checkbox/checkbox/checkbox.component.ts","../../../projects/talos-ui/form/checkbox/checkbox.module.ts"],"mappings":"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","names":["i1.TalosCheckboxGroupDirective","i1.TalosCheckboxDirective","i2.TalosCheckboxGroupDirective","i3.TalosCheckboxGroupComponent","i4.TalosCheckboxParentDirective","i5.TalosCheckboxComponent"]}

package/types/weeehaoooz-talos-ui-form-chips.d.ts

@@ -0,0 +1,152 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type ChipSize = 'sm' | 'md' | 'lg';
+type ChipVariant = 'filled' | 'outline' | 'subtle';
+type ChipColor = 'primary' | 'neutral' | 'success' | 'warning' | 'error' | 'indigo' | 'purple' | 'cyan';
+type ChipDisplayFn<T> = (item: T) => string;
+type ChipValueFn<T> = (item: T) => unknown;
+type ChipFilterFn<T> = (item: T, search: string) => boolean;
+interface ChipHighlightPart {
+    text: string;
+    matched: boolean;
+}
+interface FormattedChipOption<T = unknown> {
+    item: T;
+    display: string;
+    value: unknown;
+    disabled: boolean;
+    selected: boolean;
+    parts: ChipHighlightPart[];
+}
+interface ChipItemContext<T = unknown> {
+    $implicit: T;
+    display: string;
+    selected: boolean;
+    disabled: boolean;
+}
+
+declare class TalosChipComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<unknown>;
+    readonly size: _angular_core.InputSignal<ChipSize>;
+    readonly variant: _angular_core.InputSignal<ChipVariant>;
+    readonly color: _angular_core.InputSignal<ChipColor>;
+    readonly removable: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly avatarUrl: _angular_core.InputSignal<string>;
+    readonly removeAriaLabel: _angular_core.InputSignal<string>;
+    readonly removed: _angular_core.OutputEmitterRef<unknown>;
+    readonly chipClick: _angular_core.OutputEmitterRef<unknown>;
+    readonly hasAvatar: _angular_core.Signal<boolean>;
+    onChipClick(event: MouseEvent): void;
+    onRemove(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosChipComponent, "talos-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "chipClick": "chipClick"; }, never, ["*"], true, never>;
+}
+
+interface SelectedChipData {
+    display: string;
+    value: unknown;
+    originalItem: unknown;
+}
+declare class TalosChipsComponent<T = unknown> implements ControlValueAccessor {
+    private readonly elementRef;
+    readonly options: _angular_core.InputSignal<readonly T[] | T[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly floatingLabel: _angular_core.InputSignal<boolean>;
+    readonly floating: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly searching: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly removable: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<ChipSize>;
+    readonly maxChips: _angular_core.InputSignal<number | null>;
+    readonly allowCustom: _angular_core.InputSignal<boolean>;
+    readonly separatorKeys: _angular_core.InputSignal<string[]>;
+    readonly displayWith: _angular_core.InputSignal<ChipDisplayFn<T> | keyof T | null>;
+    readonly valueWith: _angular_core.InputSignal<keyof T | ChipValueFn<T> | null>;
+    readonly filterFn: _angular_core.InputSignal<ChipFilterFn<T> | null | undefined>;
+    readonly highlightMatch: _angular_core.InputSignal<boolean>;
+    readonly noResultsText: _angular_core.InputSignal<string>;
+    readonly searchingText: _angular_core.InputSignal<string>;
+    readonly chipVariant: _angular_core.InputSignal<ChipVariant>;
+    readonly chipColor: _angular_core.InputSignal<ChipColor>;
+    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<ChipItemContext<T>> | null>;
+    readonly openOnFocus: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<unknown[]>;
+    readonly chipAdd: _angular_core.OutputEmitterRef<unknown>;
+    readonly chipRemove: _angular_core.OutputEmitterRef<unknown>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    inputEl?: ElementRef<HTMLInputElement>;
+    dropdownEl?: ElementRef<HTMLDivElement>;
+    private readonly autoId;
+    readonly componentId: _angular_core.Signal<string>;
+    readonly inputId: _angular_core.Signal<string>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    readonly selectedValues: _angular_core.WritableSignal<unknown[]>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isTouched: _angular_core.WritableSignal<boolean>;
+    readonly isInputFocused: _angular_core.WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly effectiveSearching: _angular_core.Signal<boolean>;
+    readonly isFloatingMode: _angular_core.Signal<boolean>;
+    readonly isFloated: _angular_core.Signal<boolean>;
+    readonly isMaxReached: _angular_core.Signal<boolean>;
+    readonly effectivePlaceholder: _angular_core.Signal<string>;
+    readonly activeOptionId: _angular_core.Signal<string | null>;
+    readonly selectedChips: _angular_core.Signal<SelectedChipData[]>;
+    readonly filteredOptions: _angular_core.Signal<FormattedChipOption<T>[]>;
+    constructor();
+    writeValue(value: unknown[] | unknown | null): void;
+    registerOnChange(fn: (val: unknown[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    getItemDisplay(item: T): string;
+    getItemValue(item: T): unknown;
+    private computeHighlightParts;
+    private escapeRegex;
+    onContainerClick(event: MouseEvent): void;
+    onInput(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    toggleOption(option: FormattedChipOption<T>): void;
+    addCustomChip(text: string): void;
+    removeChip(chipData: SelectedChipData): void;
+    clearAll(event?: MouseEvent): void;
+    toggleDropdown(event?: MouseEvent): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    onDocumentClick(event: MouseEvent): void;
+    private emitSearch;
+    private emitSelection;
+    private markAsTouched;
+    private scrollActiveOptionIntoView;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosChipsComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosChipsComponent<any>, "talos-chips", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "floating": { "alias": "floating"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "searching": { "alias": "searching"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxChips": { "alias": "maxChips"; "required": false; "isSignal": true; }; "allowCustom": { "alias": "allowCustom"; "required": false; "isSignal": true; }; "separatorKeys": { "alias": "separatorKeys"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "valueWith": { "alias": "valueWith"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "highlightMatch": { "alias": "highlightMatch"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "searchingText": { "alias": "searchingText"; "required": false; "isSignal": true; }; "chipVariant": { "alias": "chipVariant"; "required": false; "isSignal": true; }; "chipColor": { "alias": "chipColor"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "search": "search"; "searchChange": "searchChange"; "selectionChange": "selectionChange"; "chipAdd": "chipAdd"; "chipRemove": "chipRemove"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, never, never, true, never>;
+}
+
+declare class TalosChipsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosChipsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosChipsModule, never, [typeof TalosChipsComponent, typeof TalosChipComponent], [typeof TalosChipsComponent, typeof TalosChipComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosChipsModule>;
+}
+
+export { TalosChipComponent, TalosChipsComponent, TalosChipsModule };
+export type { ChipColor, ChipDisplayFn, ChipFilterFn, ChipHighlightPart, ChipItemContext, ChipSize, ChipValueFn, ChipVariant, FormattedChipOption, SelectedChipData };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-chips.d.ts.map

package/types/weeehaoooz-talos-ui-form-chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeehaoooz-talos-ui-form-chips.d.ts","sources":["../../../projects/talos-ui/form/chips/chips.types.ts","../../../projects/talos-ui/form/chips/chip/chip.component.ts","../../../projects/talos-ui/form/chips/chips/chips.component.ts","../../../projects/talos-ui/form/chips/chips.module.ts"],"mappings":";;;;AAEM,KAAM,QAAQ;AAEd,KAAM,WAAW;KAEX,SAAS;AAUf,KAAM,aAAa;AACnB,KAAM,WAAW;AACjB,KAAM,YAAY;UAEP,iBAAiB;;;AAGjC;AAEK,UAAW,mBAAmB;;;;;;WAM3B,iBAAiB;AACzB;AAEK,UAAW,eAAe;;;;;AAK/B;;ACpCD,cA0Ba,kBAAkB;oBACf,aAAA,CAAA,WAAA;oBACA,aAAA,CAAA,WAAA;mBACD,aAAA,CAAA,WAAA,CAAA,QAAA;sBACG,aAAA,CAAA,WAAA,CAAA,WAAA;oBACF,aAAA,CAAA,WAAA,CAAA,SAAA;wBACI,aAAA,CAAA,WAAA;uBACD,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;8BACM,aAAA,CAAA,WAAA;sBAER,aAAA,CAAA,gBAAA;wBACE,aAAA,CAAA,gBAAA;wBAEA,aAAA,CAAA,MAAA;AAElB,uBAAmB,UAAU;AAK7B,oBAAgB,UAAU;oDArBf,kBAAkB;sDAAlB,kBAAkB;AA2B9B;;UC1BgB,gBAAgB;;;;AAIhC;AAED,cA0Ba,mBAAmB,yBAAyB,oBAAoB;AAC3E;sBAGgB,aAAA,CAAA,WAAA;oBACF,aAAA,CAAA,WAAA;4BACQ,aAAA,CAAA,WAAA;uBACL,aAAA,CAAA,WAAA;uBACA,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;sBACF,aAAA,CAAA,WAAA;0BACI,aAAA,CAAA,WAAA;uBACH,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;wBACA,aAAA,CAAA,WAAA;mBACL,aAAA,CAAA,WAAA,CAAA,QAAA;uBACI,aAAA,CAAA,WAAA;0BACG,aAAA,CAAA,WAAA;4BACE,aAAA,CAAA,WAAA;0BACF,aAAA,CAAA,WAAA,CAAA,aAAA;wBACF,aAAA,CAAA,WAAA,WAAA,WAAA;uBACD,aAAA,CAAA,WAAA,CAAA,YAAA;6BACM,aAAA,CAAA,WAAA;4BACD,aAAA,CAAA,WAAA;4BACA,aAAA,CAAA,WAAA;0BACF,aAAA,CAAA,WAAA,CAAA,WAAA;wBACF,aAAA,CAAA,WAAA,CAAA,SAAA;2BACG,aAAA,CAAA,WAAA,CAAA,WAAA,CAAA,eAAA;0BACD,aAAA,CAAA,WAAA;iBACT,aAAA,CAAA,WAAA;qBAGI,aAAA,CAAA,gBAAA;2BACM,aAAA,CAAA,gBAAA;8BACG,aAAA,CAAA,gBAAA;sBACR,aAAA,CAAA,gBAAA;yBACG,aAAA,CAAA,gBAAA;qBACJ,aAAA,CAAA,gBAAA;qBACA,aAAA,CAAA,gBAAA;sBACC,aAAA,CAAA,gBAAA;AAGM,cAAU,UAAU,CAAC,gBAAgB;AAClC,iBAAa,UAAU,CAAC,cAAc;AAG/D;0BACoB,aAAA,CAAA,MAAA;sBACJ,aAAA,CAAA,MAAA;wBACE,aAAA,CAAA,MAAA;yBAGC,aAAA,CAAA,cAAA;6BACI,aAAA,CAAA,cAAA;qBACR,aAAA,CAAA,cAAA;0BACK,aAAA,CAAA,cAAA;yBACD,aAAA,CAAA,cAAA;wBACD,aAAA,CAAA,cAAA;6BACK,aAAA,CAAA,cAAA;;;gCAOG,aAAA,CAAA,MAAA;iCACC,aAAA,CAAA,MAAA;6BACJ,aAAA,CAAA,MAAA;wBAEL,aAAA,CAAA,MAAA;2BAUG,aAAA,CAAA,MAAA;mCAMQ,aAAA,CAAA,MAAA;6BAUN,aAAA,CAAA,MAAA;4BAOD,aAAA,CAAA,MAAA,CAAA,gBAAA;8BAiCE,aAAA,CAAA,MAAA,CAAA,mBAAA;;;;AAuExB;AAIA;AASA;AAmBA;AAiBA;AAgBA;AAMA,4BAAwB,UAAU;AAalC,mBAAe,KAAK;AA8BpB;AAOA;AAiBA,qBAAiB,aAAa;yBA8ET,mBAAmB;AAoCxC;AAaA,yBAAqB,gBAAgB;AAiBrC,qBAAiB,UAAU;AAqB3B,2BAAuB,UAAU;AAiBjC;AAMA;AAOA,2BAAuB,UAAU;AASjC;AAKA;AAMA;AAOA;oDAtjBW,mBAAmB;sDAAnB,mBAAmB;AAgkB/B;;AC1nBD,cAIa,gBAAgB;oDAAhB,gBAAgB;qDAAhB,gBAAgB,iBAAAA,mBAAA,SAAAC,kBAAA,WAAAD,mBAAA,SAAAC,kBAAA;qDAAhB,gBAAgB;AAAG;;;;","names":["i1.TalosChipsComponent","i2.TalosChipComponent"]}

package/types/weeehaoooz-talos-ui-form-color-picker.d.ts

@@ -0,0 +1,144 @@
+import * as _weeehaoooz_talos_ui_core from '@weeehaoooz/talos-ui/core';
+import { RgbaColor, HslaColor, HsvaColor, ColorFormat } from '@weeehaoooz/talos-ui/core';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+
+type ColorPickerSize = 'sm' | 'md' | 'lg';
+interface ColorPresetGroup {
+    label: string;
+    colors: string[];
+}
+type ColorPresetItem = string | ColorPresetGroup;
+interface ColorChangeEvent {
+    /** The formatted string representation according to the current format */
+    value: string;
+    /** Normalized HEX string (with alpha if applicable) */
+    hex: string;
+    /** RGBA representation */
+    rgba: RgbaColor;
+    /** HSLA representation */
+    hsla: HslaColor;
+    /** HSVA representation */
+    hsva: HsvaColor;
+}
+declare const DEFAULT_COLOR_PRESETS: ColorPresetGroup[];
+
+declare class TalosColorPickerComponent implements ControlValueAccessor {
+    private readonly elementRef;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly format: _angular_core.InputSignal<ColorFormat>;
+    readonly showAlpha: _angular_core.InputSignal<boolean>;
+    readonly presets: _angular_core.InputSignal<ColorPresetItem[]>;
+    readonly showPresets: _angular_core.InputSignal<boolean>;
+    readonly showRecent: _angular_core.InputSignal<boolean>;
+    readonly showEyeDropper: _angular_core.InputSignal<boolean>;
+    readonly showInputs: _angular_core.InputSignal<boolean>;
+    readonly showFormatSwitcher: _angular_core.InputSignal<boolean>;
+    readonly inline: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<ColorPickerSize>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly floatingLabel: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly colorChange: _angular_core.OutputEmitterRef<string>;
+    readonly colorDetailsChange: _angular_core.OutputEmitterRef<ColorChangeEvent>;
+    readonly formatChange: _angular_core.OutputEmitterRef<ColorFormat>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    satValCanvas?: ElementRef<HTMLDivElement>;
+    hueTrack?: ElementRef<HTMLDivElement>;
+    alphaTrack?: ElementRef<HTMLDivElement>;
+    triggerBtn?: ElementRef<HTMLButtonElement>;
+    triggerInput?: ElementRef<HTMLInputElement>;
+    private readonly autoId;
+    readonly componentId: _angular_core.Signal<string>;
+    readonly inputId: _angular_core.Signal<string>;
+    readonly formControlDisabled: _angular_core.WritableSignal<boolean>;
+    readonly effectiveDisabled: _angular_core.Signal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly isInputFocused: _angular_core.WritableSignal<boolean>;
+    readonly manualInputValue: _angular_core.WritableSignal<string>;
+    readonly currentHsva: _angular_core.WritableSignal<HsvaColor>;
+    readonly currentFormat: _angular_core.WritableSignal<ColorFormat>;
+    readonly recentColors: _angular_core.WritableSignal<string[]>;
+    readonly copied: _angular_core.WritableSignal<boolean>;
+    readonly inputHex: _angular_core.WritableSignal<string>;
+    readonly inputR: _angular_core.WritableSignal<number>;
+    readonly inputG: _angular_core.WritableSignal<number>;
+    readonly inputB: _angular_core.WritableSignal<number>;
+    readonly inputA: _angular_core.WritableSignal<number>;
+    readonly inputH: _angular_core.WritableSignal<number>;
+    readonly inputS: _angular_core.WritableSignal<number>;
+    readonly inputL: _angular_core.WritableSignal<number>;
+    private isDraggingSatVal;
+    private isDraggingHue;
+    private isDraggingAlpha;
+    readonly overlayPositions: ConnectedPosition[];
+    readonly currentRgba: _angular_core.Signal<RgbaColor>;
+    readonly currentHsla: _angular_core.Signal<_weeehaoooz_talos_ui_core.HslaColor>;
+    readonly currentHex: _angular_core.Signal<string>;
+    readonly pureHueHex: _angular_core.Signal<string>;
+    readonly isLight: _angular_core.Signal<boolean>;
+    readonly isFloated: _angular_core.Signal<boolean>;
+    readonly formattedColor: _angular_core.Signal<string>;
+    readonly rgbaString: _angular_core.Signal<string>;
+    readonly hasEyeDropper: _angular_core.Signal<boolean>;
+    readonly normalizedPresets: _angular_core.Signal<ColorPresetGroup[]>;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private setColorFromExternal;
+    private updateHsva;
+    private notifyColorChange;
+    toggleDropdown(event?: Event): void;
+    open(): void;
+    close(): void;
+    onDocumentClick(event: MouseEvent): void;
+    clear(event?: MouseEvent): void;
+    onTriggerFocus(): void;
+    onTriggerBlur(event: FocusEvent): void;
+    onTriggerInput(event: Event): void;
+    onTriggerEnter(event: Event): void;
+    onSatValMouseDown(event: MouseEvent): void;
+    onSatValTouchStart(event: TouchEvent): void;
+    private updateSatValFromCoord;
+    onSatValKeyDown(event: KeyboardEvent): void;
+    onHueMouseDown(event: MouseEvent): void;
+    onHueTouchStart(event: TouchEvent): void;
+    private updateHueFromCoord;
+    onHueKeyDown(event: KeyboardEvent): void;
+    onAlphaMouseDown(event: MouseEvent): void;
+    onAlphaTouchStart(event: TouchEvent): void;
+    private updateAlphaFromCoord;
+    onAlphaKeyDown(event: KeyboardEvent): void;
+    pickWithEyeDropper(): Promise<void>;
+    copyColor(): Promise<void>;
+    switchFormat(format: ColorFormat): void;
+    onHexInputChange(val: string): void;
+    onRgbaInputChange(): void;
+    onHslaInputChange(): void;
+    selectPreset(color: string): void;
+    private recordRecentColor;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosColorPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosColorPickerComponent, "talos-color-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "showAlpha": { "alias": "showAlpha"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; "showRecent": { "alias": "showRecent"; "required": false; "isSignal": true; }; "showEyeDropper": { "alias": "showEyeDropper"; "required": false; "isSignal": true; }; "showInputs": { "alias": "showInputs"; "required": false; "isSignal": true; }; "showFormatSwitcher": { "alias": "showFormatSwitcher"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "colorChange": "colorChange"; "colorDetailsChange": "colorDetailsChange"; "formatChange": "formatChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, never, never, true, never>;
+}
+
+declare class TalosColorPickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosColorPickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosColorPickerModule, never, [typeof TalosColorPickerComponent], [typeof TalosColorPickerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosColorPickerModule>;
+}
+
+export { DEFAULT_COLOR_PRESETS, TalosColorPickerComponent, TalosColorPickerModule };
+export type { ColorChangeEvent, ColorPickerSize, ColorPresetGroup, ColorPresetItem };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-color-picker.d.ts.map

package/types/weeehaoooz-talos-ui-form-color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeehaoooz-talos-ui-form-color-picker.d.ts","sources":["../../../projects/talos-ui/form/color-picker/color-picker.types.ts","../../../projects/talos-ui/form/color-picker/color-picker.component.ts","../../../projects/talos-ui/form/color-picker/color-picker.module.ts"],"mappings":"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","names":["i1.TalosColorPickerComponent"]}