@statistikzh/leu 0.14.2 → 0.14.4

package/dist/Select.d.ts

@@ -1,3 +1,15 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { nothing } from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+import { H as HasSlotController } from './hasSlotController.d-emXwVXWF.js';
+import { LeuButton } from './Button.js';
+import { LeuMenu } from './Menu.js';
+import { LeuMenuItem } from './MenuItem.js';
+import { LeuIcon } from './Icon.js';
+import { LeuInput } from './Input.js';
+import { LeuPopup } from './Popup.js';
+
 /**
  * @tagname leu-select
  * @slot before - Optional content the appears before the option list
@@ -12,7 +24,16 @@
  * @property {boolean} multiple - Allow multiple selections
  * @attribute {string} value - The selected values separated by commas.
  */
-export class LeuSelect extends LeuElement {
+declare class LeuSelect extends LeuElement {
+    static dependencies: {
+        "leu-button": typeof LeuButton;
+        "leu-menu": typeof LeuMenu;
+        "leu-menu-item": typeof LeuMenuItem;
+        "leu-icon": typeof LeuIcon;
+        "leu-input": typeof LeuInput;
+        "leu-popup": typeof LeuPopup;
+    };
+    static styles: lit.CSSResultGroup[];
     static get properties(): {
         name: {
             type: StringConstructor;
@@ -59,34 +80,13 @@ export class LeuSelect extends LeuElement {
         };
     };
     static getOptionLabel(option: any): any;
-    open: boolean;
-    disabled: boolean;
-    multiple: boolean;
-    clearable: boolean;
-    filterable: boolean;
-    value: any[];
-    label: string;
-    name: string;
-    /** @internal */
-    _optionFilter: string;
-    /** @internal */
-    _hasFilterResults: boolean;
-    /** @internal */
-    _deferedChangeEvent: boolean;
-    /** @internal */
-    _displayValue: string;
     /**
-     * @type {import("lit/directives/ref").Ref<import("../input/Input").LeuInput>}
-     */
-    _optionFilterRef: import("lit/directives/ref").Ref<any>;
-    /**
-     * @type {import("lit/directives/ref").Ref<HTMLButtonElement>}
-     */
-    _toggleButtonRef: import("lit/directives/ref").Ref<HTMLButtonElement>;
-    /**
-     * @type {import("lit/directives/ref").Ref<import("../menu/Menu").LeuMenu>}
+     * @internal
      */
-    _menuRef: import("lit/directives/ref").Ref<any>;
+    hasSlotController: HasSlotController;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     updated(changedProperties: any): void;
     /**
      * Apply the current state to the menu items.
@@ -94,21 +94,39 @@ export class LeuSelect extends LeuElement {
      * - Hide menu items that do not match the filter.
      */
     _updateMenuItems(changed: any): Promise<void>;
+    /**
+     * Update all the menu items when the slot changes
+     * to make sure that the menu items are in sync
+     * with the state of the component.
+     * @internal
+     */
+    _handleItemSlotChange(): void;
+    /**
+     * Handles clicks outside of the component to close the dropdown.
+     * @internal
+     * @param {MouseEvent} event
+     */
+    _handleDocumentClick: (event: any) => void;
     /**
      * @internal
      * @param {KeyboardEvent} event
      */
-    _handleToggleKeyDown(event: KeyboardEvent): Promise<void>;
+    _handleKeyDown: (event: any) => void;
     /**
      * @internal
      * @param {KeyboardEvent} event
      */
-    _handleFilterInputKeyDown(event: KeyboardEvent): void;
+    _handleToggleKeyDown(event: any): Promise<void>;
+    /**
+     * @internal
+     * @param {KeyboardEvent} event
+     */
+    _handleFilterInputKeyDown(event: any): void;
     /**
      * Determines the value or label that should be displayed inside the toggle button.
      * @returns {String | nothing}
      */
-    _getDisplayValue(): string | typeof nothing;
+    _getDisplayValue(): any;
     _emitInputEvent(): void;
     _emitChangeEvent(): void;
     _clearValue(event: any): void;
@@ -120,13 +138,12 @@ export class LeuSelect extends LeuElement {
      * @param {String} menuItemValue
      * @returns {Boolean}
      */
-    _isSelected(menuItemValue: string): boolean;
+    _isSelected(menuItemValue: any): any;
     _handleMenuItemClick(event: any): void;
-    _renderFilterInput(): typeof nothing | import("lit-html").TemplateResult<1>;
-    _renderApplyButton(): typeof nothing | import("lit-html").TemplateResult<1>;
-    _renderToggleButton(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
+    _renderFilterInput(): typeof nothing | lit_html.TemplateResult<1>;
+    _renderApplyButton(): typeof nothing | lit_html.TemplateResult<1>;
+    _renderToggleButton(): lit_html.TemplateResult<1>;
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-BI1CxItv.js';
-import { nothing } from 'lit';
-//# sourceMappingURL=Select.d.ts.map
+
+export { LeuSelect };