le-kit 0.1.15 → 0.1.16

package/dist/components/le-dropdown-base2.js.map

@@ -1 +1 @@
-{"file":"le-dropdown-base2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/le-dropdown-base/le-dropdown-base.css?tag=le-dropdown-base&encapsulation=shadow","src/components/le-dropdown-base/le-dropdown-base.tsx"],"sourcesContent":["/**\n * le-dropdown-base component styles\n *\n * Internal component - minimal styling, meant to be customized\n * by wrapper components (le-select, le-combobox, etc.)\n */\n\n:host {\n  display: block;\n  --le-dropdown-list-padding: var(--le-spacing-1);\n  --le-dropdown-empty-padding: var(--le-spacing-4);\n  --le-dropdown-option-radius: var(--le-radius-md);\n  --le-dropdown-font-size: var(--le-font-size-sm);\n  --le-dropdown-option-padding: var(--le-spacing-1) var(--le-spacing-2);\n  --le-dropdown-group-padding: var(--le-spacing-2) var(--le-spacing-2) var(--le-spacing-1);\n  --le-dropdown-group-font-size: var(--le-font-size-xs);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n/* Dropdown list container */\nle-popover::part(content) {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--le-dropdown-list-padding, 0.25rem);\n}\n\n/* Empty state */\n.dropdown-empty {\n  padding: var(--le-dropdown-empty-padding);\n  text-align: center;\n  color: var(--le-color-text-secondary, #9ca3af);\n  font-size: var(--le-dropdown-font-size);\n}\n\n/* Group header */\n.dropdown-group-header {\n  padding: var(--le-dropdown-group-padding);\n  font-size: var(--le-dropdown-group-font-size);\n  font-weight: 700;\n  color: var(--le-color-text-secondary, #9ca3af);\n  letter-spacing: 0.05em;\n}\n\n/* Separator */\n.dropdown-separator {\n  height: 1px;\n  margin: var(--le-dropdown-separator-margin, 0.25rem 0);\n  background: var(--le-color-border, #e5e7eb);\n}\n\n/* Option item */\n.dropdown-option {\n  display: flex;\n  align-items: center;\n  gap: var(--le-dropdown-option-gap, 0.5rem);\n  padding: var(--le-dropdown-option-padding);\n  font-size: var(--le-dropdown-font-size, 0.875rem);\n  line-height: 1.4;\n  color: var(--le-color-text, #1f2937);\n  border: 1px solid transparent;\n  border-radius: var(--le-dropdown-option-radius, 0.25rem);\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.1s ease;\n}\n\n.dropdown-option:hover,\n.dropdown-option.is-focused {\n  border-color: var(--le-color-border-hover, #d1d5db);\n}\n\n.dropdown-option.is-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.dropdown-option.is-disabled:hover {\n  background: transparent;\n}\n\n/* Checkbox for multiselect */\n.option-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  border: 2px solid var(--le-color-border, #d1d5db);\n  border-radius: 0.25rem;\n  background: var(--le-color-surface, #fff);\n  flex-shrink: 0;\n}\n\n.is-selected .option-checkbox {\n  background: var(--le-color-primary, #3b82f6);\n  border-color: var(--le-color-primary, #3b82f6);\n  color: white;\n}\n\n.option-checkbox svg {\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n/* Icons */\n.option-icon-start,\n.option-icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n.option-icon-start img,\n.option-icon-end img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n/* Content */\n.option-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.option-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.option-description {\n  font-size: 0.75rem;\n  color: var(--le-color-text-muted, #6b7280);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Check mark for single select */\n.option-check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  color: var(--le-color-primary, #3b82f6);\n  flex-shrink: 0;\n}\n\n.option-check svg {\n  width: 1rem;\n  height: 1rem;\n}\n","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-base2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/le-dropdown-base/le-dropdown-base.css?tag=le-dropdown-base&encapsulation=shadow","src/components/le-dropdown-base/le-dropdown-base.tsx"],"sourcesContent":["/**\n * le-dropdown-base component styles\n *\n * Internal component - minimal styling, meant to be customized\n * by wrapper components (le-select, le-combobox, etc.)\n */\n\n:host {\n  display: block;\n  --le-dropdown-list-padding: var(--le-spacing-1);\n  --le-dropdown-empty-padding: var(--le-spacing-4);\n  --le-dropdown-option-radius: var(--le-radius-md);\n  --le-dropdown-font-size: var(--le-font-size-sm);\n  --le-dropdown-option-padding: var(--le-spacing-1) var(--le-spacing-2);\n  --le-dropdown-group-padding: var(--le-spacing-2) var(--le-spacing-2) var(--le-spacing-1);\n  --le-dropdown-group-font-size: var(--le-font-size-xs);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n/* Dropdown list container */\nle-popover::part(content) {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--le-dropdown-list-padding, 0.25rem);\n}\n\n/* Empty state */\n.dropdown-empty {\n  padding: var(--le-dropdown-empty-padding);\n  text-align: center;\n  color: var(--le-color-text-secondary, #9ca3af);\n  font-size: var(--le-dropdown-font-size);\n}\n\n/* Group header */\n.dropdown-group-header {\n  padding: var(--le-dropdown-group-padding);\n  font-size: var(--le-dropdown-group-font-size);\n  font-weight: 700;\n  color: var(--le-color-text-secondary, #9ca3af);\n  letter-spacing: 0.05em;\n}\n\n.dropdown-list {\n  text-align: initial;\n}\n\n/* Separator */\n.dropdown-separator {\n  height: 1px;\n  margin: var(--le-dropdown-separator-margin, 0.25rem 0);\n  background: var(--le-color-border, #e5e7eb);\n}\n\n/* Option item */\n.dropdown-option {\n  display: flex;\n  align-items: center;\n  gap: var(--le-dropdown-option-gap, 0.5rem);\n  padding: var(--le-dropdown-option-padding);\n  font-size: var(--le-dropdown-font-size, 0.875rem);\n  line-height: 1.4;\n  color: var(--le-color-text, #1f2937);\n  border: 1px solid transparent;\n  border-radius: var(--le-dropdown-option-radius, 0.25rem);\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.1s ease;\n}\n\n.dropdown-option:hover,\n.dropdown-option.is-focused {\n  border-color: var(--le-color-border-hover, #d1d5db);\n}\n\n.dropdown-option.is-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.dropdown-option.is-disabled:hover {\n  background: transparent;\n}\n\n/* Checkbox for multiselect */\n.option-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  border: 2px solid var(--le-color-border, #d1d5db);\n  border-radius: 0.25rem;\n  background: var(--le-color-surface, #fff);\n  flex-shrink: 0;\n}\n\n.is-selected .option-checkbox {\n  background: var(--le-color-primary, #3b82f6);\n  border-color: var(--le-color-primary, #3b82f6);\n  color: white;\n}\n\n.option-checkbox svg {\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n/* Icons */\n.option-icon-start,\n.option-icon-end {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n.option-icon-start img,\n.option-icon-end img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n/* Content */\n.option-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.option-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.option-description {\n  font-size: 0.75rem;\n  color: var(--le-color-text-muted, #6b7280);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Check mark for single select */\n.option-check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  color: var(--le-color-primary, #3b82f6);\n  flex-shrink: 0;\n}\n\n.option-check svg {\n  width: 1rem;\n  height: 1rem;\n}\n","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}

package/dist/components/le-header-placeholder.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LeHeaderPlaceholder extends Components.LeHeaderPlaceholder, HTMLElement {}
+export const LeHeaderPlaceholder: {
+    prototype: LeHeaderPlaceholder;
+    new (): LeHeaderPlaceholder;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const LeHeaderPlaceholder$1 = /*@__PURE__*/ proxyCustomElement(class LeHeaderPlaceholder extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    render() {
+        return (h(Host, { key: '759dfba2a50f5d3240b78c46526f9d246098e4c3', "aria-hidden": "true", style: {
+                display: 'block',
+                height: 'var(--le-header-height, 64px)',
+            } }));
+    }
+}, [256, "le-header-placeholder"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["le-header-placeholder"];
+    components.forEach(tagName => { switch (tagName) {
+        case "le-header-placeholder":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LeHeaderPlaceholder$1);
+            }
+            break;
+    } });
+}
+
+const LeHeaderPlaceholder = LeHeaderPlaceholder$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LeHeaderPlaceholder, defineCustomElement };
+//# sourceMappingURL=le-header-placeholder.js.map
+
+//# sourceMappingURL=le-header-placeholder.js.map

