le-kit 0.2.4 → 0.2.6

package/dist/collection/components/le-bar/le-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"le-bar.js","sourceRoot":"","sources":["../../../src/components/le-bar/le-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Element,\n  Watch,\n  Host,\n  Method,\n  Listen,\n} from '@stencil/core';\nimport { classnames, generateId } from '../../utils/utils';\n\nexport interface LeBarOverflowChangeDetail {\n  /** IDs of items that are currently overflowing (in the \"more\" popover) */\n  overflowingIds: string[];\n  /** Whether hamburger mode is active */\n  hamburgerActive: boolean;\n}\n\n/**\n * A flexible bar component that handles overflow gracefully.\n *\n * Items are slotted children. The bar measures which items fit on the first\n * row and handles overflow according to the `overflow` prop.\n *\n * @slot - Bar items (children will be measured for overflow)\n * @slot more - Custom \"more\" button content\n * @slot hamburger - Custom hamburger button content\n * @slot start-arrow - Custom left scroll arrow\n * @slot end-arrow - Custom right scroll arrow\n * @slot all-menu - Custom \"show all\" menu button\n *\n * @csspart container - The main bar container\n * @csspart item - Individual items in the bar\n * @csspart more-button - The \"more\" overflow button\n * @csspart hamburger-button - The hamburger menu button\n * @csspart arrow-start - The start (left) scroll arrow\n * @csspart arrow-end - The end (right) scroll arrow\n * @csspart all-menu-button - The \"show all\" menu button\n * @csspart popover-content - The popover content wrapper\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-bar',\n  styleUrl: 'le-bar.css',\n  shadow: true,\n})\nexport class LeBar {\n  @Element() el: HTMLElement;\n\n  /**\n   * Overflow behavior when items don't fit on one row.\n   * - `more`: Overflow items appear in a \"more\" dropdown\n   * - `scroll`: Items scroll horizontally with optional arrows\n   * - `hamburger`: All items go into a hamburger menu if any overflow\n   * - `wrap`: Items wrap to additional rows\n   */\n  @Prop({ reflect: true }) overflow: 'more' | 'scroll' | 'hamburger' | 'wrap' = 'more';\n\n  /**\n   * Alignment of items within the bar (maps to justify-content).\n   */\n  @Prop({ reflect: true }) alignItems: 'start' | 'end' | 'center' | 'stretch' = 'start';\n\n  /**\n   * Show scroll arrows when overflow is \"scroll\".\n   */\n  @Prop() arrows: boolean = false;\n\n  /**\n   * Disable the internal overflow popover.\n   * When true, the bar still detects overflow and hides items,\n   * but doesn't render its own popover. Use this when providing\n   * custom overflow handling via the leBarOverflowChange event.\n   */\n  @Prop() disablePopover: boolean = false;\n\n  /**\n   * Show an \"all items\" menu button.\n   * - `false`: Don't show\n   * - `true` or `'end'`: Show at end\n   * - `'start'`: Show at start\n   */\n  @Prop() showAllMenu: boolean | 'start' | 'end' = false;\n\n  /**\n   * Emitted when overflow state changes.\n   */\n  @Event() leBarOverflowChange: EventEmitter<LeBarOverflowChangeDetail>;\n\n  /** Whether the hamburger/more popover is open */\n  @State() private popoverOpen: boolean = false;\n\n  /** Whether hamburger mode is active (for hamburger overflow) */\n  @State() private hamburgerActive: boolean = false;\n\n  /** IDs of items that are overflowing */\n  @State() private overflowingIds: Set<string> = new Set();\n\n  /** Whether we can scroll left */\n  @State() private canScrollStart: boolean = false;\n\n  /** Whether we can scroll right */\n  @State() private canScrollEnd: boolean = false;\n\n  /** Whether the all-menu popover is open */\n  @State() private allMenuOpen: boolean = false;\n\n  /** Current height of the items container (for overflow handling) */\n  @State() private containerHeight: number | null = null;\n\n  private itemsContainerEl?: HTMLElement;\n  private moreButtonEl?: HTMLElement;\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private instanceId: string = generateId('le-bar');\n\n  // Map to track item elements and their IDs\n  private itemMap: Map<string, HTMLElement> = new Map();\n\n  // Prevent multiple recalculations in the same frame\n  private pendingRecalc: number | null = null;\n\n  @Watch('overflow')\n  handleOverflowChange() {\n    this.resetOverflowState();\n    this.scheduleOverflowRecalc();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.scheduleOverflowRecalc();\n  }\n\n  connectedCallback() {\n    this.setupObservers();\n  }\n\n  componentDidLoad() {\n    this.scheduleOverflowRecalc();\n  }\n\n  componentDidRender() {\n    // Recalculate after render in case children changed\n    this.scheduleOverflowRecalc();\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n  }\n\n  /**\n   * Force recalculation of overflow state.\n   */\n  @Method()\n  async recalculate() {\n    this.computeOverflow();\n  }\n\n  private setupObservers() {\n    // ResizeObserver for container size changes\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.computeOverflow();\n        this.updateScrollState();\n      });\n    }\n\n    // MutationObserver for child changes\n    this.mutationObserver = new MutationObserver(() => {\n      this.scheduleOverflowRecalc();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: false,\n    });\n  }\n\n  private observeContainer(el?: HTMLElement) {\n    if (!this.resizeObserver) return;\n    this.resizeObserver.disconnect();\n    if (el) this.resizeObserver.observe(el);\n  }\n\n  private scheduleOverflowRecalc() {\n    // Debounce recalculations to prevent infinite loops\n    if (this.pendingRecalc !== null) {\n      cancelAnimationFrame(this.pendingRecalc);\n    }\n    this.pendingRecalc = requestAnimationFrame(() => {\n      this.pendingRecalc = null;\n      this.computeOverflow();\n    });\n  }\n\n  private resetOverflowState() {\n    this.hamburgerActive = false;\n    this.overflowingIds = new Set();\n    this.containerHeight = null;\n    this.popoverOpen = false;\n  }\n\n  private getSlottedItems(): HTMLElement[] {\n    // Get direct children from the light DOM (excluding named slot elements)\n    return Array.from(this.el.children).filter(\n      (el): el is HTMLElement => el instanceof HTMLElement && !el.hasAttribute('slot'),\n    );\n  }\n\n  private getItemId(el: HTMLElement, index: number): string {\n    return el.id || el.dataset.barId || `${this.instanceId}-item-${index}`;\n  }\n\n  private computeOverflow() {\n    if (this.overflow === 'wrap' || this.overflow === 'scroll') {\n      // No overflow handling needed for wrap/scroll modes\n      this.resetOverflowState();\n      this.updateScrollState();\n      return;\n    }\n\n    const container = this.itemsContainerEl;\n    if (!container) return;\n\n    const items = this.getSlottedItems();\n    if (items.length === 0) {\n      this.resetOverflowState();\n      return;\n    }\n\n    // Force a layout recalc\n    container.offsetHeight;\n\n    // Build item map\n    this.itemMap.clear();\n    items.forEach((item, index) => {\n      const id = this.getItemId(item, index);\n      this.itemMap.set(id, item);\n    });\n\n    // Get the position of items to determine which are on the first row\n    const itemRects = items.map((item, index) => ({\n      item,\n      id: this.getItemId(item, index),\n      rect: item.getBoundingClientRect(),\n    }));\n\n    if (itemRects.length === 0) {\n      return;\n    }\n\n    // Find the first row's top position (accounting for vertical alignment)\n    const containerRect = container.getBoundingClientRect();\n    const topValues = itemRects.map(i => i.rect.top - containerRect.top);\n    const minTop = Math.min(...topValues);\n\n    // Items are on the first row if their top is close to minTop\n    // Allow some tolerance for alignment differences\n    const tolerance = 15;\n    const firstRowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top <= minTop + tolerance,\n    );\n    const overflowItems = itemRects.filter(\n      i => i.rect.top - containerRect.top > minTop + tolerance,\n    );\n\n    // Calculate the height of the first row\n    const firstRowBottom =\n      firstRowItems.length > 0\n        ? Math.max(...firstRowItems.map(i => i.rect.bottom - containerRect.top))\n        : 0;\n\n    if (this.overflow === 'hamburger') {\n      // In hamburger mode, if ANY item overflows, all go into the menu\n      const shouldHamburger = overflowItems.length > 0;\n\n      if (shouldHamburger !== this.hamburgerActive) {\n        this.hamburgerActive = shouldHamburger;\n        this.emitOverflowChange();\n      }\n\n      // Set height to show only first row (or hide all if hamburger is active)\n      if (shouldHamburger && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    } else {\n      // 'more' mode\n      const newOverflowingIds = new Set(overflowItems.map(i => i.id));\n\n      // Check if we need to make room for the \"more\" button\n      if (newOverflowingIds.size > 0 && this.moreButtonEl) {\n        const moreRect = this.moreButtonEl.getBoundingClientRect();\n        const moreTop = moreRect.top - containerRect.top;\n\n        // If \"more\" button is not on the first row, we need to hide one more item\n        if (moreTop > minTop + tolerance) {\n          // Find the last visible item and move it to overflow\n          const lastVisible = firstRowItems[firstRowItems.length - 1];\n          if (lastVisible) {\n            newOverflowingIds.add(lastVisible.id);\n          }\n        }\n      }\n\n      // Check if overflow state changed\n      const hasChanged =\n        newOverflowingIds.size !== this.overflowingIds.size ||\n        ![...newOverflowingIds].every(id => this.overflowingIds.has(id));\n\n      if (hasChanged) {\n        this.overflowingIds = newOverflowingIds;\n        this.emitOverflowChange();\n      }\n\n      // Set container height to show only first row\n      if (newOverflowingIds.size > 0 && firstRowBottom > 0) {\n        this.containerHeight = firstRowBottom;\n      } else {\n        this.containerHeight = null;\n      }\n    }\n  }\n\n  private emitOverflowChange() {\n    this.leBarOverflowChange.emit({\n      overflowingIds: [...this.overflowingIds],\n      hamburgerActive: this.hamburgerActive,\n    });\n  }\n\n  private updateScrollState() {\n    if (this.overflow !== 'scroll' || !this.itemsContainerEl) {\n      this.canScrollStart = false;\n      this.canScrollEnd = false;\n      return;\n    }\n\n    const el = this.itemsContainerEl;\n    this.canScrollStart = el.scrollLeft > 0;\n    this.canScrollEnd = el.scrollLeft < el.scrollWidth - el.clientWidth - 1;\n  }\n\n  private handleScroll = () => {\n    this.updateScrollState();\n  };\n\n  private scrollToStart = () => {\n    if (!this.itemsContainerEl) return;\n\n    const items = this.getSlottedItems();\n    const container = this.itemsContainerEl;\n\n    // Find the scroll position of the previous item\n    const currentScroll = container.scrollLeft;\n    let targetScroll = 0;\n\n    for (let i = items.length - 1; i >= 0; i--) {\n      const item = items[i];\n      // Calculate item's left edge relative to container's scroll position\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this item starts before current scroll position, scroll to it\n      if (itemLeft < currentScroll - 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: targetScroll, behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private scrollToEnd = () => {\n    if (!this.itemsContainerEl) return;\n\n    const container = this.itemsContainerEl;\n    const items = this.getSlottedItems();\n\n    if (items.length === 0) return;\n\n    const containerWidth = container.clientWidth;\n    const currentScroll = container.scrollLeft;\n\n    let targetScroll = container.scrollWidth - containerWidth;\n\n    for (const item of items) {\n      // Calculate item's right edge relative to container\n      const itemLeft = item.offsetLeft - container.offsetLeft;\n\n      // If this is the next item to scroll to from left to right then scroll to it\n      if (itemLeft > currentScroll + 1) {\n        targetScroll = itemLeft;\n        break;\n      }\n    }\n\n    container.scrollTo({ left: Math.max(0, targetScroll), behavior: 'smooth' });\n\n    // Update scroll state after animation\n    setTimeout(() => this.updateScrollState(), 300);\n  };\n\n  private togglePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  };\n\n  private closePopover = () => {\n    this.popoverOpen = false;\n  };\n\n  private toggleAllMenu = () => {\n    this.allMenuOpen = !this.allMenuOpen;\n  };\n\n  private closeAllMenu = () => {\n    this.allMenuOpen = false;\n  };\n\n  private handleItemClick = (_e: MouseEvent, id: string) => {\n    // Close popover when an item inside is clicked\n    const originalItem = this.itemMap.get(id);\n\n    if (originalItem) {\n      // Clone the click to the original item\n      const cloneEvent = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      originalItem.dispatchEvent(cloneEvent);\n    }\n\n    this.closePopover();\n    this.closeAllMenu();\n  };\n\n  private renderMoreButton() {\n    const hasSlottedMore = this.el.querySelector('[slot=\"more\"]');\n\n    return (\n      <button\n        class=\"bar-more-button\"\n        part=\"more-button\"\n        ref={el => (this.moreButtonEl = el)}\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedMore ? <slot name=\"more\" /> : <le-icon name=\"ellipsis-horizontal\" />}\n      </button>\n    );\n  }\n\n  private renderHamburgerButton() {\n    const hasSlottedHamburger = this.el.querySelector('[slot=\"hamburger\"]');\n\n    return (\n      <button\n        class=\"bar-hamburger-button\"\n        part=\"hamburger-button\"\n        onClick={this.togglePopover}\n        aria-expanded={String(this.popoverOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedHamburger ? <slot name=\"hamburger\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderScrollArrows() {\n    if (!this.arrows || this.overflow !== 'scroll') return null;\n\n    const hasSlottedStartArrow = this.el.querySelector('[slot=\"start-arrow\"]');\n    const hasSlottedEndArrow = this.el.querySelector('[slot=\"end-arrow\"]');\n\n    return [\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-start', {\n          disabled: !this.canScrollStart,\n        })}\n        part=\"arrow-start\"\n        onClick={this.scrollToStart}\n        disabled={!this.canScrollStart}\n        aria-label=\"Scroll to start\"\n      >\n        {hasSlottedStartArrow ? (\n          <slot name=\"start-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-start\" />\n        )}\n      </button>,\n      <button\n        class={classnames('bar-arrow', 'bar-arrow-end', {\n          disabled: !this.canScrollEnd,\n        })}\n        part=\"arrow-end\"\n        onClick={this.scrollToEnd}\n        disabled={!this.canScrollEnd}\n        aria-label=\"Scroll to end\"\n      >\n        {hasSlottedEndArrow ? (\n          <slot name=\"end-arrow\" />\n        ) : (\n          <le-icon name=\"chevron-down\" class=\"arrow-icon-end\" />\n        )}\n      </button>,\n    ];\n  }\n\n  private renderAllMenuButton() {\n    if (!this.showAllMenu) return null;\n\n    const hasSlottedAllMenu = this.el.querySelector('[slot=\"all-menu\"]');\n\n    return (\n      <button\n        class=\"bar-all-menu-button\"\n        part=\"all-menu-button\"\n        onClick={this.toggleAllMenu}\n        aria-expanded={String(this.allMenuOpen)}\n        aria-haspopup=\"true\"\n      >\n        {hasSlottedAllMenu ? <slot name=\"all-menu\" /> : <le-icon name=\"hamburger\" />}\n      </button>\n    );\n  }\n\n  private renderPopoverContent(itemsToShow: { id: string; item: HTMLElement }[]) {\n    return (\n      <div class=\"bar-popover-content\" part=\"popover-content\">\n        {itemsToShow.map(({ id, item }) => (\n          <div\n            class=\"bar-popover-item\"\n            key={id}\n            onClick={(e: MouseEvent) => this.handleItemClick(e, id)}\n            innerHTML={item.outerHTML}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  private renderOverflowPopover() {\n    if (this.overflow !== 'more' && this.overflow !== 'hamburger') return null;\n\n    const items = this.getSlottedItems();\n    let itemsToShow: { id: string; item: HTMLElement }[] = [];\n\n    if (this.overflow === 'hamburger' && this.hamburgerActive) {\n      // Show all items in hamburger mode\n      itemsToShow = items.map((item, index) => ({\n        id: this.getItemId(item, index),\n        item,\n      }));\n    } else if (this.overflow === 'more' && this.overflowingIds.size > 0) {\n      // Show only overflowing items\n      itemsToShow = items\n        .map((item, index) => ({\n          id: this.getItemId(item, index),\n          item,\n        }))\n        .filter(({ id }) => this.overflowingIds.has(id));\n    }\n\n    if (itemsToShow.length === 0) return null;\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.popoverOpen}\n        position=\"bottom\"\n        align=\"end\"\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closePopover}\n      >\n        <div slot=\"trigger\" class=\"bar-overflow-trigger\">\n          {this.overflow === 'hamburger' ? this.renderHamburgerButton() : this.renderMoreButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  private renderAllMenuPopover() {\n    if (!this.showAllMenu) return null;\n\n    const items = this.getSlottedItems();\n    const itemsToShow = items.map((item, index) => ({\n      id: this.getItemId(item, index),\n      item,\n    }));\n\n    const position = this.showAllMenu === 'start' ? 'start' : 'end';\n\n    return (\n      <le-popover\n        mode=\"default\"\n        open={this.allMenuOpen}\n        position=\"bottom\"\n        align={position}\n        showClose={false}\n        closeOnClickOutside={true}\n        closeOnEscape={true}\n        onLePopoverClose={this.closeAllMenu}\n      >\n        <div slot=\"trigger\" class=\"bar-all-menu-trigger\">\n          {this.renderAllMenuButton()}\n        </div>\n        {this.renderPopoverContent(itemsToShow)}\n      </le-popover>\n    );\n  }\n\n  render() {\n    const showOverflowButton =\n      !this.disablePopover &&\n      ((this.overflow === 'more' && this.overflowingIds.size > 0) ||\n        (this.overflow === 'hamburger' && this.hamburgerActive));\n\n    const containerStyle: { [key: string]: string } = {};\n    if (\n      this.containerHeight !== null &&\n      (this.overflow === 'more' || this.overflow === 'hamburger')\n    ) {\n      containerStyle.height = `${this.containerHeight}px`;\n    }\n\n    const showAllMenuAtStart = this.showAllMenu === 'start';\n    const showAllMenuAtEnd = this.showAllMenu === true || this.showAllMenu === 'end';\n\n    return (\n      <Host\n        class={classnames({\n          'overflow-more': this.overflow === 'more',\n          'overflow-scroll': this.overflow === 'scroll',\n          'overflow-hamburger': this.overflow === 'hamburger',\n          'overflow-wrap': this.overflow === 'wrap',\n          'hamburger-active': this.hamburgerActive,\n          'has-overflow': this.overflowingIds.size > 0 || this.hamburgerActive,\n        })}\n      >\n        <div\n          class={classnames('bar-container', {\n            [`align-${this.alignItems}`]: true,\n          })}\n          part=\"container\"\n        >\n          {/* Start controls */}\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderScrollArrows()?.[0]}</div>\n          )}\n\n          {showAllMenuAtStart && (\n            <div class=\"bar-controls bar-controls-start\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {/* Items container */}\n          <div\n            class={classnames('bar-items', {\n              'is-scrollable': this.overflow === 'scroll',\n              'is-wrapping': this.overflow === 'wrap',\n            })}\n            style={containerStyle}\n            ref={el => {\n              this.itemsContainerEl = el;\n              this.observeContainer(el);\n            }}\n            onScroll={this.overflow === 'scroll' ? this.handleScroll : undefined}\n          >\n            <slot />\n          </div>\n\n          {/* End controls */}\n          {showOverflowButton && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderOverflowPopover()}</div>\n          )}\n\n          {showAllMenuAtEnd && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderAllMenuPopover()}</div>\n          )}\n\n          {this.overflow === 'scroll' && this.arrows && (\n            <div class=\"bar-controls bar-controls-end\">{this.renderScrollArrows()?.[1]}</div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -185,7 +185,7 @@ export class LeBox {
             'display-flex': this.displayFlex,
             [`inner-${this.innerDirection}`]: this.displayFlex,
         });
