le-kit 0.5.1 → 0.5.3

package/dist/collection/components/le-dropdown-base/le-dropdown-base.js

@@ -16,78 +16,144 @@ import { generateId } from "../../utils/utils";
  * @slot trigger - The element that triggers the dropdown
  */
 export class LeDropdownBase {
-    el;
-    /**
-     * The options to display in the dropdown.
-     */
-    options = [];
-    /**
-     * Current value(s) - single value or array for multiselect.
-     */
-    value;
-    /**
-     * Whether multiple selection is allowed.
-     */
-    multiple = false;
-    /**
-     * Whether the dropdown is open.
-     */
-    open = false;
-    /**
-     * Whether the dropdown is disabled.
-     */
-    disabled = false;
-    /**
-     * Filter function for options.
-     * Return true to include the option.
-     */
-    filterFn;
-    /**
-     * Current filter query string.
-     */
-    filterQuery = '';
-    /**
-     * Placeholder text when no options match filter.
-     */
-    emptyText = 'No options';
-    /**
-     * Whether to show checkboxes for multiselect mode.
-     */
-    showCheckboxes = true;
-    /**
-     * Maximum height of the dropdown list.
-     */
-    maxHeight = '300px';
-    /**
-     * Width of the dropdown. If not set, matches trigger width.
-     */
-    width;
-    /**
-     * Sets the dropdown to full width of the trigger.
-     */
-    fullWidth = false;
-    /**
-     * Whether to close the dropdown when clicking outside.
-     * (used to support combobox with input focus)
-     */
-    closeOnClickOutside = true;
-    /**
-     * Emitted when an option is selected.
-     */
-    leOptionSelect;
-    /**
-     * Emitted when the dropdown opens.
-     */
-    leDropdownOpen;
-    /**
-     * Emitted when the dropdown closes.
-     */
-    leDropdownClose;
-    focusedIndex = -1;
-    filteredOptions = [];
-    popoverEl;
-    listEl;
-    triggerWidth = 0;
+    constructor() {
+        /**
+         * The options to display in the dropdown.
+         */
+        this.options = [];
+        /**
+         * Whether multiple selection is allowed.
+         */
+        this.multiple = false;
+        /**
+         * Whether the dropdown is open.
+         */
+        this.open = false;
+        /**
+         * Whether the dropdown is disabled.
+         */
+        this.disabled = false;
+        /**
+         * Current filter query string.
+         */
+        this.filterQuery = '';
+        /**
+         * Placeholder text when no options match filter.
+         */
+        this.emptyText = 'No options';
+        /**
+         * Whether to show checkboxes for multiselect mode.
+         */
+        this.showCheckboxes = true;
+        /**
+         * Maximum height of the dropdown list.
+         */
+        this.maxHeight = '300px';
+        /**
+         * Sets the dropdown to full width of the trigger.
+         */
+        this.fullWidth = false;
+        /**
+         * Whether to close the dropdown when clicking outside.
+         * (used to support combobox with input focus)
+         */
+        this.closeOnClickOutside = true;
+        this.focusedIndex = -1;
+        this.filteredOptions = [];
+        this.triggerWidth = 0;
+        this.handleKeyDown = (e) => {
+            if (!this.open)
+                return;
+            const optionCount = this.filteredOptions.length;
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    // check for the next non-disabled option and focus
+                    let nextIndex = this.focusedIndex < optionCount - 1 ? this.focusedIndex + 1 : 0;
+                    while (this.filteredOptions[nextIndex].disabled) {
+                        nextIndex = ++nextIndex < optionCount ? nextIndex : 0;
+                    }
+                    this.focusedIndex = nextIndex;
+                    this.scrollToFocused();
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    // check for the previous non-disabled option and focus
+                    let prevIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : optionCount - 1;
+                    while (this.filteredOptions[prevIndex].disabled) {
+                        prevIndex = --prevIndex >= 0 ? prevIndex : optionCount - 1;
+                    }
+                    this.focusedIndex = prevIndex;
+                    this.scrollToFocused();
+                    break;
+                case 'Home':
+                    e.preventDefault();
+                    // check for the first non-disabled option and focus
+                    let firstIndex = 0;
+                    while (this.filteredOptions[firstIndex].disabled) {
+                        firstIndex++;
+                        if (firstIndex >= optionCount) {
+                            firstIndex = -1;
+                            break;
+                        }
+                    }
+                    this.focusedIndex = firstIndex;
+                    this.scrollToFocused();
+                    break;
+                case 'End':
+                    e.preventDefault();
+                    // check for the last non-disabled option and focus
+                    let lastIndex = optionCount - 1;
+                    while (this.filteredOptions[lastIndex].disabled) {
+                        lastIndex--;
+                        if (lastIndex < 0) {
+                            lastIndex = -1;
+                            break;
+                        }
+                    }
+                    this.focusedIndex = lastIndex;
+                    this.scrollToFocused();
+                    break;
+                case 'Enter':
+                case ' ':
+                    e.preventDefault();
+                    if (this.focusedIndex >= 0 && this.focusedIndex < optionCount) {
+                        const option = this.filteredOptions[this.focusedIndex];
+                        if (!option || option.disabled)
+                            return;
+                        this.leOptionSelect.emit({
+                            value: option.value ?? option.label,
+                            option,
+                        });
+                        if (!this.multiple) {
+                            this.hide();
+                        }
+                    }
+                    break;
+                case 'Escape':
+                    e.preventDefault();
+                    this.hide();
+                    break;
+                case 'Tab':
+                    this.hide();
+                    break;
+            }
+        };
+        this.handlePopoverOpen = () => {
+            this.open = true;
+            this.focusedIndex = this.getInitialFocusIndex();
+            this.leDropdownOpen.emit();
+            // Add keyboard listener
+            document.addEventListener('keydown', this.handleKeyDown);
+        };
+        this.handlePopoverClose = () => {
+            this.open = false;
+            this.focusedIndex = -1;
+            this.leDropdownClose.emit();
+            // Remove keyboard listener
+            document.removeEventListener('keydown', this.handleKeyDown);
+        };
+    }
     handleOptionsChange() {
         this.updateFilteredOptions();
     }
