@proximus/lavender-autocomplete 1.4.10-alpha.7

package/dist/Autocomplete.d.ts

@@ -0,0 +1,39 @@
+import '@proximus/lavender-dropdown';
+import '@proximus/lavender-input';
+import { type Dropdown } from '@proximus/lavender-dropdown';
+import { type Input } from '@proximus/lavender-input';
+/**
+ * @summary An autocomplete input component with dropdown suggestions.
+ * @attr {number} size - Visible width of the input in characters.
+ * @attr {string} state - Validation state forwarded to the input. One of `error` or `success`.
+ * @attr {boolean} extended - Makes the autocomplete take the full width of its container.
+ * @attr {boolean} extended--mobile - Full width on mobile breakpoint only.
+ * @attr {boolean} extended--tablet - Full width on tablet breakpoint only.
+ * @attr {boolean} extended--laptop - Full width on laptop breakpoint only.
+ * @attr {boolean} extended--desktop - Full width on desktop breakpoint only.
+ * @attr {string} name - The name used when submitting form data.
+ * @slot label - Slot for the input label.
+ * @slot helper - Slot for helper text shown next to the label.
+ * @slot status-text - Slot for the validation/status message (use `role="alert"` for errors, `role="status"` for success).
+ * @slot dropdown-content - Slot for dropdown content items such as `px-autocomplete-header` and `px-autocomplete-option`.
+ */
+export declare class Autocomplete extends HTMLElement {
+    #private;
+    static formAssociated: boolean;
+    private internals;
+    template: () => string;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get value(): string;
+    set value(value: string);
+    get name(): string;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    get $dropDown(): Dropdown;
+    get $dropDownContent(): HTMLElement;
+    get $input(): Input & HTMLInputElement;
+    get $label(): HTMLElement;
+}

package/dist/AutocompleteHeader.d.ts

@@ -0,0 +1,16 @@
+import '@proximus/lavender-icon';
+import '@proximus/lavender-container';
+import '@proximus/lavender-layout';
+import '@proximus/lavender-span';
+/**
+ * @summary A header label displayed inside the autocomplete dropdown.
+ * @slot - Default slot for the header text content.
+ */
+export declare class AutocompleteHeader extends HTMLElement {
+    #private;
+    private template;
+    constructor();
+    connectedCallback(): void;
+    get $icon(): HTMLElement;
+    get $text(): HTMLElement;
+}

package/dist/AutocompleteOption.d.ts

@@ -0,0 +1,22 @@
+import '@proximus/lavender-layout';
+import '@proximus/lavender-span';
+/**
+ * @summary A selectable option button displayed inside the autocomplete dropdown.
+ * @attr {boolean} selected - Whether the option is currently selected.
+ * @attr {string} type - The type of the internal button. Defaults to 'button'.
+ * @slot - Default slot for the option text content.
+ */
+export declare class AutocompleteOption extends HTMLElement {
+    #private;
+    private template;
+    constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    connectedCallback(): void;
+    focus(options?: FocusOptions): void;
+    get selected(): boolean;
+    set selected(value: boolean);
+    get type(): string;
+    set type(value: string);
+    get $button(): HTMLButtonElement;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Autocomplete';
+export * from './AutocompleteHeader';
+export * from './AutocompleteOption';