-        return (h(Host, { key: '8d71daaa3a1f34cf1b5fa3afe4f788d974d14dde', style: hostStyle, class: hostClass }, h("le-component", { key: '350393fef2159c40de43792502545ba93e0ec84c', component: "le-box" }, h("div", { key: '425be85bce62b600a383e164a847a2f0622496bd', class: "box", part: "box" }, h("div", { key: '104275e435d64a76428b5934aa0ece7ae3284cd8', class: "content", part: "content", style: contentStyle }, h("le-slot", { key: '7655d6bd5140ffcac514b266b4ca2f790a44e8ae', name: "", description: "Content inside this flex item", type: "slot", "allowed-components": "le-text,le-card,le-button,le-stack,le-box" }, h("slot", { key: '47efcfcc9b9efe5283fa8f558026b3b13ea5b959' })))))));
+        return (h(Host, { key: '2d64b5a59e9eb12701ffd68ee2db293868b232a1', style: hostStyle, class: hostClass }, h("le-component", { key: '3b4c73ad636e9a884a212d6ca06ffbe55b3c438f', component: "le-box" }, h("div", { key: '00f1a922ba7d8c2c070d8254da9d4b9335e82bff', class: "box", part: "box" }, h("div", { key: 'bd974a033501e5b99d56892329017b95c95e753c', class: "content", part: "content", style: contentStyle }, h("le-slot", { key: '62ddce60dc17d6da11c033b2b94f1a3ce69f69da', name: "", description: "Content inside this flex item", type: "slot", "allowed-components": "le-text,le-card,le-button,le-stack,le-box" }, h("slot", { key: '780fdfd1873ad3a629d1afbfcd0d5ca60cd4c679' })))))));
     }
     static get is() { return "le-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -110,7 +110,7 @@ export class LeButton {
         const attrs = this.href
             ? { href: this.href, target: this.target, role: 'button' }
             : { type: this.type, disabled: this.disabled };
-        return (h(Host, { key: 'bc9515b65357611b9a29f8c4f89edfdfb1535bf0', class: classes }, h("le-component", { key: 'bb5367d16d781e6af44f709d5f132faa3b0fc88e', component: "le-button" }, h(TagType, { key: '09118bccd54456ee8dadaaff92d9fedfa91831ec', class: classnames('le-button-container', `le-button-align-${this.align}`), part: "button", ...attrs, onClick: this.handleClick }, this.iconOnly !== undefined ? (h("slot", { name: "icon-only" }, typeof this.iconOnly === 'string' ? this.iconOnly : null)) : (h(Fragment, null, h("span", { class: "le-button-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Button text", type: "text", class: "content", part: "content" }, h("slot", null))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
+        return (h(Host, { key: '44fc577066f362e17d74b9a426caf98c5c146203', class: classes }, h("le-component", { key: '7fcb11591ecaf0dc69510a6e5fa1a481dc822bb1', component: "le-button" }, h(TagType, { key: '9065b7f4df2dffa763f0e2c8ad64fda4af80d4a6', class: classnames('le-button-container', `le-button-align-${this.align}`), part: "button", ...attrs, onClick: this.handleClick }, this.iconOnly !== undefined ? (h("slot", { name: "icon-only" }, typeof this.iconOnly === 'string' ? this.iconOnly : null)) : (h(Fragment, null, h("span", { class: "le-button-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Button text", type: "text", class: "content", part: "content" }, h("slot", null))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
     }
     static get is() { return "le-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class LeCard {
      */
     interactive = false;
     render() {
-        return (h("le-component", { key: 'b7eb138d4df55f27716d53c41ff7e1035e058cbe', component: "le-card", hostClass: classnames(`variant-${this.variant}`, { 'interactive': this.interactive }) }, h("div", { key: 'db58aceaf332727671c73f121bd7c7b7c00c798e', class: "card", part: "card" }, h("div", { key: '1eb45033cee8e18dc9edfaba3341b1c8df8c737c', class: "card-header", part: "header" }, h("le-slot", { key: 'e77e29b0cf5965063554a50936fa0e9026fbc73a', name: "header", label: "Header", description: "Card title", type: "text", tag: "h3" }, h("slot", { key: 'b67e02c52fbfa2a7b1ed58e0c1537355af9a125e', name: "header" }))), h("div", { key: 'bcdbdc7c2e7addaaa4892d41cf5af2e43260c876', class: "card-content", part: "content" }, h("le-slot", { key: 'e4dc82322cbcb0ca884ac55c7805fa860fdaf588', name: "", label: "Content", description: "Card content", type: "textarea", tag: "p", required: true }, h("slot", { key: 'e9576903dfc9c04c01614207078ee02a03d9f4b8' }))), h("div", { key: '6f684335dfc5acd55cbd832e2cd6f8a468df7a9a', class: "card-footer", part: "footer" }, h("le-slot", { key: 'b4013edc8431ba54f44cabd4763916c6e83bc6a8', name: "footer", label: "Footer", description: "Card footer with actions", "allowed-components": "le-button,le-link" }, h("slot", { key: '9e9d1c9d99beb2d877a9b8d59b13659e0c9c6459', name: "footer" }))))));
+        return (h("le-component", { key: '3b9b4c5f234bb3ac5d479a777c8069428baa4d8c', component: "le-card", hostClass: classnames(`variant-${this.variant}`, { 'interactive': this.interactive }) }, h("div", { key: '7cad2dc42768d03b8d9af5dc52a8acc0d79027c0', class: "card", part: "card" }, h("div", { key: 'd00e14de2a216afd1362605849c387e8fa7cc522', class: "card-header", part: "header" }, h("le-slot", { key: 'a09922eae71962506351a6b3ddc4b2253573fa6d', name: "header", label: "Header", description: "Card title", type: "text", tag: "h3" }, h("slot", { key: '624efcc1f6e06e2876fb00d0b4efa10fdfd9083b', name: "header" }))), h("div", { key: '9aba5630de5d4fe24dbc59b5607fbb530ebd41e8', class: "card-content", part: "content" }, h("le-slot", { key: 'a6de438f65b747e6ecf8b7c573168c99cde3eb62', name: "", label: "Content", description: "Card content", type: "textarea", tag: "p", required: true }, h("slot", { key: 'bca044329a0b88ad3f041aab94b702434124179c' }))), h("div", { key: '1c08846aa15cd44f71f6d79968412634009eea03', class: "card-footer", part: "footer" }, h("le-slot", { key: '4b65f8c6dd68e5995b42ed4ef18fa504d3b4f182', name: "footer", label: "Footer", description: "Card footer with actions", "allowed-components": "le-button,le-link" }, h("slot", { key: 'db199113de94b26bf19d0665938f5048a3587134', name: "footer" }))))));
     }
     static get is() { return "le-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class LeCheckbox {
         });
     };
     render() {
-        return (h("le-component", { key: '15e49aa77c2d904b1610f68802428e9dd86b3631', component: "le-checkbox", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '50691376a207f004112820742df46ef9ff8016e0', class: "le-checkbox-wrapper" }, h("label", { key: '339a209a9a649ff491dd1867e617f71e4bca7365', class: "le-checkbox-label" }, h("span", { key: '1086e8989abe5a23ac01bd2323a8ae2454c4acb6', class: "le-checkbox-input" }, h("input", { key: '90126054fb3aa8ed58d043694275cac416d06578', type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange })), h("span", { key: '8b47592103fbd4f7e3b7b1b01f27d42bf6dccbc7', class: "le-checkbox-text" }, h("le-slot", { key: 'c5f5aaff0b69bcf7d993ea84181a63d30b794774', name: "", type: "text", tag: "span" }, h("slot", { key: 'bc615ec211b6db8f5f22760ae5298560384a1b84' })))), h("div", { key: '0c6037f4d7948b262beb4a5b969018fb6b0cad4a', class: "le-checkbox-description" }, h("le-slot", { key: '17631ed776592063601dd37052f43d7e4732af21', name: "description", type: "text", tag: "div", label: "Description" }, h("slot", { key: '13a3138cd0101fc1f9175a89ed933a2f2d4df79f', name: "description" }))))));
+        return (h("le-component", { key: '31d975847b6d3bd137a6436d5f91f0af2c035576', component: "le-checkbox", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '64d079beaf930bf4ebb244cc6511c1ed048b4699', class: "le-checkbox-wrapper" }, h("label", { key: '4ba352ae7cf709afd25d1ff5cc93fe87ff305920', class: "le-checkbox-label" }, h("span", { key: 'ee33b972a07d2a46f3beff8ba19a3902891f21d1', class: "le-checkbox-input" }, h("input", { key: '74825406b4b16e4fc0d351ec8266c2a14776fc3d', type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange })), h("span", { key: 'c6badbadb976ddaeeade6b75a6ac0f547c95cffb', class: "le-checkbox-text" }, h("le-slot", { key: '6cf2e6c835838db1a0a9ed8398b9b3e638ea640b', name: "", type: "text", tag: "span" }, h("slot", { key: 'a587324c7e8e91a1c3ab9bafad7d0030510e5272' })))), h("div", { key: '0a8aff276f51027e25b9367d6e50b2eefc1a9148', class: "le-checkbox-description" }, h("le-slot", { key: '33b411d6b69cba44d3821b4bb6ab3a5c72e4e517', name: "description", type: "text", tag: "div", label: "Description" }, h("slot", { key: '266af814c2a16aa1cd3a51db8dabb1bf952cf7a7', name: "description" }))))));
     }
     static get is() { return "le-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class LeCollapse {
         this.el.toggleAttribute('data-open', nextOpen);
     }
     render() {
-        return (h(Host, { key: '946501d440fa391cfea13283072c387fd1e98b65', "data-open": this.shouldBeOpen() ? 'true' : 'false' }, h("le-component", { key: 'fb5c7e9f9e15dc3ef440f9703977ee7f09ffe676', component: "le-collapse" }, h("div", { key: '83ec865adb8a11cc9de7a6a173b85245414360e8', class: { 'region': true, 'scroll-down': this.scrollDown }, part: "region" }, h("slot", { key: '6b402e2beac8bde188da48719f47e5f9fc12581d' })))));
+        return (h(Host, { key: '19e96b22f47116cb9f5dc6ca9fc4ba8de2cb4299', "data-open": this.shouldBeOpen() ? 'true' : 'false' }, h("le-component", { key: '0c16c094b155580849f59553c3e2ecb359f99816', component: "le-collapse" }, h("div", { key: '28448db4a519e558ac9c40dccddf123a462899b0', class: { 'region': true, 'scroll-down': this.scrollDown }, part: "region" }, h("slot", { key: 'd14269819d746b985cf3b87052c9efdea08271d1' })))));
     }
     static get is() { return "le-collapse"; }
     static get encapsulation() { return "shadow"; }

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

@@ -238,7 +238,7 @@ export class LeCombobox {
     }
     render() {
         const hasValue = this.inputValue.length > 0;
-        return (h("le-component", { key: '5d1aae34a01c8e9d4744dee3921ad07733961158', component: "le-combobox" }, h("le-dropdown-base", { key: '449d64f2b8744828709c32051d4c6528621e7c4d', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: '5d4c616f2c55fba8ca5836a27af445123ef0755d', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, h("le-string-input", { key: '70f876a2a8842ce3fd20994e11501bc7766e6570', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (h("button", { key: 'ca5e8bdd951650f63c2284bf4d4634964462838c', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, h("svg", { key: '49b3e50b68a9c5f8a6c0708a43a60be559f6cdd8', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '33b347862ce2321bcc38823a3b25774f06e625f3', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: 'aa4080873acd15706757f33c032ad4c0caa03f01', class: "combobox-arrow" }, h("svg", { key: '86782ee6405d553baecac64d6a780a79dd5deda0', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '93cc4e3a3898c7f9b4149c2bd54934f7d9d4519b', d: "M4 6l4 4 4-4" }))))), this.name && h("input", { key: 'b0766761f5e8f48428af5e1a360cb2a51a9bf316', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
+        return (h("le-component", { key: 'f65aad2f17c8b15b08ea6719cc481a37cc68a081', component: "le-combobox" }, h("le-dropdown-base", { key: 'a1b518b8acd649bf1061e403d89f95ebc5d2e366', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.filterOption, filterQuery: this.inputValue, emptyText: this.emptyText, fullWidth: this.fullWidth, closeOnClickOutside: false, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: '47339300365dca2c59e1d26fcae4faeef747ab18', slot: "trigger", class: { 'combobox-trigger': true, 'is-open': this.open } }, h("le-string-input", { key: 'e3842d3ea970a14405fd555fd8d8f4e9dbd14e80', mode: "default", hideDescription: true, inputRef: el => (this.inputEl = el), type: "text", class: "combobox-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-autocomplete": "list", onInput: this.handleInputChange, onFocus: this.handleInputFocus, onKeyDown: this.handleInputKeyDown }), hasValue && !this.disabled && (h("button", { key: '81caabc48183e8e93f84cd5a063a4d83edbfe87d', type: "button", class: "combobox-clear", onClick: this.handleClear, "aria-label": "Clear", tabIndex: -1 }, h("svg", { key: '02bc4d15d122119c3910b3bd03db76cd8a30b783', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'de0053be0eef471d35478a1c10a4408250a44dbf', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: '72ea5b8bda38a8c08fff1763457dcf2377787c44', class: "combobox-arrow" }, h("svg", { key: 'c0f66766a7893978e142e63adec3863e792b6554', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'd6287e5dede972620a6f90632462dd7d495bf927', d: "M4 6l4 4 4-4" }))))), this.name && h("input", { key: 'fed8a8936750fafe7b58912954099da20a506907', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
     }
     static get is() { return "le-combobox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-current-heading/le-current-heading.js

@@ -61,7 +61,7 @@ export class LeCurrentHeading {
         }
     }
     render() {
-        return (h(Host, { key: 'd6773c072799d0337b7d2bade9de2c169e35d3c8' }, this.activeText ? (h("span", { class: "title", part: "title" }, this.activeText)) : (h("slot", null))));
+        return (h(Host, { key: '684d2369883e7810ef0966f08f8ef835b8cf9343' }, this.activeText ? (h("span", { class: "title", part: "title" }, this.activeText)) : (h("slot", null))));
     }
     static get is() { return "le-current-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -339,7 +339,7 @@ export class LeDropdownBase {
     }
     render() {
         const dropdownWidth = this.width || (this.triggerWidth ? `${this.triggerWidth}px` : undefined);
-        return (h(Host, { key: 'eeb6316ffb006adb8d53f3c2f81cadde32d261ae' }, h("le-popover", { key: '703c57bf2185590df226787778ad67cd423ce943', 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: 'bc401b4af80c9e6d15c4f5fe2a5ff2687b9ae582', name: "trigger", slot: "trigger" }), h("slot", { key: '3414d6eb1d4fecfe642b31e2a1abd271c83ab2df', name: "header" }), h("div", { key: '685d0aa6e15b6a191d517e194ae96302cfb4a191', 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: 'b8eb1155a22937ab148b5d3b91ec9ab688257dd9' }, h("le-popover", { key: '2dc509b3ef0f72b34d4e1d8d7556ded7569dc256', 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: '516aac3b9b267298e01dc38ab3f779015e3c1c37', name: "trigger", slot: "trigger" }), h("slot", { key: '38866292e03c304a2f7f4026bbc99972cd2b07c6', name: "header" }), h("div", { key: '9fa533a22f3235100150c24a4a95a51d9bad99a7', 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-header/le-header.js

@@ -268,7 +268,7 @@ export class LeHeader {
             'is-hidden': !this.revealed,
             'is-shrunk': this.shrunk,
         });
-        return (h(Host, { key: '564328055a69a1646c7f9030ac274a30c3baad0a', class: hostClass, onMouseEnter: () => {
+        return (h(Host, { key: '8226ce910c1f3538c9f753ae966555843e9de0ae', class: hostClass, onMouseEnter: () => {
                 if (!this.expandOnHover)
                     return;
                 this.hoverActive = true;
@@ -278,7 +278,7 @@ export class LeHeader {
                     return;
                 this.hoverActive = false;
                 this.scheduleUpdate(true);
-            } }, h("le-component", { key: 'a9feac7b7229ed250b4c2cade7e5dce8bb79e634', component: "le-header" }, h("header", { key: 'acebe4ea5222593e65190a35515c60ee7e15549a', class: "header", part: "header", role: "banner", ref: el => (this.headerEl = el) }, h("div", { key: 'bf37e677a5058e4e9bf74a4f6a3c62112daaea20', class: "inner", part: "inner" }, h("div", { key: 'd6886dba1b0e8003a2080f03f6bfe3fa0ffdca18', class: "row", part: "row" }, h("div", { key: 'd4c328bb74c955fa377a06f1a33783750bd83237', class: "start", part: "start" }, h("le-slot", { key: '1b9d58c81f8a498637eefd7a1310c961b014d1a5', name: "start", label: "Start", description: "Logo / back button / nav", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'd5c2727c4f427b60cad9575c0e74a18e7b229462', name: "start" }))), h("div", { key: '35831f9dfb3ff584cdc573081ebdeef1968f06c7', class: "title", part: "title" }, h("le-slot", { key: 'bed684a7880dfa79b4b7585dcb3c2bd024e0cc93', name: "title", label: "Title", description: "Header title", type: "text", tag: "span" }, h("span", { key: 'f523ee36ff1f0c6a2793e5d813d6b9a9c632f2bf', class: "title-slot", part: "title" }, h("slot", { key: '39e750e3f4231406552187e961ae7e9a206d240b', name: "title" })))), h("div", { key: 'c99435b41a905b6780c07e7103125d7c439af7cb', class: "end", part: "end" }, h("le-slot", { key: 'efca1aadcf9108add84dbb5a2ea539fb95e795c6', name: "end", label: "End", description: "Actions", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'd04b78ca1eeb1cbae4b3575f03231b93ed4d9692', name: "end" })))), h("div", { key: 'd83bda303c5fcd63da3e0419bd9276677d8f5cc7', class: "secondary", part: "secondary" }, h("le-slot", { key: '1f5f6d317e969c54d87a6ad516fed071e72f342c', 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: 'fb5a6a434190658f8fb55e3bc21d5f952a559ad5' }))))))));
+            } }, h("le-component", { key: '4ab9f55d577bbe626743d98ecceff43421297e04', component: "le-header" }, h("header", { key: '324780d62bce16b6b5031f99f60e77040b303536', class: "header", part: "header", role: "banner", ref: el => (this.headerEl = el) }, h("div", { key: 'b85650426cf45c1e33e34472a44dc2153817cd19', class: "inner", part: "inner" }, h("div", { key: 'e5480cb4eeb609671b3a54e0e62078249024dd19', class: "row", part: "row" }, h("div", { key: '659abffd71c2316aa61bfd3c678faf8bd3b60e5c', class: "start", part: "start" }, h("le-slot", { key: '31e3c153875787983c4a0e40bd8cd7fcf1766972', name: "start", label: "Start", description: "Logo / back button / nav", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: '770f771ccb01d471a4f2042e90b18b4e8f9aaea8', name: "start" }))), h("div", { key: 'db5e4915c79b33fd839b91d2172d2ebd4ceb47fd', class: "title", part: "title" }, h("le-slot", { key: '038f08471fbfca1c923cd0f3e7985b9edfba1895', name: "title", label: "Title", description: "Header title", type: "text", tag: "span" }, h("span", { key: 'fbb502918f0fd021ba8fd75ee9f36116fa0c77d2', class: "title-slot", part: "title" }, h("slot", { key: '99c46d12df0e52ac659af0fb2db0e7051cb2cc35', name: "title" })))), h("div", { key: 'c1b43c42fbe2858c3144dd4388da21a0fcf9d9dc', class: "end", part: "end" }, h("le-slot", { key: '13d1e92425997130378c80ac0eff7974a5ad5a97', name: "end", label: "End", description: "Actions", "allowed-components": "le-button,le-text,le-tag,le-box,le-stack" }, h("slot", { key: 'ac1902fe3c990a358f6dbf64b7215eeb2bfd9cd4', name: "end" })))), h("div", { key: '07ede1a18c5400d68ea32cef965e7b2534db9d47', class: "secondary", part: "secondary" }, h("le-slot", { key: '4eede5a0616d82da0996878b41cea2000b1030e7', 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: 'c6b287cd00c3f5fc95931078307e5d0b007ec53b' }))))))));
     }
     static get is() { return "le-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ import { h, Host } from "@stencil/core";
  */
 export class LeHeaderPlaceholder {
     render() {
-        return (h(Host, { key: '53a4cd451e1b53a4be3b6b20c82e12f53a982a17', "aria-hidden": "true", style: {
+        return (h(Host, { key: '7246b0391351a1b40e76b833b83f057a7a11d6eb', "aria-hidden": "true", style: {
                 display: 'block',
                 height: 'var(--le-header-height, 64px)',
             } }));

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

@@ -94,7 +94,7 @@ export class LeIcon {
         return svgElements;
     }
     render() {
-        return (h("svg", { key: '591fdb4f5bd1a8621886ff16b01e97e3d6b83a84', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
+        return (h("svg", { key: 'ef551908a289cd765ae88ded83b99057d510e142', xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: this.size || 16, width: this.size || 16, viewBox: this.iconData?.viewBox || `0 0 ${this.size || 16} ${this.size || 16}` }, this.renderSVGContent(this.iconData?.children)));
     }
     static get is() { return "le-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -308,13 +308,13 @@ export class LeMultiselect {
     render() {
         const hasSelections = this.selectedOptions.length > 0;
         const atMaxSelections = this.maxSelections && this.value.length >= this.maxSelections;
-        return (h("le-component", { key: '6fa8274a23f2cc144150442ca9478d405fa9db59', component: "le-multiselect" }, h("le-dropdown-base", { key: 'eccf77b1d40bcc1dbae6d6e73523199dba89c02a', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: '3c665ad3efc5543a9afcb836c8a996030460723a', slot: "trigger", class: {
+        return (h("le-component", { key: '3f2d29e466307145bb01d7dd8a5be7674ea72ec8', component: "le-multiselect" }, h("le-dropdown-base", { key: 'c551daf51424318394d883c86e1f6ec7499c4703', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: '863e1bc369781fe3ddc0a8bad09e4e651536498e', slot: "trigger", class: {
                 'multiselect-trigger': true,
                 'has-selections': hasSelections,
                 'is-open': this.open,
                 'is-disabled': this.disabled,
-            }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), h("div", { key: 'a19d6d1dfa9bfb757874bb4e39f75e3dc8e4f101', class: "multiselect-actions" }, hasSelections && !this.disabled && (h("button", { key: 'f639279dd53a1eaff6ff146c57129d598bc55ca5', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, h("svg", { key: 'a5458f2d7dae924b7f943df067269beca1d9bfdd', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'c2fd9f943f0496e2c0e0ecbb79e1a16993cb796d', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: 'bd7fc5ef0af6b937fea089881f3d5fc881219247', class: "multiselect-arrow" }, h("svg", { key: '180c1c3b35713fc5de0aade07ef3524dd674cca5', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '48c1e6e3f2c0c20b52d2ba551d2720e5da5f0bed', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (h("div", { key: '3b6dbe407a4d33065ff50496c14a71ebd27e71bb', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '35ed3a229b0ca6f4e1f9e8732c94a531af2d7fb3', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
-            this.value.map(val => (h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (h("span", { key: '214ee34c77755375045fce655129736ff4a1ef0f', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
+            }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), h("div", { key: '8fa1afd6495d8054461a30c49ed10eda70d5c219', class: "multiselect-actions" }, hasSelections && !this.disabled && (h("button", { key: 'acca7ff73f0e5f50ba8d257c333a15f9de4b7569', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, h("svg", { key: '388610e0baa60ad75956ebfc2b2f1edb7cebbb94', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'cc6c0b17360942fd86b43d104f1fa822e67f42a2', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: '81e7fe95233d439226ab262448e5157b20b8a2d5', class: "multiselect-arrow" }, h("svg", { key: 'a748a8c3647e45ab181659bc5061fe181ed50e63', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '319e8960ae71e16cd6aba1fdfae025e7ca7c03d7', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (h("div", { key: '57ca976f1ce817a703d401af4fa19ea4fb73c8cc', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '62b7c46edb93df22d6bce871dc948418ac388fb5', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
+            this.value.map(val => (h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (h("span", { key: 'd213d97108df7093de3fa979f4a082797584e24b', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
     }
     static get is() { return "le-multiselect"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-navigation/le-navigation.css

@@ -14,6 +14,17 @@
   --le-nav-selected-color: var(--le-color-primary-contrast);
 }
 
+/*
+ * In horizontal nowrap mode, this component is commonly used inside flex layouts
+ * (e.g. headers). If the host shrink-wraps to its contents, enabling overflow
+ * (moving items into "More") changes the host width, which can cause oscillation
+ * between states. Make the host participate in flex sizing instead.
+ */
+:host([orientation='horizontal']:not([wrap])) {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 /* ==========================================
  * Vertical navigation
  * ========================================== */
@@ -174,50 +185,31 @@
 }
 
 /* ==========================================
- * Horizontal navigation
+ * Horizontal navigation (using le-bar)
  * ========================================== */
 
-.nav-horizontal {
+.nav-horizontal-wrapper {
   display: flex;
   align-items: center;
   gap: var(--le-spacing-2);
 }
 
-.nav-horizontal.align-end {
-  justify-content: flex-end;
-}
-
-.nav-horizontal.align-center {
-  justify-content: center;
-}
-
-.nav-horizontal.align-space-between {
-  justify-content: space-between;
+.nav-bar {
+  flex: 1 1 0%;
+  min-width: 0;
+  --le-bar-gap: var(--le-spacing-2);
 }
 
-.nav-horizontal-shell {
-  position: relative;
+.nav-bar.align-end {
+  --le-bar-justify: flex-end;
 }
 
-.nav-horizontal-measure {
-  position: absolute;
-  left: -10000px;
-  top: -10000px;
-  visibility: hidden;
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  gap: var(--le-spacing-2);
-  flex-wrap: wrap;
+.nav-bar.align-center {
+  --le-bar-justify: center;
 }
 
-.nav-horizontal.wrap {
-  flex-wrap: wrap;
-}
-
-.nav-horizontal.nowrap {
-  flex-wrap: nowrap;
-  overflow: hidden;
+.nav-bar.align-space-between {
+  --le-bar-justify: space-between;
 }
 
 .h-item {
@@ -289,22 +281,6 @@
   background: var(--le-nav-hover-bg);
 }
 
-.more-trigger-wrap {
-  display: flex;
-  align-items: center;
-}
-
-.more-trigger-wrap.is-measure {
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.more-trigger-wrap.is-visible {
-  position: static;
-  visibility: visible;
-}
-
 .overflow-trigger {
   display: inline-flex;
   align-items: center;
@@ -329,6 +305,12 @@
   outline-offset: 2px;
 }
 
+/* Overflow trigger wrapper in le-bar slot */
+.nav-overflow-trigger {
+  display: flex;
+  align-items: center;
+}
+
 /* Popover list container */
 le-popover::part(content) {
   padding: var(--le-spacing-1);