package/dist/components/le-header-placeholder.js.map

@@ -0,0 +1 @@
+{"file":"le-header-placeholder.js","mappings":";;MAgBaA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;;;;;;;IAC9B,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,oEACS,MAAM,EAClB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,+BAA+B;aACxC,EAAA,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["LeHeaderPlaceholder","__stencil_proxyCustomElement"],"sources":["src/components/le-header-placeholder/le-header-placeholder.tsx"],"sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n/**\n * Placeholder for `le-header`.\n *\n * Reserves space using the global CSS variable `--le-header-height`.\n * The header component updates that variable when it renders.\n *\n * @cssprop --le-header-height - Published header height (px)\n *\n * @cmsInternal true\n */\n@Component({\n  tag: 'le-header-placeholder',\n  shadow: false,\n})\nexport class LeHeaderPlaceholder {\n  render() {\n    return (\n      <Host\n        aria-hidden=\"true\"\n        style={{\n          display: 'block',\n          height: 'var(--le-header-height, 64px)',\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/le-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LeHeader extends Components.LeHeader, HTMLElement {}
+export const LeHeader: {
+    prototype: LeHeader;
+    new (): LeHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/le-header.js

@@ -0,0 +1,347 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { h as classnames } from './utils.js';
+import { d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, c as defineCustomElement$5, e as defineCustomElement$8, f as defineCustomElement$9, g as defineCustomElement$a } from './le-button2.js';
+import { d as defineCustomElement$7 } from './le-dropdown-base2.js';
+import { d as defineCustomElement$6 } from './le-popover2.js';
+
+const leHeaderCss = ":host{display:block;width:100%;--le-header-top-offset:0;--le-header-bg:var(--le-color-surface);--le-header-max-width:var(--le-header-max-width, auto);--le-header-margin:0 auto;--le-header-border:1px solid var(--le-color-border);--le-header-border-radius:0px;--le-header-shadow:var(--le-header-shadow, none);--le-header-color:var(--le-color-text);--le-header-content-max-width:800px;--le-header-padding-x:var(--le-space-md);--le-header-padding-y:var(--le-space-sm);--le-header-gap:var(--le-space-sm);--le-header-transition:var(--le-transition-normal);--le-header-z:1000}.header{width:100%;max-width:var(--le-header-max-width);margin:var(--le-header-margin);background:var(--le-header-bg);color:var(--le-header-color);border-bottom:var(--le-header-border);border-radius:var(--le-header-border-radius);box-shadow:var(--le-header-shadow)}:host(.is-fixed){position:fixed;top:var(--le-header-top-offset);left:0;right:0;z-index:var(--le-header-z)}:host(.is-sticky){position:sticky;top:var(--le-header-top-offset);z-index:var(--le-header-z)}:host(.is-static){position:relative}.inner{max-width:var(--le-header-content-max-width);margin:0 auto;padding:var(--le-header-padding-y) var(--le-header-padding-x)}.row{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);align-items:center;gap:var(--le-header-gap);transition:height var(--le-header-transition),\n    padding var(--le-header-transition),\n    transform var(--le-header-transition)}:host(.is-shrunk) .row{height:var(--le-header-height-condensed)}:host(.is-sticky.is-hidden){transform:translateY(-150%);transition:transform var(--le-header-transition)}:host(.is-sticky.is-revealed){transform:translateY(0);transition:transform var(--le-header-transition)}.start,.title,.end{min-width:0;display:flex;align-items:center}.start{justify-content:flex-start}.end{justify-content:flex-end}.title{justify-content:center;text-align:center}.title-slot ::slotted(*){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-title{font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
+
+const LeHeader$1 = /*@__PURE__*/ proxyCustomElement(class LeHeader extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.leHeaderState = createEvent(this, "leHeaderState", 7);
+        this.leHeaderShrinkChange = createEvent(this, "leHeaderShrinkChange", 7);
+        this.leHeaderVisibilityChange = createEvent(this, "leHeaderVisibilityChange", 7);
+    }
+    get el() { return this; }
+    /** 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;
+    setShrunk(next, y) {
+        if (next === this.shrunk)
+            return;
+        this.shrunk = next;
+        this.leHeaderShrinkChange.emit({ shrunk: this.shrunk, y });
+    }
+    componentDidLoad() {
+        if (typeof window === 'undefined')
+            return;
+        this.lastY = window.scrollY || 0;
+        this.scheduleMeasure(true);
+        this.scheduleUpdate(true);
+    }
+    disconnectedCallback() {
+        this.disconnectModeObserver?.();
+        if (this.rafId != null) {
+            cancelAnimationFrame(this.rafId);
+            this.rafId = null;
+        }
+        if (this.measureRafId != null) {
+            cancelAnimationFrame(this.measureRafId);
+            this.measureRafId = null;
+        }
+    }
+    onBehaviorPropsChange() {
+        this.scheduleUpdate(true);
+        this.scheduleMeasure(true);
+    }
+    onWindowScroll() {
+        this.scheduleUpdate();
+    }
+    onWindowResize() {
+        this.scheduleMeasure(true);
+        this.scheduleUpdate(true);
+    }
+    getPosition() {
+        if (this.fixed)
+            return 'fixed';
+        if (this.sticky)
+            return 'sticky';
+        return 'static';
+    }
+    parseRevealThreshold() {
+        // Only applies in sticky mode.
+        if (!this.sticky || this.fixed)
+            return null;
+        if (this.revealOnScroll == null)
+            return null;
+        const raw = String(this.revealOnScroll).trim();
+        if (raw === '' || raw === 'true')
+            return 16;
+        if (raw === 'false')
+            return null;
+        const n = Number(raw);
+        return Number.isFinite(n) ? Math.max(0, n) : 16;
+    }
+    resolveShrinkStartPx() {
+        const raw = (this.shrinkOffset ?? '').trim();
+        if (!raw || raw === '0')
+            return null;
+        // Numeric
+        const numeric = Number(raw);
+        if (Number.isFinite(numeric))
+            return Math.max(0, numeric);
+        // CSS variable name
+        if (raw.startsWith('--')) {
+            const value = getComputedStyle(document.documentElement).getPropertyValue(raw).trim();
+            const v = Number(value.replace('px', '').trim());
+            return Number.isFinite(v) ? Math.max(0, v) : null;
+        }
+        // Selector
+        try {
+            const el = document.querySelector(raw);
+            this.shrinkSelectorEl = el;
+            return null;
+        }
+        catch {
+            this.shrinkSelectorEl = null;
+            return null;
+        }
+    }
+    scheduleUpdate(force = false) {
+        if (this.rafId != null) {
+            if (!force)
+                return;
+            cancelAnimationFrame(this.rafId);
+            this.rafId = null;
+        }
+        this.rafId = requestAnimationFrame(() => {
+            this.rafId = null;
+            this.updateFromScroll();
+        });
+    }
+    scheduleMeasure(force = false) {
+        if (this.measureRafId != null && !force)
+            return;
+        this.measureRafId = requestAnimationFrame(() => {
+            this.measureRafId = null;
+            this.measurePlaceholderHeight();
+        });
+    }
+    measurePlaceholderHeight() {
+        // Measure the rendered header height once (and on resize/mode change).
+        // This intentionally ignores scroll/shrink behavior; it should reserve the full header height.
+        if (!this.headerEl)
+            return;
+        const next = Math.ceil(this.headerEl.getBoundingClientRect().height);
+        if (!Number.isFinite(next) || next <= 0)
+            return;
+        if (next !== this.placeholderHeight) {
+            this.placeholderHeight = next;
+            // Publish to global root so placeholders anywhere can read it.
+            if (typeof document !== 'undefined') {
+                document.documentElement.style.setProperty('--le-header-height', `${next}px`);
+            }
+        }
+    }
+    updateFromScroll() {
+        const y = typeof window !== 'undefined' ? window.scrollY || 0 : 0;
+        const delta = y - this.lastY;
+        const direction = delta < 0 ? 'up' : 'down';
+        // Shrink behavior
+        let computedShrunk = false;
+        const headerHeight = Math.max(0, this.placeholderHeight ?? 0);
+        const shrinkStartPx = typeof window !== 'undefined' ? this.resolveShrinkStartPx() : null;
+        if (this.shrinkSelectorEl) {
+            const rect = this.shrinkSelectorEl.getBoundingClientRect();
+            computedShrunk = rect.bottom <= 0;
+        }
+        else if (shrinkStartPx != null) {
+            const effectiveStart = Math.max(shrinkStartPx, headerHeight);
+            computedShrunk = y >= effectiveStart;
+        }
+        // Hover override: when enabled and hovered, force expanded.
+        const nextShrunk = this.expandOnHover && this.hoverActive ? false : computedShrunk;
+        this.setShrunk(nextShrunk, y);
+        // Reveal-on-scroll (sticky-only)
+        const revealThreshold = this.parseRevealThreshold();
+        if (revealThreshold != null) {
+            // Always show the header near the top of the page.
+            const topLock = Math.max(0, this.placeholderHeight ?? 0);
+            if (y <= topLock) {
+                if (!this.revealed) {
+                    this.revealed = true;
+                    this.leHeaderVisibilityChange.emit({ visible: true, y });
+                }
+            }
+            else if (Math.abs(delta) >= revealThreshold) {
+                const nextRevealed = direction === 'up' || y <= 0;
+                if (nextRevealed !== this.revealed) {
+                    this.revealed = nextRevealed;
+                    this.leHeaderVisibilityChange.emit({ visible: this.revealed, y });
+                }
+                this.lastEmittedDirection = direction;
+            }
+        }
+        else {
+            if (!this.revealed) {
+                this.revealed = true;
+                this.leHeaderVisibilityChange.emit({ visible: true, y });
+            }
+        }
+        this.lastY = y;
+        this.leHeaderState.emit({
+            y,
+            direction: this.lastEmittedDirection,
+            revealed: this.revealed,
+            shrunk: this.shrunk,
+        });
+    }
+    render() {
+        const position = this.getPosition();
+        const hostClass = classnames('le-header', {
+            'header-is-shrunk': this.shrunk,
+            'is-fixed': position === 'fixed',
+            'is-sticky': position === 'sticky',
+            'is-static': position === 'static',
+            'is-revealed': this.revealed,
+            'is-hidden': !this.revealed,
+            'is-shrunk': this.shrunk,
+        });
+        return (h(Host, { key: '3fc823975a0ebcae3cb799bf94e35a289813cd35', class: hostClass, onMouseEnter: () => {
+                if (!this.expandOnHover)
+                    return;
+                this.hoverActive = true;
+                this.scheduleUpdate(true);
+            }, onMouseLeave: () => {
+                if (!this.expandOnHover)
+                    return;
+                this.hoverActive = false;
+                this.scheduleUpdate(true);
+            } }, h("le-component", { key: 'bb8e3c5717112e427fd86a6af4231b33147769e7', component: "le-header" }, h("header", { key: 'da96d6a1eb91a85ea8050870895fcd13bdb28391', class: "header", part: "header", role: "banner", ref: el => (this.headerEl = el) }, h("div", { key: '04386a3d535189012655ee352822812349d386d7', class: "inner", part: "inner" }, h("div", { key: '4b1fc43ca08e981f3dc810a23c14e6ed3200a1de', class: "row", part: "row" }, h("div", { key: '8fad255865a0d2e2662f3ad1030d48f8586ae8c7', class: "start", part: "start" }, h("le-slot", { key: '702eeebfe3133dae44e5268848ce5cac81f3b306', name: "start", label: "Start", description: "Logo / back button / nav", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'bdd3478abbdcd46143ce8a79d096baab84d12588', name: "start" }))), h("div", { key: 'e5b7d3d42e28d80b2df89a3ab365a29b39544f14', class: "title", part: "title" }, h("le-slot", { key: 'b5a68c8baaf05769ea838ca0482fa1db52b03b3a', name: "title", label: "Title", description: "Header title", type: "text", tag: "span" }, h("span", { key: '91763f968886e052a637959253863e583da51b76', class: "title-slot", part: "title" }, h("slot", { key: '060be7c91cca50c26db56cd15ad5d38962c8003f', name: "title" })))), h("div", { key: '938222741cbe15e531ff355185c4f599a3d26147', class: "end", part: "end" }, h("le-slot", { key: '8e1c91426dc87f1bdcb98d33b7da4cc6988781cf', name: "end", label: "End", description: "Actions", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: '67e4bda7e7c754dda5a7d9505a9b451f2487f47b', name: "end" })))), h("div", { key: '84dfedd30ec9bd49b668b2e1676ce3712b9d2faf', class: "secondary", part: "secondary" }, h("le-slot", { key: '95c56a8e3dbaaf284b03d72f1d9ec01d24c148d2', 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: '240df8fc23a9bc4e7aa294c52b229c7abf7c427d' }))))))));
+    }
+    static get watchers() { return {
+        "revealOnScroll": ["onBehaviorPropsChange"],
+        "shrinkOffset": ["onBehaviorPropsChange"],
+        "fixed": ["onBehaviorPropsChange"],
+        "sticky": ["onBehaviorPropsChange"],
+        "isStatic": ["onBehaviorPropsChange"]
+    }; }
+    static get style() { return leHeaderCss; }
+}, [769, "le-header", {
+        "isStatic": [516, "static"],
+        "sticky": [516],
+        "fixed": [516],
+        "revealOnScroll": [513, "reveal-on-scroll"],
+        "shrinkOffset": [513, "shrink-offset"],
+        "expandOnHover": [516, "expand-on-hover"],
+        "revealed": [32],
+        "shrunk": [32],
+        "placeholderHeight": [32],
+        "hoverActive": [32]
+    }, [[9, "scroll", "onWindowScroll"], [9, "resize", "onWindowResize"]], {
+        "revealOnScroll": ["onBehaviorPropsChange"],
+        "shrinkOffset": ["onBehaviorPropsChange"],
+        "fixed": ["onBehaviorPropsChange"],
+        "sticky": ["onBehaviorPropsChange"],
+        "isStatic": ["onBehaviorPropsChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["le-header", "le-button", "le-checkbox", "le-component", "le-dropdown-base", "le-popover", "le-popup", "le-select", "le-slot", "le-string-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "le-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LeHeader$1);
+            }
+            break;
+        case "le-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "le-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "le-component":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "le-dropdown-base":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "le-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "le-popup":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "le-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "le-slot":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "le-string-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const LeHeader = LeHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LeHeader, defineCustomElement };
+//# sourceMappingURL=le-header.js.map
+
+//# sourceMappingURL=le-header.js.map

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

@@ -0,0 +1 @@
+{"file":"le-header.js","mappings":"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","names":["LeHeader","__stencil_proxyCustomElement"],"sources":["src/components/le-header/le-header.css?tag=le-header&encapsulation=shadow","src/components/le-header/le-header.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  /* Container styles */\n  /* Offset from the top of the page (e.g. if page has top padding or another fixed bar). */\n  --le-header-top-offset: 0;\n\n  --le-header-bg: var(--le-color-surface);\n  --le-header-max-width: var(--le-header-max-width, auto);\n  --le-header-margin: 0 auto;\n  --le-header-border: 1px solid var(--le-color-border);\n  --le-header-border-radius: 0px;\n  --le-header-shadow: var(--le-header-shadow, none);\n\n  /* Content styles */\n  --le-header-color: var(--le-color-text);\n  --le-header-content-max-width: 800px;\n  --le-header-padding-x: var(--le-space-md);\n  --le-header-padding-y: var(--le-space-sm);\n  --le-header-gap: var(--le-space-sm);\n\n  --le-header-transition: var(--le-transition-normal);\n  --le-header-z: 1000;\n}\n\n.header {\n  width: 100%;\n  max-width: var(--le-header-max-width);\n  margin: var(--le-header-margin);\n  background: var(--le-header-bg);\n  color: var(--le-header-color);\n  border-bottom: var(--le-header-border);\n  border-radius: var(--le-header-border-radius);\n  box-shadow: var(--le-header-shadow);\n}\n\n:host(.is-fixed) {\n  position: fixed;\n  top: var(--le-header-top-offset);\n  left: 0;\n  right: 0;\n  z-index: var(--le-header-z);\n}\n\n:host(.is-sticky) {\n  position: sticky;\n  top: var(--le-header-top-offset);\n  z-index: var(--le-header-z);\n}\n\n:host(.is-static) {\n  position: relative;\n}\n\n.inner {\n  max-width: var(--le-header-content-max-width);\n  margin: 0 auto;\n  padding: var(--le-header-padding-y) var(--le-header-padding-x);\n}\n\n.row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);\n  align-items: center;\n  gap: var(--le-header-gap);\n  transition:\n    height var(--le-header-transition),\n    padding var(--le-header-transition),\n    transform var(--le-header-transition);\n}\n\n:host(.is-shrunk) .row {\n  height: var(--le-header-height-condensed);\n}\n\n/* reveal behavior (sticky only) */\n:host(.is-sticky.is-hidden) {\n  transform: translateY(-150%);\n  transition: transform var(--le-header-transition);\n}\n\n:host(.is-sticky.is-revealed) {\n  transform: translateY(0);\n  transition: transform var(--le-header-transition);\n}\n\n.start,\n.title,\n.end {\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n.start {\n  justify-content: flex-start;\n}\n\n.end {\n  justify-content: flex-end;\n}\n\n.title {\n  justify-content: center;\n  text-align: center;\n}\n\n.title-slot ::slotted(*) {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact-title {\n  font: inherit;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { classnames } from '../../utils/utils';\n\nexport type LeHeaderPosition = 'static' | 'sticky' | 'fixed';\n\n/**\n * A functional page header with scroll-aware behaviors.\n *\n * Features:\n * - Static (default), sticky, or fixed positioning\n * - Optional shrink-on-scroll behavior via `shrink-offset`\n * - Optional reveal-on-scroll-up via `reveal-on-scroll` (sticky only)\n *\n * Slots:\n * - `start`: left side (logo/back button)\n * - `title`: centered/primary title content\n * - `end`: right side actions\n * - default: extra content row (e.g., tabs/search) rendered below main row\n *\n * @slot start - Start area content\n * @slot title - Title content\n * @slot end - End area content\n * @slot - Optional secondary row content\n *\n * @cssprop --le-header-bg - Background (color/gradient)\n * @cssprop --le-header-color - Text color\n * @cssprop --le-header-border - Border (e.g. 1px solid ...)\n * @cssprop --le-header-shadow - Shadow/elevation\n * @cssprop --le-header-max-width - Inner content max width\n * @cssprop --le-header-padding-x - Horizontal padding\n * @cssprop --le-header-padding-y - Vertical padding\n * @cssprop --le-header-gap - Gap between zones\n * @cssprop --le-header-height - Base height (main row)\n * @cssprop --le-header-height-condensed - Condensed height when shrunk\n * @cssprop --le-header-transition - Transition timing\n * @cssprop --le-header-z - Z-index (fixed mode)\n *\n * @csspart header - The header container\n * @csspart inner - Inner max-width container\n * @csspart row - Main row\n * @csspart start - Start zone\n * @csspart title - Title zone\n * @csspart end - End zone\n * @csspart secondary - Secondary row\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-header',\n  styleUrl: 'le-header.css',\n  shadow: true,\n})\nexport class LeHeader {\n  @Element() el: HTMLElement;\n\n  /** Force static positioning (default). Ignored if `sticky` or `fixed` are true. */\n  @Prop({ attribute: 'static', reflect: true }) isStatic: boolean = false;\n\n  /** Sticky positioning (in-flow). Ignored if `fixed` is true. */\n  @Prop({ reflect: true }) sticky: boolean = false;\n\n  /** Fixed positioning (out-of-flow). Takes precedence over `sticky`/`static`. */\n  @Prop({ reflect: true }) fixed: boolean = false;\n\n  /**\n   * Sticky-only reveal behavior (hide on scroll down, show on scroll up).\n   * - missing/false: disabled\n   * - true/empty attribute: enabled with default threshold (16)\n   * - number (as string): enabled and used as threshold\n   */\n  @Prop({ attribute: 'reveal-on-scroll', reflect: true }) revealOnScroll?: string;\n\n  /**\n   * Shrink trigger.\n   * - missing/0: disabled\n   * - number (px): shrink when scrollY >= that value (but never before header height)\n   * - css var name (e.g. --foo): shrink when scrollY >= resolved var value\n   * - selector (e.g. .page-title): shrink when that element scrolls out of view above the viewport\n   */\n  @Prop({ attribute: 'shrink-offset', reflect: true }) shrinkOffset?: string;\n\n  /**\n   * If true, expand the header when hovered\n   */\n  @Prop({ attribute: 'expand-on-hover', reflect: true }) expandOnHover: boolean = false;\n\n  /** Emits whenever scroll-driven state changes. */\n  @Event() leHeaderState: EventEmitter<{\n    y: number;\n    direction: 'up' | 'down';\n    revealed: boolean;\n    shrunk: boolean;\n  }>;\n\n  /** Emits when the header shrinks/expands (only on change). */\n  @Event({ bubbles: true, composed: true })\n  leHeaderShrinkChange: EventEmitter<{ shrunk: boolean; y: number }>;\n\n  /** Emits when the header hides/shows (only on change). */\n  @Event({ bubbles: true, composed: true })\n  leHeaderVisibilityChange: EventEmitter<{ visible: boolean; y: number }>;\n\n  @State() private revealed: boolean = true;\n  @State() private shrunk: boolean = false;\n  @State() private placeholderHeight: number | null = null;\n  @State() private hoverActive: boolean = false;\n\n  private disconnectModeObserver?: () => void;\n  private rafId: number | null = null;\n  private measureRafId: number | null = null;\n  private lastY: number = 0;\n  private lastEmittedDirection: 'up' | 'down' = 'down';\n  private headerEl?: HTMLElement;\n  private shrinkSelectorEl?: Element | null;\n\n  private setShrunk(next: boolean, y: number) {\n    if (next === this.shrunk) return;\n    this.shrunk = next;\n    this.leHeaderShrinkChange.emit({ shrunk: this.shrunk, y });\n  }\n\n  componentDidLoad() {\n    if (typeof window === 'undefined') return;\n    this.lastY = window.scrollY || 0;\n    this.scheduleMeasure(true);\n    this.scheduleUpdate(true);\n  }\n\n  disconnectedCallback() {\n    this.disconnectModeObserver?.();\n    if (this.rafId != null) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n\n    if (this.measureRafId != null) {\n      cancelAnimationFrame(this.measureRafId);\n      this.measureRafId = null;\n    }\n  }\n\n  @Watch('revealOnScroll')\n  @Watch('shrinkOffset')\n  @Watch('fixed')\n  @Watch('sticky')\n  @Watch('isStatic')\n  protected onBehaviorPropsChange() {\n    this.scheduleUpdate(true);\n    this.scheduleMeasure(true);\n  }\n\n  @Listen('scroll', { target: 'window', passive: true })\n  protected onWindowScroll() {\n    this.scheduleUpdate();\n  }\n\n  @Listen('resize', { target: 'window', passive: true })\n  protected onWindowResize() {\n    this.scheduleMeasure(true);\n    this.scheduleUpdate(true);\n  }\n\n  private getPosition(): LeHeaderPosition {\n    if (this.fixed) return 'fixed';\n    if (this.sticky) return 'sticky';\n    return 'static';\n  }\n\n  private parseRevealThreshold(): number | null {\n    // Only applies in sticky mode.\n    if (!this.sticky || this.fixed) return null;\n    if (this.revealOnScroll == null) return null;\n    const raw = String(this.revealOnScroll).trim();\n    if (raw === '' || raw === 'true') return 16;\n    if (raw === 'false') return null;\n    const n = Number(raw);\n    return Number.isFinite(n) ? Math.max(0, n) : 16;\n  }\n\n  private resolveShrinkStartPx(): number | null {\n    const raw = (this.shrinkOffset ?? '').trim();\n    if (!raw || raw === '0') return null;\n\n    // Numeric\n    const numeric = Number(raw);\n    if (Number.isFinite(numeric)) return Math.max(0, numeric);\n\n    // CSS variable name\n    if (raw.startsWith('--')) {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(raw).trim();\n      const v = Number(value.replace('px', '').trim());\n      return Number.isFinite(v) ? Math.max(0, v) : null;\n    }\n\n    // Selector\n    try {\n      const el = document.querySelector(raw);\n      this.shrinkSelectorEl = el;\n      return null;\n    } catch {\n      this.shrinkSelectorEl = null;\n      return null;\n    }\n  }\n\n  private scheduleUpdate(force: boolean = false) {\n    if (this.rafId != null) {\n      if (!force) return;\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n    this.rafId = requestAnimationFrame(() => {\n      this.rafId = null;\n      this.updateFromScroll();\n    });\n  }\n\n  private scheduleMeasure(force: boolean = false) {\n    if (this.measureRafId != null && !force) return;\n    this.measureRafId = requestAnimationFrame(() => {\n      this.measureRafId = null;\n      this.measurePlaceholderHeight();\n    });\n  }\n\n  private measurePlaceholderHeight() {\n    // Measure the rendered header height once (and on resize/mode change).\n    // This intentionally ignores scroll/shrink behavior; it should reserve the full header height.\n    if (!this.headerEl) return;\n\n    const next = Math.ceil(this.headerEl.getBoundingClientRect().height);\n    if (!Number.isFinite(next) || next <= 0) return;\n\n    if (next !== this.placeholderHeight) {\n      this.placeholderHeight = next;\n      // Publish to global root so placeholders anywhere can read it.\n      if (typeof document !== 'undefined') {\n        document.documentElement.style.setProperty('--le-header-height', `${next}px`);\n      }\n    }\n  }\n\n  private updateFromScroll() {\n    const y = typeof window !== 'undefined' ? window.scrollY || 0 : 0;\n    const delta = y - this.lastY;\n\n    const direction: 'up' | 'down' = delta < 0 ? 'up' : 'down';\n\n    // Shrink behavior\n    let computedShrunk = false;\n    const headerHeight = Math.max(0, this.placeholderHeight ?? 0);\n    const shrinkStartPx = typeof window !== 'undefined' ? this.resolveShrinkStartPx() : null;\n\n    if (this.shrinkSelectorEl) {\n      const rect = (this.shrinkSelectorEl as HTMLElement).getBoundingClientRect();\n      computedShrunk = rect.bottom <= 0;\n    } else if (shrinkStartPx != null) {\n      const effectiveStart = Math.max(shrinkStartPx, headerHeight);\n      computedShrunk = y >= effectiveStart;\n    }\n\n    // Hover override: when enabled and hovered, force expanded.\n    const nextShrunk = this.expandOnHover && this.hoverActive ? false : computedShrunk;\n    this.setShrunk(nextShrunk, y);\n\n    // Reveal-on-scroll (sticky-only)\n    const revealThreshold = this.parseRevealThreshold();\n    if (revealThreshold != null) {\n      // Always show the header near the top of the page.\n      const topLock = Math.max(0, this.placeholderHeight ?? 0);\n      if (y <= topLock) {\n        if (!this.revealed) {\n          this.revealed = true;\n          this.leHeaderVisibilityChange.emit({ visible: true, y });\n        }\n      } else if (Math.abs(delta) >= revealThreshold) {\n        const nextRevealed = direction === 'up' || y <= 0;\n        if (nextRevealed !== this.revealed) {\n          this.revealed = nextRevealed;\n          this.leHeaderVisibilityChange.emit({ visible: this.revealed, y });\n        }\n        this.lastEmittedDirection = direction;\n      }\n    } else {\n      if (!this.revealed) {\n        this.revealed = true;\n        this.leHeaderVisibilityChange.emit({ visible: true, y });\n      }\n    }\n\n    this.lastY = y;\n\n    this.leHeaderState.emit({\n      y,\n      direction: this.lastEmittedDirection,\n      revealed: this.revealed,\n      shrunk: this.shrunk,\n    });\n  }\n\n  render() {\n    const position = this.getPosition();\n\n    const hostClass = classnames('le-header', {\n      'header-is-shrunk': this.shrunk,\n      'is-fixed': position === 'fixed',\n      'is-sticky': position === 'sticky',\n      'is-static': position === 'static',\n      'is-revealed': this.revealed,\n      'is-hidden': !this.revealed,\n      'is-shrunk': this.shrunk,\n    });\n\n    return (\n      <Host\n        class={hostClass}\n        onMouseEnter={() => {\n          if (!this.expandOnHover) return;\n          this.hoverActive = true;\n          this.scheduleUpdate(true);\n        }}\n        onMouseLeave={() => {\n          if (!this.expandOnHover) return;\n          this.hoverActive = false;\n          this.scheduleUpdate(true);\n        }}\n      >\n        <le-component component=\"le-header\">\n          <header\n            class=\"header\"\n            part=\"header\"\n            role=\"banner\"\n            ref={el => (this.headerEl = el as HTMLElement)}\n          >\n            <div class=\"inner\" part=\"inner\">\n              <div class=\"row\" part=\"row\">\n                <div class=\"start\" part=\"start\">\n                  <le-slot\n                    name=\"start\"\n                    label=\"Start\"\n                    description=\"Logo / back button / nav\"\n                    allowed-components=\"le-button,le-text,le-tag,le-box,le-stack\"\n                  >\n                    <slot name=\"start\"></slot>\n                  </le-slot>\n                </div>\n\n                <div class=\"title\" part=\"title\">\n                  <le-slot\n                    name=\"title\"\n                    label=\"Title\"\n                    description=\"Header title\"\n                    type=\"text\"\n                    tag=\"span\"\n                  >\n                    <span class=\"title-slot\" part=\"title\">\n                      <slot name=\"title\"></slot>\n                    </span>\n                  </le-slot>\n                </div>\n\n                <div class=\"end\" part=\"end\">\n                  <le-slot\n                    name=\"end\"\n                    label=\"End\"\n                    description=\"Actions\"\n                    allowed-components=\"le-button,le-text,le-tag,le-box,le-stack\"\n                  >\n                    <slot name=\"end\"></slot>\n                  </le-slot>\n                </div>\n              </div>\n\n              <div class=\"secondary\" part=\"secondary\">\n                <le-slot\n                  name=\"\"\n                  label=\"Secondary\"\n                  description=\"Secondary row content\"\n                  allowed-components=\"le-tabs,le-tab-bar,le-select,le-combobox,le-text,le-stack,le-box\"\n                >\n                  <slot></slot>\n                </le-slot>\n              </div>\n            </div>\n          </header>\n        </le-component>\n      </Host>\n    );\n  }\n}\n"],"version":3}