le-kit 0.2.5 → 0.2.6

package/dist/cjs/le-tab-panel.cjs.entry.js

@@ -84,11 +84,11 @@ const LeTabPanel = class {
     }
     render() {
         const shouldRender = this.shouldRenderContent();
-        return (index.h("le-component", { key: '19aab1adeb6de102df6c92d84df1ea65b4143912', component: "le-tab-panel" }, index.h("div", { key: 'e7c75b5a093da0cf0563b4e374c98c2fba2e8cb1', class: {
+        return (index.h("le-component", { key: '0e3a7a052446c3643c09b24ef00f75e8510a5222', component: "le-tab-panel" }, index.h("div", { key: '4ee30fa55177f3957195b403ad764808a5df5cf0', class: {
                 'tab-panel': true,
                 'active': this.active,
                 'lazy-hidden': this.lazy && !this.active,
-            }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, index.h("le-slot", { key: '0847f8b0cb41f5fbc131839160eadb51e9d5f5a4', name: "", description: "Tab panel content", type: "slot" }, shouldRender && index.h("slot", { key: 'c52b444823c3e981a3e832c16fa1cd5db53d6d33' })))));
+            }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, index.h("le-slot", { key: '825f30d9cf743243ace0555d48f634feafaefe6a', name: "", description: "Tab panel content", type: "slot" }, shouldRender && index.h("slot", { key: '92e6ade3fa4c97ac0579cba0f78f55ddf00f0fba' })))));
     }
     static get watchers() { return {
         "active": ["activeChanged"]

package/dist/cjs/le-tab.cjs.entry.js

@@ -127,7 +127,7 @@ const LeTab = class {
         const attrs = this.href
             ? { href: this.href, target: this.target, role: 'button' }
             : { disabled: this.disabled };
-        return (index.h(index.Host, { key: '7e073b5ca3bba044c2325571ca9aed94b0be66de' }, index.h("le-component", { key: 'b6c6952c9f8b48b5f4f7851d1216de160dd16c45', component: "le-tab" }, index.h(TagType, { key: 'e1c901c60e75ff9104420c28452964d090f67365', class: utils.classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (index.h("div", { class: "icon-only" }, index.h("div", { class: "icon" }, this.icon), this.showLabel && index.h("span", { class: "icon-label" }, this.label))) : (index.h(index.Fragment, null, index.h("span", { class: "le-tab-label" }, this.iconStart && (index.h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), index.h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, index.h("slot", null, this.label))), this.iconEnd && (index.h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
+        return (index.h(index.Host, { key: 'a1139b9b387444dd8e8e387f9ef8a85417163141' }, index.h("le-component", { key: '85bcbfa03d837920a4a180f0a09678a1ceac1c60', component: "le-tab" }, index.h(TagType, { key: '789494d523473b9cc72d190904e08f588a43e955', class: utils.classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (index.h("div", { class: "icon-only" }, index.h("div", { class: "icon" }, this.icon), this.showLabel && index.h("span", { class: "icon-label" }, this.label))) : (index.h(index.Fragment, null, index.h("span", { class: "le-tab-label" }, this.iconStart && (index.h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), index.h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, index.h("slot", null, this.label))), this.iconEnd && (index.h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
     }
 };
 LeTab.style = leTabCss();

package/dist/cjs/le-tabs.cjs.entry.js

@@ -273,7 +273,7 @@ const LeTabs = class {
             : this.position === 'start'
                 ? 'top'
                 : 'bottom';
-        return (index.h("le-component", { key: '6882b32d3be8f1686c1f367bdcd9fc54ee92a8ee', component: "le-tabs", hostClass: utils.classnames(classes) }, index.h("div", { key: 'd50731bf95b4898dec01f1a003f6b8e1f694ef87', class: classes }, index.h("div", { key: '1e07303c43016d13dedff719b6efc5374f97d7db', class: {
+        return (index.h("le-component", { key: 'a19d36c9613b49aac936f8015e6b5527d3673e55', component: "le-tabs", hostClass: utils.classnames(classes) }, index.h("div", { key: 'd7fa47c769880d2741a88997a1dd3bbf8eedec81', class: classes }, index.h("div", { key: '4d34d50afeef2ae01a4e8fe0ba0b34fdf9239bbd', class: {
                 'tablist': true,
                 'wrap-tabs': this.wrap,
                 [`overflow-${this.overflow}`]: true,
@@ -282,7 +282,7 @@ const LeTabs = class {
             const tabId = `tab-${config.value}`;
             const panelId = `panel-${config.value}`;
             return (index.h("le-tab", { key: config.value, id: tabId, class: "tab", mode: "default", variant: this.variant, selected: isSelected, disabled: config.disabled, size: this.size, position: tabPosition, align: this.orientation === 'vertical' ? 'start' : 'center', role: "tab", part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-controls": panelId, "aria-disabled": config.disabled ? 'true' : undefined, focusable: false, onClick: () => this.handleTabClick(config), iconStart: config.iconStart, iconEnd: config.iconEnd }, index.h("span", { class: "tab-label" }, config.label)));
-        })), index.h("div", { key: 'dcd32445495900eda29cc610c30261da6262c3c4', class: "panels", part: "panels" }, isDeclarativeMode ? (
+        })), index.h("div", { key: '81a0a74054e983642c5eb6d274d5563a5c91c06b', class: "panels", part: "panels" }, isDeclarativeMode ? (
         // Declarative mode - render slot for le-tab-panel children
         index.h("le-slot", { name: "", description: "Tab panels", type: "slot", allowedComponents: "le-tab-panel" }, index.h("slot", null))) : (
         // Programmatic mode - render named slots

package/dist/cjs/le-tag.cjs.entry.js

@@ -59,7 +59,7 @@ const LeTag = class {
         return index.h("span", { class: "tag-icon" }, this.icon);
     }
     render() {
-        return (index.h("le-component", { key: '0cae0957e69fe0a1304f81e69d12d31c18ba9d19', component: "le-tag" }, index.h("span", { key: 'b9d141aa16c0d8a22f2a0ee274feae4af3f330a4', class: "tag" }, this.renderIcon(), index.h("span", { key: '721836b45727b79547f4207a59c0a42266f3b24a', class: "tag-label" }, index.h("le-slot", { key: '48be93bc17af5fa8fd8de18f6c53b81b26dee01b', name: "", tag: "span", type: "text" }, index.h("slot", { key: '482d37fe79b37fade8460a8abde4813e3ececa99' }, this.label))), this.dismissible && (index.h("button", { key: 'a0de79ab2ea5ce3e6f37b255028096a31ca06a33', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, index.h("svg", { key: 'ff30daa4aaffa92e7fc7d29b66c0ee401c9541ac', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '3f7d739758c3213847f0214cb6377c4e5c48abab', d: "M4 4l8 8M12 4l-8 8" })))))));
+        return (index.h("le-component", { key: 'e7e0f9850380e15ddf062ee006f24b8ea2c1a64d', component: "le-tag" }, index.h("span", { key: '8a05e940f19927eba092d30e910ef9c6739afd6e', class: "tag" }, this.renderIcon(), index.h("span", { key: '666299d71770c187fe60fda8434fe556ebdaa3a3', class: "tag-label" }, index.h("le-slot", { key: '8027ca0be8948249bc25601b191d009804198be8', name: "", tag: "span", type: "text" }, index.h("slot", { key: 'bc0668302745656b75a8ae8907eaf964a5bb5984' }, this.label))), this.dismissible && (index.h("button", { key: 'c25c2774fd2eb00f1f5df09fa082400d0017221c', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, index.h("svg", { key: '66a46afe8f45c94b7ac13f5a4d54b77ce4fc05c7', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: 'a6ae8463322e756a7b4194c2383ac316721d5045', d: "M4 4l8 8M12 4l-8 8" })))))));
     }
 };
 LeTag.style = leTagCss();

package/dist/cjs/le-turntable.cjs.entry.js

@@ -127,7 +127,7 @@ const LeTurntable = class {
         this.el.style.transform = `rotate(${angle}deg)`;
     }
     render() {
-        return (index.h("div", { key: 'ddc71a1cc9dd4e1d61c460969b056e75a0c26e29', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, index.h("slot", { key: '12df0788fd0baeae7d73badfdfe21976ff989497' })));
+        return (index.h("div", { key: '044fa1f42a2052032b2c5f910670dbd16d0d83c2', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, index.h("slot", { key: '9b121701301205bb9182be89736ba64c4fd74373' })));
     }
     static get watchers() { return {
         "value": ["updateValue"]

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-CNRmviSz.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["le-button_13.cjs",[[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"]}],[769,"le-current-heading",{"selector":[1],"activeText":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"selector":["onSelectorChange"]}],[769,"le-scroll-progress",{"trackScrollProgress":[513,"track-scroll-progress"],"progress":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"trackScrollProgress":["onTrackChange"]}],[769,"le-collapse",{"closed":[1540],"scrollDown":[516,"scroll-down"],"noFading":[516,"no-fading"],"collapseOnHeaderShrink":[516,"collapse-on-header-shrink"],"headerShrunk":[32]},[[8,"leHeaderShrinkChange","handleHeaderShrink"]],{"open":["onOpenChange"],"headerShrunk":["onDrivenStateChange"]}],[769,"le-dropdown-base",{"options":[16],"value":[8],"multiple":[4],"open":[1540],"disabled":[516],"filterFn":[16],"filterQuery":[1,"filter-query"],"emptyText":[1,"empty-text"],"showCheckboxes":[4,"show-checkboxes"],"maxHeight":[1,"max-height"],"width":[1],"fullWidth":[4,"full-width"],"closeOnClickOutside":[4,"close-on-click-outside"],"focusedIndex":[32],"filteredOptions":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"options":["handleOptionsChange"],"filterQuery":["handleOptionsChange"]}],[769,"le-popup",{"mode":[1537],"open":[1540],"type":[1],"popupTitle":[1,"popup-title"],"message":[1],"modal":[4],"position":[1],"confirmText":[1,"confirm-text"],"cancelText":[1,"cancel-text"],"placeholder":[1],"defaultValue":[1,"default-value"],"closeOnBackdrop":[4,"close-on-backdrop"],"inputValue":[32],"show":[64],"hide":[64]}],[769,"le-button",{"mode":[1537],"variant":[1],"color":[1],"size":[1],"selected":[4],"fullWidth":[516,"full-width"],"iconOnly":[1,"icon-only"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"type":[1],"href":[1],"target":[1],"align":[1]}],[769,"le-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1],"externalId":[1,"external-id"]}],[769,"le-component",{"component":[1],"displayName":[1,"display-name"],"hostClass":[1,"host-class"],"hostStyle":[16],"adminMode":[32],"componentMeta":[32],"propertyValues":[32]}],[769,"le-select",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[4,"full-width"],"size":[513],"variant":[513],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectedOption":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"]}],[769,"le-slot",{"type":[1],"name":[1],"label":[1],"description":[1],"allowedComponents":[1,"allowed-components"],"multiple":[4],"required":[4],"placeholder":[1],"tag":[1],"slotStyle":[1,"slot-style"],"adminMode":[32],"textValue":[32],"isValidHtml":[32],"availableComponents":[32],"pickerOpen":[32]}],[769,"le-string-input",{"inputRef":[16],"mode":[1537],"value":[1537],"name":[1],"type":[1],"label":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"placeholder":[1],"hideDescription":[4,"hide-description"],"disabled":[4],"readonly":[4],"externalId":[1,"external-id"]}],[769,"le-popover",{"mode":[1537],"open":[1540],"position":[1],"align":[1],"popoverTitle":[1,"popover-title"],"showClose":[4,"show-close"],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"offset":[2],"width":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"triggerFullWidth":[4,"trigger-full-width"],"isPositioned":[32],"updatePosition":[64],"show":[64],"hide":[64],"toggle":[64]}]]],["le-navigation.cjs",[[769,"le-navigation",{"items":[1],"orientation":[513],"wrap":[516],"overflowMode":[513,"overflow-mode"],"minVisibleItemsForMore":[2,"min-visible-items-for-more"],"align":[513],"activeUrl":[1,"active-url"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"submenuSearchable":[4,"submenu-searchable"],"searchQuery":[32],"openState":[32],"overflowIds":[32],"hamburgerActive":[32],"fallbackHamburger":[32],"submenuQueries":[32]},null,{"items":["handleLayoutInputsChange"],"orientation":["handleLayoutInputsChange"],"wrap":["handleLayoutInputsChange"],"overflowMode":["handleLayoutInputsChange"]}]]],["le-multiselect.cjs",[[769,"le-multiselect",{"options":[1],"value":[1040],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"maxSelections":[2,"max-selections"],"showSelectAll":[1032,"show-select-all"],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectAllLabel":[32],"deselectAllLabel":[32],"selectedOptions":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64],"clearSelection":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"],"showSelectAll":["handleShowSelectAllChange"]}]]],["le-segmented-control.cjs",[[769,"le-segmented-control",{"options":[16],"value":[1032],"size":[1],"overflow":[1],"fullWidth":[4,"full-width"],"disabled":[4],"segmentConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"options":["tabsChanged"]}]]],["le-tab-bar.cjs",[[769,"le-tab-bar",{"tabs":[16],"selected":[1032],"fullWidth":[4,"full-width"],"showLabels":[4,"show-labels"],"position":[1],"size":[1],"bordered":[4],"tabConfigs":[32],"isDeclarativeMode":[32],"focusedIndex":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-tabs.cjs",[[769,"le-tabs",{"tabs":[16],"selected":[1032],"orientation":[1],"position":[1],"variant":[1],"fullWidth":[4,"full-width"],"size":[1],"wrap":[4],"overflow":[1],"tabConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-box.cjs",[[769,"le-box",{"grow":[2],"shrink":[2],"basis":[1],"width":[1],"height":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"minHeight":[1,"min-height"],"maxHeight":[1,"max-height"],"background":[1],"borderRadius":[1,"border-radius"],"border":[1],"alignSelf":[1,"align-self"],"alignContent":[1,"align-content"],"justifyContent":[1,"justify-content"],"padding":[1],"order":[2],"displayFlex":[4,"display-flex"],"innerDirection":[1,"inner-direction"],"innerGap":[1,"inner-gap"]}]]],["le-card.cjs",[[769,"le-card",{"variant":[1],"interactive":[4]}]]],["le-combobox.cjs",[[769,"le-combobox",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"allowCustom":[4,"allow-custom"],"minSearchLength":[2,"min-search-length"],"emptyText":[1,"empty-text"],"open":[1540],"inputValue":[32],"selectedOption":[32],"showDropdown":[64],"hideDropdown":[64],"focusInput":[64]},[[8,"click","handleWindowClick"]],{"value":["handleValueChange"],"options":["handleOptionsChange"]}]]],["le-number-input.cjs",[[769,"le-number-input",{"value":[1538],"name":[1],"label":[1],"placeholder":[1],"min":[2],"max":[2],"step":[2],"required":[4],"disabled":[4],"readonly":[4],"iconStart":[1,"icon-start"],"showSpinners":[4,"show-spinners"],"externalId":[1,"external-id"],"isValid":[32],"validationMessage":[32]},null,{"value":["valueChanged"]}]]],["le-stack.cjs",[[769,"le-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4],"alignContent":[1,"align-content"],"reverse":[4],"maxItems":[2,"max-items"],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"padding":[1]}]]],["le-tab-panel.cjs",[[769,"le-tab-panel",{"label":[1],"value":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"lazy":[4],"active":[32],"hasBeenActive":[32],"getValue":[64],"getTabConfig":[64],"setActive":[64]},null,{"active":["activeChanged"]}]]],["le-text.cjs",[[769,"le-text",{"variant":[1537],"align":[513],"color":[1],"truncate":[4],"maxLines":[2,"max-lines"],"adminMode":[32],"content":[32],"isFocused":[32],"selectionState":[32]},null,{"variant":["onVariantChange"]}]]],["le-header-placeholder.cjs",[[256,"le-header-placeholder"]]],["le-round-progress.cjs",[[769,"le-round-progress",{"value":[2],"padding":[2],"paths":[1],"params":[32]},null,{"value":["updateValue"],"padding":["updatePadding"],"paths":["updateProgressBackgrounds"]}]]],["le-turntable.cjs",[[769,"le-turntable",{"center":[1],"value":[2]},[[9,"mousemove","handleMouseMove"],[9,"mouseup","handleMouseUp"],[9,"resize","handleWindowResize"]],{"value":["updateValue"]}]]],["le-tag.cjs",[[769,"le-tag",{"label":[1],"mode":[1537],"icon":[1],"dismissible":[4],"disabled":[516],"size":[513],"variant":[513]}]]],["le-icon.cjs",[[769,"le-icon",{"name":[1],"size":[2],"iconData":[32],"visible":[32]},null,{"name":["loadIconData"]}]]],["le-tab.cjs",[[769,"le-tab",{"mode":[1537],"label":[1],"value":[1],"variant":[1],"position":[1],"size":[1],"focusable":[4],"selected":[4],"fullWidth":[516,"full-width"],"icon":[1],"showLabel":[4,"show-label"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"href":[1],"target":[1],"align":[1],"getTabConfig":[64]}]]]], options);
+  return index.bootstrapLazy([["le-button_13.cjs",[[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"]}],[769,"le-current-heading",{"selector":[1],"activeText":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"selector":["onSelectorChange"]}],[769,"le-scroll-progress",{"trackScrollProgress":[513,"track-scroll-progress"],"progress":[32]},[[9,"scroll","onScroll"],[9,"resize","onResize"]],{"trackScrollProgress":["onTrackChange"]}],[769,"le-collapse",{"closed":[1540],"scrollDown":[516,"scroll-down"],"noFading":[516,"no-fading"],"collapseOnHeaderShrink":[516,"collapse-on-header-shrink"],"headerShrunk":[32]},[[8,"leHeaderShrinkChange","handleHeaderShrink"]],{"open":["onOpenChange"],"headerShrunk":["onDrivenStateChange"]}],[769,"le-dropdown-base",{"options":[16],"value":[8],"multiple":[4],"open":[1540],"disabled":[516],"filterFn":[16],"filterQuery":[1,"filter-query"],"emptyText":[1,"empty-text"],"showCheckboxes":[4,"show-checkboxes"],"maxHeight":[1,"max-height"],"width":[1],"fullWidth":[4,"full-width"],"closeOnClickOutside":[4,"close-on-click-outside"],"focusedIndex":[32],"filteredOptions":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"options":["handleOptionsChange"],"filterQuery":["handleOptionsChange"]}],[769,"le-popup",{"mode":[1537],"open":[1540],"type":[1],"popupTitle":[1,"popup-title"],"message":[1],"modal":[4],"position":[1],"confirmText":[1,"confirm-text"],"cancelText":[1,"cancel-text"],"placeholder":[1],"defaultValue":[1,"default-value"],"closeOnBackdrop":[4,"close-on-backdrop"],"inputValue":[32],"show":[64],"hide":[64]}],[769,"le-button",{"mode":[1537],"variant":[1],"color":[1],"size":[1],"selected":[4],"fullWidth":[516,"full-width"],"iconOnly":[1,"icon-only"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"type":[1],"href":[1],"target":[1],"align":[1]}],[769,"le-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1],"externalId":[1,"external-id"]}],[769,"le-component",{"component":[1],"displayName":[1,"display-name"],"hostClass":[1,"host-class"],"hostStyle":[16],"adminMode":[32],"componentMeta":[32],"propertyValues":[32]}],[769,"le-select",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[4,"full-width"],"size":[513],"variant":[513],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectedOption":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"]}],[769,"le-slot",{"type":[1],"name":[1],"label":[1],"description":[1],"allowedComponents":[1,"allowed-components"],"multiple":[4],"required":[4],"placeholder":[1],"tag":[1],"slotStyle":[1,"slot-style"],"adminMode":[32],"textValue":[32],"isValidHtml":[32],"availableComponents":[32],"pickerOpen":[32]}],[769,"le-string-input",{"inputRef":[16],"mode":[1537],"value":[1537],"name":[1],"type":[1],"label":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"placeholder":[1],"hideDescription":[4,"hide-description"],"disabled":[4],"readonly":[4],"externalId":[1,"external-id"]}],[769,"le-popover",{"mode":[1537],"open":[1540],"position":[1],"align":[1],"popoverTitle":[1,"popover-title"],"showClose":[4,"show-close"],"closeOnClickOutside":[4,"close-on-click-outside"],"closeOnEscape":[4,"close-on-escape"],"offset":[2],"width":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"triggerFullWidth":[4,"trigger-full-width"],"isPositioned":[32],"updatePosition":[64],"show":[64],"hide":[64],"toggle":[64]}]]],["le-navigation.cjs",[[769,"le-navigation",{"items":[1],"orientation":[513],"wrap":[516],"overflowMode":[513,"overflow-mode"],"minVisibleItemsForMore":[2,"min-visible-items-for-more"],"align":[513],"activeUrl":[1,"active-url"],"searchable":[4],"searchPlaceholder":[1,"search-placeholder"],"emptyText":[1,"empty-text"],"submenuSearchable":[4,"submenu-searchable"],"searchQuery":[32],"openState":[32],"overflowIds":[32],"hamburgerActive":[32],"submenuQueries":[32],"overflowPopoverOpen":[32]},null,{"items":["handleLayoutInputsChange"],"orientation":["handleLayoutInputsChange"],"wrap":["handleLayoutInputsChange"],"overflowMode":["handleLayoutInputsChange"]}]]],["le-multiselect.cjs",[[769,"le-multiselect",{"options":[1],"value":[1040],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"maxSelections":[2,"max-selections"],"showSelectAll":[1032,"show-select-all"],"searchable":[4],"emptyText":[1,"empty-text"],"open":[1540],"selectAllLabel":[32],"deselectAllLabel":[32],"selectedOptions":[32],"searchQuery":[32],"showDropdown":[64],"hideDropdown":[64],"clearSelection":[64]},null,{"value":["handleValueChange"],"options":["handleOptionsChange"],"showSelectAll":["handleShowSelectAllChange"]}]]],["le-segmented-control.cjs",[[769,"le-segmented-control",{"options":[16],"value":[1032],"size":[1],"overflow":[1],"fullWidth":[4,"full-width"],"disabled":[4],"segmentConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"options":["tabsChanged"]}]]],["le-tab-bar.cjs",[[769,"le-tab-bar",{"tabs":[16],"selected":[1032],"fullWidth":[4,"full-width"],"showLabels":[4,"show-labels"],"position":[1],"size":[1],"bordered":[4],"tabConfigs":[32],"isDeclarativeMode":[32],"focusedIndex":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-tabs.cjs",[[769,"le-tabs",{"tabs":[16],"selected":[1032],"orientation":[1],"position":[1],"variant":[1],"fullWidth":[4,"full-width"],"size":[1],"wrap":[4],"overflow":[1],"tabConfigs":[32],"focusedIndex":[32],"isDeclarativeMode":[32]},[[0,"slotchange","handleSlotChange"]],{"selected":["selectedChanged"],"tabs":["tabsChanged"]}]]],["le-box.cjs",[[769,"le-box",{"grow":[2],"shrink":[2],"basis":[1],"width":[1],"height":[1],"minWidth":[1,"min-width"],"maxWidth":[1,"max-width"],"minHeight":[1,"min-height"],"maxHeight":[1,"max-height"],"background":[1],"borderRadius":[1,"border-radius"],"border":[1],"alignSelf":[1,"align-self"],"alignContent":[1,"align-content"],"justifyContent":[1,"justify-content"],"padding":[1],"order":[2],"displayFlex":[4,"display-flex"],"innerDirection":[1,"inner-direction"],"innerGap":[1,"inner-gap"]}]]],["le-card.cjs",[[769,"le-card",{"variant":[1],"interactive":[4]}]]],["le-combobox.cjs",[[769,"le-combobox",{"options":[1],"value":[1032],"placeholder":[1],"disabled":[516],"required":[4],"name":[1],"fullWidth":[516,"full-width"],"size":[513],"allowCustom":[4,"allow-custom"],"minSearchLength":[2,"min-search-length"],"emptyText":[1,"empty-text"],"open":[1540],"inputValue":[32],"selectedOption":[32],"showDropdown":[64],"hideDropdown":[64],"focusInput":[64]},[[8,"click","handleWindowClick"]],{"value":["handleValueChange"],"options":["handleOptionsChange"]}]]],["le-number-input.cjs",[[769,"le-number-input",{"value":[1538],"name":[1],"label":[1],"placeholder":[1],"min":[2],"max":[2],"step":[2],"required":[4],"disabled":[4],"readonly":[4],"iconStart":[1,"icon-start"],"showSpinners":[4,"show-spinners"],"externalId":[1,"external-id"],"isValid":[32],"validationMessage":[32]},null,{"value":["valueChanged"]}]]],["le-stack.cjs",[[769,"le-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4],"alignContent":[1,"align-content"],"reverse":[4],"maxItems":[2,"max-items"],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"padding":[1]}]]],["le-tab-panel.cjs",[[769,"le-tab-panel",{"label":[1],"value":[1],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"lazy":[4],"active":[32],"hasBeenActive":[32],"getValue":[64],"getTabConfig":[64],"setActive":[64]},null,{"active":["activeChanged"]}]]],["le-text.cjs",[[769,"le-text",{"variant":[1537],"align":[513],"color":[1],"truncate":[4],"maxLines":[2,"max-lines"],"adminMode":[32],"content":[32],"isFocused":[32],"selectionState":[32]},null,{"variant":["onVariantChange"]}]]],["le-header-placeholder.cjs",[[256,"le-header-placeholder"]]],["le-round-progress.cjs",[[769,"le-round-progress",{"value":[2],"padding":[2],"paths":[1],"params":[32]},null,{"value":["updateValue"],"padding":["updatePadding"],"paths":["updateProgressBackgrounds"]}]]],["le-turntable.cjs",[[769,"le-turntable",{"center":[1],"value":[2]},[[9,"mousemove","handleMouseMove"],[9,"mouseup","handleMouseUp"],[9,"resize","handleWindowResize"]],{"value":["updateValue"]}]]],["le-tag.cjs",[[769,"le-tag",{"label":[1],"mode":[1537],"icon":[1],"dismissible":[4],"disabled":[516],"size":[513],"variant":[513]}]]],["le-icon.cjs",[[769,"le-icon",{"name":[1],"size":[2],"iconData":[32],"visible":[32]},null,{"name":["loadIconData"]}]]],["le-bar.cjs",[[769,"le-bar",{"overflow":[513],"alignItems":[513,"align-items"],"arrows":[4],"disablePopover":[4,"disable-popover"],"showAllMenu":[8,"show-all-menu"],"popoverOpen":[32],"hamburgerActive":[32],"overflowingIds":[32],"canScrollStart":[32],"canScrollEnd":[32],"allMenuOpen":[32],"containerHeight":[32],"recalculate":[64]},[[0,"slotchange","handleSlotChange"]],{"overflow":["handleOverflowChange"]}]]],["le-tab.cjs",[[769,"le-tab",{"mode":[1537],"label":[1],"value":[1],"variant":[1],"position":[1],"size":[1],"focusable":[4],"selected":[4],"fullWidth":[516,"full-width"],"icon":[1],"showLabel":[4,"show-label"],"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"disabled":[4],"href":[1],"target":[1],"align":[1],"getTabConfig":[64]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/le-bar/le-bar.js",
     "components/le-navigation/le-navigation.js",
     "components/le-popup/le-popup.js",
     "components/le-box/le-box.js",

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

@@ -0,0 +1,255 @@
+/**
+ * le-bar - Flexible bar with overflow handling
+ */
+
+:host {
+  display: block;
+
+  /* Spacing & sizing */
+  --le-bar-gap: var(--le-spacing-2);
+  --le-bar-padding: var(--le-spacing-2);
+  --le-bar-min-height: 2.5rem;
+
+  /* Colors */
+  --le-bar-background: transparent;
+  --le-bar-border-color: var(--le-color-border);
+  --le-bar-border-radius: var(--le-radius-md);
+
+  /* Button styling */
+  --le-bar-button-size: 2rem;
+  --le-bar-button-color: var(--le-color-text-primary);
+  --le-bar-button-hover-bg: var(--le-color-gray-100);
+  --le-bar-button-border-radius: var(--le-radius-sm);
+
+  /* Arrow styling */
+  --le-bar-arrow-size: 1.5rem;
+
+  /* Popover */
+  --le-bar-popover-min-width: 200px;
+  --le-bar-popover-gap: var(--le-spacing-1);
+}
+
+/* ============================================
+ * MAIN CONTAINER
+ * ============================================ */
+
+.bar-container {
+  display: flex;
+  align-items: center;
+  gap: var(--le-bar-gap);
+  min-height: var(--le-bar-min-height);
+  background: var(--le-bar-background);
+  border-radius: var(--le-bar-border-radius);
+  padding: var(--le-bar-padding);
+}
+
+/* Alignment variations */
+.bar-container.align-start {
+  justify-content: flex-start;
+}
+
+.bar-container.align-end .bar-items {
+  justify-content: flex-end;
+}
+
+.bar-container.align-center .bar-items {
+  justify-content: center;
+}
+
+.bar-container.align-stretch .bar-items {
+  /* justify-content: stretch; */
+  justify-content: space-evenly;
+}
+
+
+/* ============================================
+ * ITEMS CONTAINER
+ * ============================================ */
+
+.bar-items {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--le-bar-gap);
+  overflow: hidden;
+  min-width: 0;
+  flex: 1 1 0%;
+  position: relative;
+}
+
+/* When height is set (overflow mode), clip content */
+.bar-items[style*="height"] {
+  overflow: hidden;
+}
+
+/* Scroll mode */
+.bar-items.is-scrollable {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-behavior: smooth;
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+
+  /* Hide scrollbar but keep functionality */
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.bar-items.is-scrollable::-webkit-scrollbar {
+  display: none;
+}
+
+.bar-items.is-scrollable ::slotted(*) {
+  scroll-snap-align: start;
+  flex-shrink: 0;
+}
+
+/* Wrap mode */
+.bar-items.is-wrapping {
+  flex-wrap: wrap;
+  overflow: visible;
+  height: auto !important;
+}
+
+/* ============================================
+ * CONTROLS (arrows, buttons)
+ * ============================================ */
+
+.bar-controls {
+  display: flex;
+  align-items: center;
+  gap: var(--le-spacing-1);
+  flex-shrink: 0;
+}
+
+.bar-controls-start {
+  order: -1;
+}
+
+.bar-controls-end {
+  order: 1;
+}
+
+/* ============================================
+ * BUTTONS (more, hamburger, all-menu)
+ * ============================================ */
+
+.bar-more-button,
+.bar-hamburger-button,
+.bar-all-menu-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--le-bar-button-size);
+  height: var(--le-bar-button-size);
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--le-bar-button-color);
+  border-radius: var(--le-bar-button-border-radius);
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+
+.bar-more-button:hover,
+.bar-hamburger-button:hover,
+.bar-all-menu-button:hover {
+  background: var(--le-bar-button-hover-bg);
+}
+
+.bar-more-button:focus-visible,
+.bar-hamburger-button:focus-visible,
+.bar-all-menu-button:focus-visible {
+  outline: 2px solid var(--le-color-focus);
+  outline-offset: 2px;
+}
+
+/* ============================================
+ * SCROLL ARROWS
+ * ============================================ */
+
+.bar-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--le-bar-arrow-size);
+  height: var(--le-bar-arrow-size);
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--le-bar-button-color);
+  border-radius: var(--le-bar-button-border-radius);
+  cursor: pointer;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+}
+
+.bar-arrow:hover:not(:disabled) {
+  background: var(--le-bar-button-hover-bg);
+}
+
+.bar-arrow:focus-visible {
+  outline: 2px solid var(--le-color-focus);
+  outline-offset: 2px;
+}
+
+.bar-arrow:disabled,
+.bar-arrow.disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+/* Rotate chevron icons for arrows */
+.arrow-icon-start {
+  transform: rotate(90deg);
+}
+
+.arrow-icon-end {
+  transform: rotate(-90deg);
+}
+
+/* ============================================
+ * POPOVER TRIGGERS
+ * ============================================ */
+
+.bar-overflow-trigger,
+.bar-all-menu-trigger {
+  display: inline-flex;
+}
+
+/* ============================================
+ * POPOVER CONTENT
+ * ============================================ */
+
+.bar-popover-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--le-bar-popover-gap);
+  min-width: var(--le-bar-popover-min-width);
+  padding: var(--le-spacing-2);
+}
+
+.bar-popover-item {
+  cursor: pointer;
+}
+
+.bar-popover-item:hover {
+  background: var(--le-bar-button-hover-bg);
+  border-radius: var(--le-bar-button-border-radius);
+}
+
+/* ============================================
+ * HAMBURGER MODE - HIDE ITEMS
+ * ============================================ */
+
+:host(.hamburger-active) .bar-items {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+
+/* ============================================
+ * HOST VARIANTS
+ * ============================================ */
+
+/* Remove redundant flex:1 since bar-items already has it */