@doku-com/tala 1.0.0-alpha.2 → 1.0.0-alpha.4

package/types/doku-com-tala.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarShape = 'circle' | 'square';
@@ -45,5 +46,98 @@ declare class TalaButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalaButton, "tala-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=prefix]", "*", "[slot=suffix]"], true, never>;
 }
 
-export { TalaAvatar, TalaAvatarGroup, TalaButton };
-export type { AvatarShape, AvatarSize, AvatarStatus, ButtonSize, ButtonVariant };
+type InputSize = 'sm' | 'md' | 'lg';
+type InputStatus = 'default' | 'error' | 'success' | 'warning';
+declare class TalaInput implements ControlValueAccessor {
+    private static _nextId;
+    readonly size: _angular_core.InputSignal<InputSize>;
+    readonly status: _angular_core.InputSignal<InputStatus>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly helperText: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly prefix: _angular_core.InputSignal<string>;
+    readonly suffix: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    protected readonly _id: string;
+    protected readonly _helperId: string;
+    protected readonly _value: _angular_core.WritableSignal<string>;
+    protected readonly _disabledByForm: _angular_core.WritableSignal<boolean>;
+    protected readonly _isDisabled: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected _onInput(event: Event): void;
+    protected _onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalaInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalaInput, "tala-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=leading-icon]", "[slot=trailing-icon]"], true, never>;
+}
+
+type SelectType = 'single' | 'searchable' | 'multi';
+type SelectSize = 'sm' | 'md' | 'lg';
+type SelectStatus = 'default' | 'error' | 'success';
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+declare class TalaSelect implements ControlValueAccessor {
+    private static _nextId;
+    private readonly _elementRef;
+    readonly type: _angular_core.InputSignal<SelectType>;
+    readonly size: _angular_core.InputSignal<SelectSize>;
+    readonly status: _angular_core.InputSignal<SelectStatus>;
+    readonly options: _angular_core.InputSignal<SelectOption[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly helperText: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly width: _angular_core.InputSignal<string>;
+    protected readonly _id: string;
+    protected readonly _helperId: string;
+    protected readonly _listboxId: string;
+    protected readonly _isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly _value: _angular_core.WritableSignal<string | string[]>;
+    protected readonly _searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly _focusedIndex: _angular_core.WritableSignal<number>;
+    protected readonly _disabledByForm: _angular_core.WritableSignal<boolean>;
+    protected readonly _isDisabled: _angular_core.Signal<boolean>;
+    protected readonly _hostWidth: _angular_core.Signal<string>;
+    protected readonly _filteredOptions: _angular_core.Signal<SelectOption[]>;
+    protected readonly _hasValue: _angular_core.Signal<boolean>;
+    protected readonly _displayValue: _angular_core.Signal<string>;
+    protected readonly _selectedLabels: _angular_core.Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    _onDocumentClick(target: EventTarget | null): void;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fn: (value: string | string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected _onTriggerClick(event: MouseEvent): void;
+    protected _onTriggerKeydown(event: KeyboardEvent): void;
+    protected _selectOption(opt: SelectOption, event: Event): void;
+    protected _removeChip(value: string, event: MouseEvent): void;
+    protected _isSelected(value: string): boolean;
+    protected _onSearchInput(event: Event): void;
+    protected _onDropdownClick(event: MouseEvent): void;
+    protected _onSearchKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalaSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalaSelect, "tala-select", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TalaAvatar, TalaAvatarGroup, TalaButton, TalaInput, TalaSelect };
+export type { AvatarShape, AvatarSize, AvatarStatus, ButtonSize, ButtonVariant, InputSize, InputStatus, SelectOption, SelectSize, SelectStatus, SelectType };