@@ -139,84 +205,6 @@ export class LeDropdownBase {
             this.hide();
         }
     }
-    handleKeyDown = (e) => {
-        if (!this.open)
-            return;
-        const optionCount = this.filteredOptions.length;
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                // check for the next non-disabled option and focus
-                let nextIndex = this.focusedIndex < optionCount - 1 ? this.focusedIndex + 1 : 0;
-                while (this.filteredOptions[nextIndex].disabled) {
-                    nextIndex = ++nextIndex < optionCount ? nextIndex : 0;
-                }
-                this.focusedIndex = nextIndex;
-                this.scrollToFocused();
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                // check for the previous non-disabled option and focus
-                let prevIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : optionCount - 1;
-                while (this.filteredOptions[prevIndex].disabled) {
-                    prevIndex = --prevIndex >= 0 ? prevIndex : optionCount - 1;
-                }
-                this.focusedIndex = prevIndex;
-                this.scrollToFocused();
-                break;
-            case 'Home':
-                e.preventDefault();
-                // check for the first non-disabled option and focus
-                let firstIndex = 0;
-                while (this.filteredOptions[firstIndex].disabled) {
-                    firstIndex++;
-                    if (firstIndex >= optionCount) {
-                        firstIndex = -1;
-                        break;
-                    }
-                }
-                this.focusedIndex = firstIndex;
-                this.scrollToFocused();
-                break;
-            case 'End':
-                e.preventDefault();
-                // check for the last non-disabled option and focus
-                let lastIndex = optionCount - 1;
-                while (this.filteredOptions[lastIndex].disabled) {
-                    lastIndex--;
-                    if (lastIndex < 0) {
-                        lastIndex = -1;
-                        break;
-                    }
-                }
-                this.focusedIndex = lastIndex;
-                this.scrollToFocused();
-                break;
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                if (this.focusedIndex >= 0 && this.focusedIndex < optionCount) {
-                    const option = this.filteredOptions[this.focusedIndex];
-                    if (!option || option.disabled)
-                        return;
-                    this.leOptionSelect.emit({
-                        value: option.value ?? option.label,
-                        option,
-                    });
-                    if (!this.multiple) {
-                        this.hide();
-                    }
-                }
-                break;
-            case 'Escape':
-                e.preventDefault();
-                this.hide();
-                break;
-            case 'Tab':
-                this.hide();
-                break;
-        }
-    };
     scrollToFocused() {
         if (!this.listEl || this.focusedIndex < 0)
             return;
@@ -225,20 +213,6 @@ export class LeDropdownBase {
             focusedEl.scrollIntoView({ block: 'nearest' });
         }
     }
-    handlePopoverOpen = () => {
-        this.open = true;
-        this.focusedIndex = this.getInitialFocusIndex();
-        this.leDropdownOpen.emit();
-        // Add keyboard listener
-        document.addEventListener('keydown', this.handleKeyDown);
-    };
-    handlePopoverClose = () => {
-        this.open = false;
-        this.focusedIndex = -1;
-        this.leDropdownClose.emit();
-        // Remove keyboard listener
-        document.removeEventListener('keydown', this.handleKeyDown);
-    };
     getInitialFocusIndex() {
         // Focus on first selected option, or first option
         const selectableOptions = this.getSelectableOptions();
@@ -339,7 +313,7 @@ export class LeDropdownBase {
     }
     render() {
         const dropdownWidth = this.width || (this.triggerWidth ? `${this.triggerWidth}px` : undefined);
-        return (h(Host, { key: '90bca5763b9110f8e5cad70870110cab1efeeec6' }, h("le-popover", { key: 'ebded64a4f2b23c8b1a954dd995c4d6171ef9c88', ref: el => (this.popoverEl = el), position: "bottom", align: "start", showClose: false, closeOnClickOutside: this.closeOnClickOutside, closeOnEscape: true, offset: 4, width: dropdownWidth, minWidth: "150px", "trigger-full-width": this.fullWidth, onLePopoverOpen: this.handlePopoverOpen, onLePopoverClose: this.handlePopoverClose }, h("slot", { key: '57e540660ee269de594209186d6fbe066b9c8fc1', name: "trigger", slot: "trigger" }), h("slot", { key: 'e58a76a0097f938873f5462c844ee9f1a5eece72', name: "header" }), h("div", { key: 'c4fa35069438df82894e45e87f46aef67a189c43', class: "dropdown-list", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : undefined, ref: el => (this.listEl = el), style: { maxHeight: this.maxHeight } }, this.renderOptions()))));
+        return (h(Host, { key: '71c3537d6234aebb8c18fb6c07e5a751568a4b87' }, h("le-popover", { key: 'e02fcd7454cae5a9c197a509d18cd7b91e49fc9e', ref: el => (this.popoverEl = el), position: "bottom", align: "start", showClose: false, closeOnClickOutside: this.closeOnClickOutside, closeOnEscape: true, offset: 4, width: dropdownWidth, minWidth: "150px", "trigger-full-width": this.fullWidth, onLePopoverOpen: this.handlePopoverOpen, onLePopoverClose: this.handlePopoverClose }, h("slot", { key: 'f1a9e3145119f1cfc1b8a535b98b0858758c6265', name: "trigger", slot: "trigger" }), h("slot", { key: '8dd6126a610e167fb2b3c2593677f70c387bd275', name: "header" }), h("div", { key: '708b3916132c36f736f8a88e3408d482a50610fb', class: "dropdown-list", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : undefined, ref: el => (this.listEl = el), style: { maxHeight: this.maxHeight } }, this.renderOptions()))));
     }
     static get is() { return "le-dropdown-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-dropdown-base/le-dropdown-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"le-dropdown-base.js","sourceRoot":"","sources":["../../../src/components/le-dropdown-base/le-dropdown-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';\nimport { generateId } from '../../utils/utils';\n\n/**\n * Internal dropdown base component that provides shared functionality\n * for select, combobox, and multiselect components.\n *\n * Wraps le-popover for positioning and provides:\n * - Option list rendering with groups\n * - Keyboard navigation (↑↓, Enter, Escape, Home/End)\n * - Option filtering support\n * - Single and multi-select modes\n *\n * @cmsInternal true\n * @cmsCategory System\n *\n * @slot trigger - The element that triggers the dropdown\n */\n@Component({\n  tag: 'le-dropdown-base',\n  styleUrl: 'le-dropdown-base.css',\n  shadow: true,\n})\nexport class LeDropdownBase {\n  @Element() el: HTMLElement;\n\n  /**\n   * The options to display in the dropdown.\n   */\n  @Prop() options: LeOption[] = [];\n\n  /**\n   * Current value(s) - single value or array for multiselect.\n   */\n  @Prop() value?: LeOptionValue | LeOptionValue[];\n\n  /**\n   * Whether multiple selection is allowed.\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * Whether the dropdown is open.\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Whether the dropdown is disabled.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Filter function for options.\n   * Return true to include the option.\n   */\n  @Prop() filterFn?: (option: LeOption, query: string) => boolean;\n\n  /**\n   * Current filter query string.\n   */\n  @Prop() filterQuery: string = '';\n\n  /**\n   * Placeholder text when no options match filter.\n   */\n  @Prop() emptyText: string = 'No options';\n\n  /**\n   * Whether to show checkboxes for multiselect mode.\n   */\n  @Prop() showCheckboxes: boolean = true;\n\n  /**\n   * Maximum height of the dropdown list.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the dropdown. If not set, matches trigger width.\n   */\n  @Prop() width?: string;\n\n  /**\n   * Sets the dropdown to full width of the trigger.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Whether to close the dropdown when clicking outside.\n   * (used to support combobox with input focus)\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Emitted when an option is selected.\n   */\n  @Event() leOptionSelect: EventEmitter<LeOptionSelectDetail>;\n\n  /**\n   * Emitted when the dropdown opens.\n   */\n  @Event() leDropdownOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the dropdown closes.\n   */\n  @Event() leDropdownClose: EventEmitter<void>;\n\n  @State() private focusedIndex: number = -1;\n  @State() private filteredOptions: LeOption[] = [];\n\n  private popoverEl?: HTMLLePopoverElement;\n  private listEl?: HTMLElement;\n  private triggerWidth: number = 0;\n\n  @Watch('options')\n  @Watch('filterQuery')\n  handleOptionsChange() {\n    this.updateFilteredOptions();\n  }\n\n  componentWillLoad() {\n    this.updateFilteredOptions();\n  }\n\n  private updateFilteredOptions() {\n    // Remember previously focused option\n    const focusedOption = this.filteredOptions[this.focusedIndex];\n\n    if (!this.filterQuery || !this.filterFn) {\n      this.filteredOptions = this.options;\n    } else {\n      this.filteredOptions = this.options.filter(opt => this.filterFn!(opt, this.filterQuery));\n    }\n\n    // try to maintain focus on same option if still present\n    if (focusedOption) {\n      const newIndex = this.filteredOptions.indexOf(focusedOption);\n      this.focusedIndex = newIndex >= 0 ? newIndex : this.getInitialFocusIndex();\n    } else {\n      this.focusedIndex = -1;\n    }\n  }\n\n  private getSelectableOptions(): LeOption[] {\n    return this.filteredOptions.filter(opt => !opt.disabled);\n  }\n\n  private isSelected(option: LeOption): boolean {\n    const optValue = option.value ?? option.label;\n    if (this.multiple && Array.isArray(this.value)) {\n      setTimeout(() => {\n        this.popoverEl?.updatePosition();\n      }, 50);\n      return this.value.includes(optValue);\n    }\n    return this.value === optValue;\n  }\n\n  private handleOptionClick(option: LeOption, e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (option.disabled) return;\n\n    this.leOptionSelect.emit({\n      value: option.value ?? option.label,\n      option,\n    });\n\n    // Close dropdown for single select\n    if (!this.multiple) {\n      this.hide();\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (!this.open) return;\n\n    const optionCount = this.filteredOptions.length;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        // check for the next non-disabled option and focus\n        let nextIndex = this.focusedIndex < optionCount - 1 ? this.focusedIndex + 1 : 0;\n        while (this.filteredOptions[nextIndex].disabled) {\n          nextIndex = ++nextIndex < optionCount ? nextIndex : 0;\n        }\n        this.focusedIndex = nextIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        // check for the previous non-disabled option and focus\n        let prevIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : optionCount - 1;\n        while (this.filteredOptions[prevIndex].disabled) {\n          prevIndex = --prevIndex >= 0 ? prevIndex : optionCount - 1;\n        }\n        this.focusedIndex = prevIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'Home':\n        e.preventDefault();\n        // check for the first non-disabled option and focus\n        let firstIndex = 0;\n        while (this.filteredOptions[firstIndex].disabled) {\n          firstIndex++;\n          if (firstIndex >= optionCount) {\n            firstIndex = -1;\n            break;\n          }\n        }\n        this.focusedIndex = firstIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'End':\n        e.preventDefault();\n        // check for the last non-disabled option and focus\n        let lastIndex = optionCount - 1;\n        while (this.filteredOptions[lastIndex].disabled) {\n          lastIndex--;\n          if (lastIndex < 0) {\n            lastIndex = -1;\n            break;\n          }\n        }\n        this.focusedIndex = lastIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (this.focusedIndex >= 0 && this.focusedIndex < optionCount) {\n          const option = this.filteredOptions[this.focusedIndex];\n          if (!option || option.disabled) return;\n          this.leOptionSelect.emit({\n            value: option.value ?? option.label,\n            option,\n          });\n          if (!this.multiple) {\n            this.hide();\n          }\n        }\n        break;\n\n      case 'Escape':\n        e.preventDefault();\n        this.hide();\n        break;\n\n      case 'Tab':\n        this.hide();\n        break;\n    }\n  };\n\n  private scrollToFocused() {\n    if (!this.listEl || this.focusedIndex < 0) return;\n\n    const focusedEl = this.listEl.querySelector(\n      `[data-index=\"${this.focusedIndex}\"]`,\n    ) as HTMLElement;\n    if (focusedEl) {\n      focusedEl.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  private handlePopoverOpen = () => {\n    this.open = true;\n    this.focusedIndex = this.getInitialFocusIndex();\n    this.leDropdownOpen.emit();\n\n    // Add keyboard listener\n    document.addEventListener('keydown', this.handleKeyDown);\n  };\n\n  private handlePopoverClose = () => {\n    this.open = false;\n    this.focusedIndex = -1;\n    this.leDropdownClose.emit();\n\n    // Remove keyboard listener\n    document.removeEventListener('keydown', this.handleKeyDown);\n  };\n\n  private getInitialFocusIndex(): number {\n    // Focus on first selected option, or first option\n    const selectableOptions = this.getSelectableOptions();\n    const selectedIndex = selectableOptions.findIndex(opt => this.isSelected(opt));\n    return selectedIndex >= 0 ? selectedIndex : 0;\n  }\n\n  /**\n   * Opens the dropdown.\n   */\n  @Method()\n  async show() {\n    if (this.disabled) return;\n\n    // Capture trigger width for matching dropdown width\n    const trigger = this.el.querySelector('[slot=\"trigger\"]') as HTMLElement;\n    if (trigger) {\n      this.triggerWidth = trigger.offsetWidth;\n    }\n\n    await this.popoverEl?.show();\n  }\n\n  /**\n   * Closes the dropdown.\n   */\n  @Method()\n  async hide() {\n    await this.popoverEl?.hide();\n  }\n\n  /**\n   * Toggles the dropdown.\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private renderIcon(icon: string | undefined, className: string) {\n    if (!icon) return null;\n\n    if (icon.startsWith('http') || icon.startsWith('/')) {\n      return <img class={className} src={icon} alt=\"\" />;\n    }\n\n    return <span class={className}>{icon}</span>;\n  }\n\n  private renderOption(option: LeOption, index: number) {\n    const isSelected = this.isSelected(option);\n    const isFocused = index === this.focusedIndex;\n    const optionId = option.id || generateId();\n\n    return (\n      <div\n        class={{\n          'dropdown-option': true,\n          'is-selected': isSelected,\n          'is-focused': isFocused,\n          'is-disabled': !!option.disabled,\n        }}\n        role=\"option\"\n        id={optionId}\n        aria-selected={isSelected ? 'true' : 'false'}\n        aria-disabled={option.disabled ? 'true' : undefined}\n        data-index={index}\n        onClick={e => this.handleOptionClick(option, e)}\n        onMouseEnter={() => {\n          if (!option.disabled) {\n            this.focusedIndex = index;\n          }\n        }}\n      >\n        {this.renderIcon(option.iconStart, 'option-icon-start')}\n        <div class=\"option-content\">\n          <span class=\"option-label\">{option.label}</span>\n          {option.description && <span class=\"option-description\">{option.description}</span>}\n        </div>\n        {this.renderIcon(option.iconEnd, 'option-icon-end')}\n        {(!this.multiple || this.showCheckboxes) && isSelected && (\n          <span class=\"option-check\">\n            <svg viewBox=\"0 0 16 16\" fill=\"currentColor\">\n              <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\" />\n            </svg>\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    if (this.filteredOptions.length === 0) {\n      return <div class=\"dropdown-empty\">{this.emptyText}</div>;\n    }\n\n    // Group options if they have group property\n    const grouped = new Map<string, LeOption[]>();\n    const ungrouped: LeOption[] = [];\n\n    this.filteredOptions.forEach(opt => {\n      if (opt.group) {\n        const group = grouped.get(opt.group) || [];\n        group.push(opt);\n        grouped.set(opt.group, group);\n      } else {\n        ungrouped.push(opt);\n      }\n    });\n\n    // Build flat list with group headers for index tracking\n    let globalIndex = 0;\n    const elements: any[] = [];\n\n    // Render ungrouped options first\n    ungrouped.forEach(opt => {\n      if (opt.separator === 'before') {\n        elements.push(<div class=\"dropdown-separator\" role=\"separator\" />);\n      }\n      elements.push(this.renderOption(opt, globalIndex++));\n      if (opt.separator === 'after') {\n        elements.push(<div class=\"dropdown-separator\" role=\"separator\" />);\n      }\n    });\n\n    // Render grouped options\n    grouped.forEach((options, groupLabel) => {\n      elements.push(\n        <div class=\"dropdown-group-header\" role=\"presentation\">\n          {groupLabel}\n        </div>,\n      );\n      options.forEach(opt => {\n        elements.push(this.renderOption(opt, globalIndex++));\n      });\n    });\n\n    return elements;\n  }\n\n  render() {\n    const dropdownWidth = this.width || (this.triggerWidth ? `${this.triggerWidth}px` : undefined);\n\n    return (\n      <Host>\n        <le-popover\n          ref={el => (this.popoverEl = el)}\n          position=\"bottom\"\n          align=\"start\"\n          showClose={false}\n          closeOnClickOutside={this.closeOnClickOutside}\n          closeOnEscape={true}\n          offset={4}\n          width={dropdownWidth}\n          minWidth=\"150px\"\n          trigger-full-width={this.fullWidth}\n          onLePopoverOpen={this.handlePopoverOpen}\n          onLePopoverClose={this.handlePopoverClose}\n        >\n          <slot name=\"trigger\" slot=\"trigger\" />\n          <slot name=\"header\" />\n          <div\n            class=\"dropdown-list\"\n            role=\"listbox\"\n            aria-multiselectable={this.multiple ? 'true' : undefined}\n            ref={el => (this.listEl = el)}\n            style={{ maxHeight: this.maxHeight }}\n          >\n            {this.renderOptions()}\n          </div>\n        </le-popover>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"le-dropdown-base.js","sourceRoot":"","sources":["../../../src/components/le-dropdown-base/le-dropdown-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { LeOption, LeOptionValue, LeOptionSelectDetail } from '../../types/options';\nimport { generateId } from '../../utils/utils';\n\n/**\n * Internal dropdown base component that provides shared functionality\n * for select, combobox, and multiselect components.\n *\n * Wraps le-popover for positioning and provides:\n * - Option list rendering with groups\n * - Keyboard navigation (↑↓, Enter, Escape, Home/End)\n * - Option filtering support\n * - Single and multi-select modes\n *\n * @cmsInternal true\n * @cmsCategory System\n *\n * @slot trigger - The element that triggers the dropdown\n */\n@Component({\n  tag: 'le-dropdown-base',\n  styleUrl: 'le-dropdown-base.css',\n  shadow: true,\n})\nexport class LeDropdownBase {\n  @Element() el: HTMLElement;\n\n  /**\n   * The options to display in the dropdown.\n   */\n  @Prop() options: LeOption[] = [];\n\n  /**\n   * Current value(s) - single value or array for multiselect.\n   */\n  @Prop() value?: LeOptionValue | LeOptionValue[];\n\n  /**\n   * Whether multiple selection is allowed.\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * Whether the dropdown is open.\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Whether the dropdown is disabled.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Filter function for options.\n   * Return true to include the option.\n   */\n  @Prop() filterFn?: (option: LeOption, query: string) => boolean;\n\n  /**\n   * Current filter query string.\n   */\n  @Prop() filterQuery: string = '';\n\n  /**\n   * Placeholder text when no options match filter.\n   */\n  @Prop() emptyText: string = 'No options';\n\n  /**\n   * Whether to show checkboxes for multiselect mode.\n   */\n  @Prop() showCheckboxes: boolean = true;\n\n  /**\n   * Maximum height of the dropdown list.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the dropdown. If not set, matches trigger width.\n   */\n  @Prop() width?: string;\n\n  /**\n   * Sets the dropdown to full width of the trigger.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Whether to close the dropdown when clicking outside.\n   * (used to support combobox with input focus)\n   */\n  @Prop() closeOnClickOutside: boolean = true;\n\n  /**\n   * Emitted when an option is selected.\n   */\n  @Event() leOptionSelect: EventEmitter<LeOptionSelectDetail>;\n\n  /**\n   * Emitted when the dropdown opens.\n   */\n  @Event() leDropdownOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the dropdown closes.\n   */\n  @Event() leDropdownClose: EventEmitter<void>;\n\n  @State() private focusedIndex: number = -1;\n  @State() private filteredOptions: LeOption[] = [];\n\n  private popoverEl?: HTMLLePopoverElement;\n  private listEl?: HTMLElement;\n  private triggerWidth: number = 0;\n\n  @Watch('options')\n  @Watch('filterQuery')\n  handleOptionsChange() {\n    this.updateFilteredOptions();\n  }\n\n  componentWillLoad() {\n    this.updateFilteredOptions();\n  }\n\n  private updateFilteredOptions() {\n    // Remember previously focused option\n    const focusedOption = this.filteredOptions[this.focusedIndex];\n\n    if (!this.filterQuery || !this.filterFn) {\n      this.filteredOptions = this.options;\n    } else {\n      this.filteredOptions = this.options.filter(opt => this.filterFn!(opt, this.filterQuery));\n    }\n\n    // try to maintain focus on same option if still present\n    if (focusedOption) {\n      const newIndex = this.filteredOptions.indexOf(focusedOption);\n      this.focusedIndex = newIndex >= 0 ? newIndex : this.getInitialFocusIndex();\n    } else {\n      this.focusedIndex = -1;\n    }\n  }\n\n  private getSelectableOptions(): LeOption[] {\n    return this.filteredOptions.filter(opt => !opt.disabled);\n  }\n\n  private isSelected(option: LeOption): boolean {\n    const optValue = option.value ?? option.label;\n    if (this.multiple && Array.isArray(this.value)) {\n      setTimeout(() => {\n        this.popoverEl?.updatePosition();\n      }, 50);\n      return this.value.includes(optValue);\n    }\n    return this.value === optValue;\n  }\n\n  private handleOptionClick(option: LeOption, e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (option.disabled) return;\n\n    this.leOptionSelect.emit({\n      value: option.value ?? option.label,\n      option,\n    });\n\n    // Close dropdown for single select\n    if (!this.multiple) {\n      this.hide();\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (!this.open) return;\n\n    const optionCount = this.filteredOptions.length;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        // check for the next non-disabled option and focus\n        let nextIndex = this.focusedIndex < optionCount - 1 ? this.focusedIndex + 1 : 0;\n        while (this.filteredOptions[nextIndex].disabled) {\n          nextIndex = ++nextIndex < optionCount ? nextIndex : 0;\n        }\n        this.focusedIndex = nextIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        // check for the previous non-disabled option and focus\n        let prevIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : optionCount - 1;\n        while (this.filteredOptions[prevIndex].disabled) {\n          prevIndex = --prevIndex >= 0 ? prevIndex : optionCount - 1;\n        }\n        this.focusedIndex = prevIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'Home':\n        e.preventDefault();\n        // check for the first non-disabled option and focus\n        let firstIndex = 0;\n        while (this.filteredOptions[firstIndex].disabled) {\n          firstIndex++;\n          if (firstIndex >= optionCount) {\n            firstIndex = -1;\n            break;\n          }\n        }\n        this.focusedIndex = firstIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'End':\n        e.preventDefault();\n        // check for the last non-disabled option and focus\n        let lastIndex = optionCount - 1;\n        while (this.filteredOptions[lastIndex].disabled) {\n          lastIndex--;\n          if (lastIndex < 0) {\n            lastIndex = -1;\n            break;\n          }\n        }\n        this.focusedIndex = lastIndex;\n        this.scrollToFocused();\n        break;\n\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (this.focusedIndex >= 0 && this.focusedIndex < optionCount) {\n          const option = this.filteredOptions[this.focusedIndex];\n          if (!option || option.disabled) return;\n          this.leOptionSelect.emit({\n            value: option.value ?? option.label,\n            option,\n          });\n          if (!this.multiple) {\n            this.hide();\n          }\n        }\n        break;\n\n      case 'Escape':\n        e.preventDefault();\n        this.hide();\n        break;\n\n      case 'Tab':\n        this.hide();\n        break;\n    }\n  };\n\n  private scrollToFocused() {\n    if (!this.listEl || this.focusedIndex < 0) return;\n\n    const focusedEl = this.listEl.querySelector(\n      `[data-index=\"${this.focusedIndex}\"]`,\n    ) as HTMLElement;\n    if (focusedEl) {\n      focusedEl.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  private handlePopoverOpen = () => {\n    this.open = true;\n    this.focusedIndex = this.getInitialFocusIndex();\n    this.leDropdownOpen.emit();\n\n    // Add keyboard listener\n    document.addEventListener('keydown', this.handleKeyDown);\n  };\n\n  private handlePopoverClose = () => {\n    this.open = false;\n    this.focusedIndex = -1;\n    this.leDropdownClose.emit();\n\n    // Remove keyboard listener\n    document.removeEventListener('keydown', this.handleKeyDown);\n  };\n\n  private getInitialFocusIndex(): number {\n    // Focus on first selected option, or first option\n    const selectableOptions = this.getSelectableOptions();\n    const selectedIndex = selectableOptions.findIndex(opt => this.isSelected(opt));\n    return selectedIndex >= 0 ? selectedIndex : 0;\n  }\n\n  /**\n   * Opens the dropdown.\n   */\n  @Method()\n  async show() {\n    if (this.disabled) return;\n\n    // Capture trigger width for matching dropdown width\n    const trigger = this.el.querySelector('[slot=\"trigger\"]') as HTMLElement;\n    if (trigger) {\n      this.triggerWidth = trigger.offsetWidth;\n    }\n\n    await this.popoverEl?.show();\n  }\n\n  /**\n   * Closes the dropdown.\n   */\n  @Method()\n  async hide() {\n    await this.popoverEl?.hide();\n  }\n\n  /**\n   * Toggles the dropdown.\n   */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  private renderIcon(icon: string | undefined, className: string) {\n    if (!icon) return null;\n\n    if (icon.startsWith('http') || icon.startsWith('/')) {\n      return <img class={className} src={icon} alt=\"\" />;\n    }\n\n    return <span class={className}>{icon}</span>;\n  }\n\n  private renderOption(option: LeOption, index: number) {\n    const isSelected = this.isSelected(option);\n    const isFocused = index === this.focusedIndex;\n    const optionId = option.id || generateId();\n\n    return (\n      <div\n        class={{\n          'dropdown-option': true,\n          'is-selected': isSelected,\n          'is-focused': isFocused,\n          'is-disabled': !!option.disabled,\n        }}\n        role=\"option\"\n        id={optionId}\n        aria-selected={isSelected ? 'true' : 'false'}\n        aria-disabled={option.disabled ? 'true' : undefined}\n        data-index={index}\n        onClick={e => this.handleOptionClick(option, e)}\n        onMouseEnter={() => {\n          if (!option.disabled) {\n            this.focusedIndex = index;\n          }\n        }}\n      >\n        {this.renderIcon(option.iconStart, 'option-icon-start')}\n        <div class=\"option-content\">\n          <span class=\"option-label\">{option.label}</span>\n          {option.description && <span class=\"option-description\">{option.description}</span>}\n        </div>\n        {this.renderIcon(option.iconEnd, 'option-icon-end')}\n        {(!this.multiple || this.showCheckboxes) && isSelected && (\n          <span class=\"option-check\">\n            <svg viewBox=\"0 0 16 16\" fill=\"currentColor\">\n              <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\" />\n            </svg>\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    if (this.filteredOptions.length === 0) {\n      return <div class=\"dropdown-empty\">{this.emptyText}</div>;\n    }\n\n    // Group options if they have group property\n    const grouped = new Map<string, LeOption[]>();\n    const ungrouped: LeOption[] = [];\n\n    this.filteredOptions.forEach(opt => {\n      if (opt.group) {\n        const group = grouped.get(opt.group) || [];\n        group.push(opt);\n        grouped.set(opt.group, group);\n      } else {\n        ungrouped.push(opt);\n      }\n    });\n\n    // Build flat list with group headers for index tracking\n    let globalIndex = 0;\n    const elements: any[] = [];\n\n    // Render ungrouped options first\n    ungrouped.forEach(opt => {\n      if (opt.separator === 'before') {\n        elements.push(<div class=\"dropdown-separator\" role=\"separator\" />);\n      }\n      elements.push(this.renderOption(opt, globalIndex++));\n      if (opt.separator === 'after') {\n        elements.push(<div class=\"dropdown-separator\" role=\"separator\" />);\n      }\n    });\n\n    // Render grouped options\n    grouped.forEach((options, groupLabel) => {\n      elements.push(\n        <div class=\"dropdown-group-header\" role=\"presentation\">\n          {groupLabel}\n        </div>,\n      );\n      options.forEach(opt => {\n        elements.push(this.renderOption(opt, globalIndex++));\n      });\n    });\n\n    return elements;\n  }\n\n  render() {\n    const dropdownWidth = this.width || (this.triggerWidth ? `${this.triggerWidth}px` : undefined);\n\n    return (\n      <Host>\n        <le-popover\n          ref={el => (this.popoverEl = el)}\n          position=\"bottom\"\n          align=\"start\"\n          showClose={false}\n          closeOnClickOutside={this.closeOnClickOutside}\n          closeOnEscape={true}\n          offset={4}\n          width={dropdownWidth}\n          minWidth=\"150px\"\n          trigger-full-width={this.fullWidth}\n          onLePopoverOpen={this.handlePopoverOpen}\n          onLePopoverClose={this.handlePopoverClose}\n        >\n          <slot name=\"trigger\" slot=\"trigger\" />\n          <slot name=\"header\" />\n          <div\n            class=\"dropdown-list\"\n            role=\"listbox\"\n            aria-multiselectable={this.multiple ? 'true' : undefined}\n            ref={el => (this.listEl = el)}\n            style={{ maxHeight: this.maxHeight }}\n          >\n            {this.renderOptions()}\n          </div>\n        </le-popover>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-header/le-header.js

@@ -44,49 +44,26 @@ import { classnames } from "../../utils/utils";
  * @cmsCategory Layout
  */
 export class LeHeader {
-    el;
-    /** Force static positioning (default). Ignored if `sticky` or `fixed` are true. */
-    isStatic = false;
-    /** Sticky positioning (in-flow). Ignored if `fixed` is true. */
-    sticky = false;
-    /** Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`. */
-    fixed = false;
-    /**
-     * Sticky-only reveal behavior (hide on scroll down, show on scroll up).
-     * - missing/false: disabled
-     * - true/empty attribute: enabled with default threshold (16)
-     * - number (as string): enabled and used as threshold
-     */
-    revealOnScroll;
-    /**
-     * Shrink trigger.
-     * - missing/0: disabled
-     * - number (px): shrink when scrollY >= that value (but never before header height)
-     * - css var name (e.g. --foo): shrink when scrollY >= resolved var value
-     * - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport
-     */
-    shrinkOffset;
-    /**
-     * If true, expand the header when hovered
-     */
-    expandOnHover = false;
-    /** Emits whenever scroll-driven state changes. */
-    leHeaderState;
-    /** Emits when the header shrinks/expands (only on change). */
-    leHeaderShrinkChange;
-    /** Emits when the header hides/shows (only on change). */
-    leHeaderVisibilityChange;
-    revealed = true;
-    shrunk = false;
-    placeholderHeight = null;
-    hoverActive = false;
-    disconnectModeObserver;
-    rafId = null;
-    measureRafId = null;
-    lastY = 0;
-    lastEmittedDirection = 'down';
-    headerEl;
-    shrinkSelectorEl;
+    constructor() {
+        /** Force static positioning (default). Ignored if `sticky` or `fixed` are true. */
+        this.isStatic = false;
+        /** Sticky positioning (in-flow). Ignored if `fixed` is true. */
+        this.sticky = false;
+        /** Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`. */
+        this.fixed = false;
+        /**
+         * If true, expand the header when hovered
+         */
+        this.expandOnHover = false;
+        this.revealed = true;
+        this.shrunk = false;
+        this.placeholderHeight = null;
+        this.hoverActive = false;
+        this.rafId = null;
+        this.measureRafId = null;
+        this.lastY = 0;
+        this.lastEmittedDirection = 'down';
+    }
     setShrunk(next, y) {
         if (next === this.shrunk)
             return;
@@ -268,7 +245,7 @@ export class LeHeader {
             'is-hidden': !this.revealed,
             'is-shrunk': this.shrunk,
         });
-        return (h(Host, { key: 'd1a4ae64dff81139b1c35681698539fdf072ae66', class: hostClass, onMouseEnter: () => {
+        return (h(Host, { key: 'ade87accbc122a0eb84422598646da357570d7d0', class: hostClass, onMouseEnter: () => {
                 if (!this.expandOnHover)
                     return;
                 this.hoverActive = true;
@@ -278,7 +255,7 @@ export class LeHeader {
                     return;
                 this.hoverActive = false;
                 this.scheduleUpdate(true);
-            } }, h("le-component", { key: '305bc8b4aefaf2ef1dd7287422167cfd68d3e8c2', component: "le-header" }, h("header", { key: '1cf3b2ab01140e14870c1282e49e6eb3dbae5bf8', class: "header", part: "header", role: "banner", ref: el => (this.headerEl = el) }, h("div", { key: 'b238e3762dd31228f3ab3627fbca2ff1a9c630fd', class: "inner", part: "inner" }, h("div", { key: 'f186fbecc9c9b6f6f08f45c272c292af9333450e', class: "row", part: "row" }, h("div", { key: 'e496055801a36f4cf7a045513df2bc917a573786', class: "start", part: "start" }, h("le-slot", { key: '697b90a8291836452c17d2c9d3759c23b7238e93', name: "start", label: "Start", description: "Logo / back button / nav", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'e7e2b7ad283ce089def47d1f11f78a8a1603face', name: "start" }))), h("div", { key: '145aaadb93972b9018f9303baee2d5b3c42db319', class: "title", part: "title" }, h("le-slot", { key: 'c488ef0d01da476a6351ae4b7dfb397950f9c3ce', name: "title", label: "Title", description: "Header title", type: "text", tag: "span" }, h("span", { key: '78c21f46cbc81dc720e2f803cb3edc81ba5f76cf', class: "title-slot", part: "title" }, h("slot", { key: 'a47d5c8d4d0ae42b1cb4d7fab98022cbb380a27e', name: "title" })))), h("div", { key: '5fb7c5febcfb9b837f313caa65ea9b5e08b6f9cb', class: "end", part: "end" }, h("le-slot", { key: 'cc2ed75ea779a29e5c616daafec3ef90bbec3cfc', name: "end", label: "End", description: "Actions", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: '135e8c2c0d7a7d9bef174f380d1f31d377cb043f', name: "end" })))), h("div", { key: 'b0d9e5fba045b7cfd5640e7ba700cb44d673f982', class: "secondary", part: "secondary" }, h("le-slot", { key: '75ed60e3ddef918db1534f8818cd0f337c71e8db', name: "", label: "Secondary", description: "Secondary row content", "allowed-components": "le-tabs,le-tab-bar,le-select,le-combobox,le-text,le-stack,le-box" }, h("slot", { key: '1266dc5bb54bf22055acbfc23befb398c1ee5a31' }))))))));
+            } }, h("le-component", { key: 'dfe9a341d0f8ec702775ff68f2f7afb42bc878dc', component: "le-header" }, h("header", { key: '3239f73706082a6dfc5f7637f5ee8c793debd28f', class: "header", part: "header", role: "banner", ref: el => (this.headerEl = el) }, h("div", { key: '7e4b99e4b1a8bde81c340086d947598ff7bfd9a6', class: "inner", part: "inner" }, h("div", { key: 'b8fb2a8d42a07b35482de7553cd2f3bb608169d2', class: "row", part: "row" }, h("div", { key: '89cd5b7707ccb0626c0ecdf1c07494b184fdda1b', class: "start", part: "start" }, h("le-slot", { key: 'ee442e5f097bd3dcbc5b8376eb5eed024fe474b4', name: "start", label: "Start", description: "Logo / back button / nav", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'fbf43302c87d9e15cb6e848c1f2e7a30d37ee8f0', name: "start" }))), h("div", { key: '295165dbf2b29744d0687e426cd91665a320944f', class: "title", part: "title" }, h("le-slot", { key: '96aa340f844a15042a17c98610fd4da7e771f61a', name: "title", label: "Title", description: "Header title", type: "text", tag: "span" }, h("span", { key: 'f12cee8413e02e18d3a30a203f61165c4efce673', class: "title-slot", part: "title" }, h("slot", { key: 'dddb32fcf70ec8f16017626056668f325c701b99', name: "title" })))), h("div", { key: 'bc1c9d0deb4120d335de476211e41d86ea408621', class: "end", part: "end" }, h("le-slot", { key: '804482ee7e47f93147899cab94eedbdedc1ba63f', name: "end", label: "End", description: "Actions", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: '11bc31fd9875f1d38393606833328c31ac651ece', name: "end" })))), h("div", { key: '8351339444b373d88d9ac0cc4487b67a8c5267cd', class: "secondary", part: "secondary" }, h("le-slot", { key: 'ee99b61af146d91bfb0a84b1fac64ab8e077b85e', name: "", label: "Secondary", description: "Secondary row content", "allowed-components": "le-tabs,le-tab-bar,le-select,le-combobox,le-text,le-stack,le-box" }, h("slot", { key: '77fabff83384d721715bd0ba6efe129dad285875' }))))))));
     }
     static get is() { return "le-header"; }
     static get encapsulation() { return "shadow"; }