le-kit 0.4.0 → 0.5.1

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: '564debce4ffeb0124883647ec953982d450d73f9', component: "le-tabs", hostClass: utils.classnames(classes) }, index.h("div", { key: '99dadc1e28db67dad1e6f4e9fdb817a2ed3fc26a', class: classes }, index.h("div", { key: '2138321100dccf61fe39bc3717920f832a6b4175', class: {
+        return (index.h("le-component", { key: '9a92363db43231088e476bca66dbbf47f26ebf34', component: "le-tabs", hostClass: utils.classnames(classes) }, index.h("div", { key: '3c14f3367e2b281090721e5521bfa8a3b53f5b97', class: classes }, index.h("div", { key: 'cd4aad46f9a8e1ec5760f9388a0c4149556bfb06', 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: 'b7c1fb07a0828e390e7b4be43e5ce294ee18f7e1', class: "panels", part: "panels" }, isDeclarativeMode ? (
+        })), index.h("div", { key: '0b34e9ab8ce8f0e31ad9392bc3a6a60c92a0aa00', 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: 'f3868492b1441f51d1b541873c9a664b735be63c', component: "le-tag" }, index.h("span", { key: 'f6a5dfd08aaebc1f184f5eaa953bc3c894816f4e', class: "tag" }, this.renderIcon(), index.h("span", { key: 'a260e1b25efa64014ee83c20639b258de1cc199d', class: "tag-label" }, index.h("le-slot", { key: 'ce00c5f6d7d50918a7f7f95231f5d11c91088bdc', name: "", tag: "span", type: "text" }, index.h("slot", { key: '0abb3f3f3263ff7d19f549015eda351a61c38f69' }, this.label))), this.dismissible && (index.h("button", { key: 'a9d05f7197bbd8520131f0695a782f49e6ca389e', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, index.h("svg", { key: '8bee150f71783b67799c8d7b5fe6d84bfa9f03d6', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '4188837fca4364c1051170f6012acc1db6fda003', d: "M4 4l8 8M12 4l-8 8" })))))));
+        return (index.h("le-component", { key: '8c76ae38877bbb3ba35588adadee0cf61b76ffed', component: "le-tag" }, index.h("span", { key: 'a2dd1709505e58baada6fb9b40312e207435e8a6', class: "tag" }, this.renderIcon(), index.h("span", { key: '99bac5f6df170af17de5550b9f0489538e9760bc', class: "tag-label" }, index.h("le-slot", { key: '41740e400b168986980e8ff93187af9828cca5f9', name: "", tag: "span", type: "text" }, index.h("slot", { key: 'd823f3dc74c1e49b89fe5fff2df9d7e244d7d591' }, this.label))), this.dismissible && (index.h("button", { key: '96a058e3cab2d7fb091e1e6ec77404f8cf80358c', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, index.h("svg", { key: 'bfbb3f7c73aef6f06f5c45e98d4047d2aa629f2c', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, index.h("path", { key: '16a68b9458ccd806415d5ef8bda7fa1513cdf46d', 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: '3ca6c5b813ca0a392b4e43e2761217d92639265b', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, index.h("slot", { key: '914a6e52e82ff7e245010e54dbadcf92011a1b89' })));
+        return (index.h("div", { key: '50d1e3a01db9e77a3c391e04af74b70f39c23f8f', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, index.h("slot", { key: 'a4c5d3cc2a99edf860ff7aa5318fa76443cdd2fd' })));
     }
     static get watchers() { return {
         "value": ["updateValue"]

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-BzadfLTc.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"le-bar_16.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\"]}],[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-bar\",{\"overflow\":[513],\"alignItems\":[513,\"align-items\"],\"arrows\":[4],\"disablePopover\":[4,\"disable-popover\"],\"minVisibleItems\":[2,\"min-visible-items\"],\"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\"]}],[769,\"le-icon\",{\"name\":[1],\"size\":[2],\"iconData\":[32],\"visible\":[32]},null,{\"name\":[\"loadIconData\"]}],[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-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-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-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-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-side-panel.cjs\",[[769,\"le-side-panel\",{\"panelId\":[1,\"panel-id\"],\"side\":[1],\"collapseAt\":[1,\"collapse-at\"],\"narrowBehavior\":[1,\"narrow-behavior\"],\"open\":[1540],\"collapsed\":[1540],\"panelWidth\":[2,\"panel-width\"],\"minPanelWidth\":[2,\"min-panel-width\"],\"maxPanelWidth\":[2,\"max-panel-width\"],\"resizable\":[4],\"persistKey\":[1,\"persist-key\"],\"showCloseButton\":[4,\"show-close-button\"],\"autoShowOnWide\":[4,\"auto-show-on-wide\"],\"autoHideOnNarrow\":[4,\"auto-hide-on-narrow\"],\"panelLabel\":[1,\"panel-label\"],\"isNarrow\":[32],\"responsiveReady\":[32],\"overlayMounted\":[32],\"overlayVisible\":[32],\"currentWidthPx\":[32],\"resizing\":[32]},[[6,\"keydown\",\"onDocumentKeyDown\"],[4,\"leSidePanelRequestToggle\",\"onToggleRequest\"]],{\"panelWidth\":[\"onPanelWidthChanged\"],\"collapsed\":[\"onCollapsedChanged\"],\"open\":[\"onOpenChanged\"],\"collapseAt\":[\"onResponsivePropChanged\"],\"narrowBehavior\":[\"onResponsivePropChanged\"]}]]],[\"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-side-panel-toggle.cjs\",[[769,\"le-side-panel-toggle\",{\"panelId\":[1,\"panel-id\"],\"action\":[1],\"shortcut\":[1],\"disabled\":[4],\"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\"],\"type\":[1],\"href\":[1],\"target\":[1],\"align\":[1]},null,{\"shortcut\":[\"onShortcutChanged\"]}]]],[\"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(JSON.parse("[[\"le-bar_16.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\"]}],[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-bar\",{\"overflow\":[513],\"alignItems\":[513,\"align-items\"],\"arrows\":[4],\"disablePopover\":[4,\"disable-popover\"],\"minVisibleItems\":[2,\"min-visible-items\"],\"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\"]}],[769,\"le-icon\",{\"name\":[1],\"size\":[2],\"iconData\":[32],\"visible\":[32]},null,{\"name\":[\"loadIconData\"]}],[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-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-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-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-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-side-panel.cjs\",[[769,\"le-side-panel\",{\"panelId\":[1,\"panel-id\"],\"side\":[1],\"collapseAt\":[1,\"collapse-at\"],\"narrowBehavior\":[1,\"narrow-behavior\"],\"open\":[1540],\"collapsed\":[1540],\"panelWidth\":[2,\"panel-width\"],\"minPanelWidth\":[2,\"min-panel-width\"],\"maxPanelWidth\":[2,\"max-panel-width\"],\"resizable\":[4],\"persistKey\":[1,\"persist-key\"],\"showCloseButton\":[4,\"show-close-button\"],\"autoShowOnWide\":[4,\"auto-show-on-wide\"],\"autoHideOnNarrow\":[4,\"auto-hide-on-narrow\"],\"panelLabel\":[1,\"panel-label\"],\"isNarrow\":[32],\"responsiveReady\":[32],\"overlayMounted\":[32],\"overlayVisible\":[32],\"currentWidthPx\":[32],\"resizing\":[32]},[[6,\"keydown\",\"onDocumentKeyDown\"],[4,\"leSidePanelRequestToggle\",\"onToggleRequest\"]],{\"panelWidth\":[\"onPanelWidthChanged\"],\"collapsed\":[\"onCollapsedChanged\"],\"open\":[\"onOpenChanged\"],\"collapseAt\":[\"onResponsivePropChanged\"],\"narrowBehavior\":[\"onResponsivePropChanged\"]}]]],[\"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-code-input.cjs\",[[769,\"le-code-input\",{\"value\":[1537],\"name\":[1],\"label\":[1],\"length\":[2],\"description\":[1],\"type\":[1],\"disabled\":[4],\"readonly\":[4],\"externalId\":[1,\"external-id\"],\"error\":[4],\"isFocused\":[32],\"selectionStart\":[32],\"selectionEnd\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"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-side-panel-toggle.cjs\",[[769,\"le-side-panel-toggle\",{\"panelId\":[1,\"panel-id\"],\"action\":[1],\"shortcut\":[1],\"disabled\":[4],\"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\"],\"type\":[1],\"href\":[1],\"target\":[1],\"align\":[1]},null,{\"shortcut\":[\"onShortcutChanged\"]}]]],[\"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

@@ -9,6 +9,7 @@
     "components/le-button/le-button.js",
     "components/le-card/le-card.js",
     "components/le-checkbox/le-checkbox.js",
+    "components/le-code-input/le-code-input.js",
     "components/le-collapse/le-collapse.js",
     "components/le-combobox/le-combobox.js",
     "components/le-component/le-component.js",

package/dist/collection/components/le-code-input/le-code-input.css

@@ -0,0 +1,106 @@
+:host {
+  display: block;
+
+  --le-input-bg: var(--le-color-surface, #ffffff);
+  --le-input-color: var(--le-color-text-primary, #333333);
+  --le-input-border: var(--le-border-width, 2px) solid var(--le-color-border-input, #007bff);
+  --le-input-radius: var(--le-radius-sm, 4px);
+  --le-input-border-focus: 2px solid var(--le-color-focus);
+  --le-input-border-focus-offset: 2px;
+}
+
+.le-code-input-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.le-input-label {
+  display: block;
+  margin-bottom: var(--le-spacing-2, 0.5rem);
+  color: var(--le-text-color, inherit);
+  font-size: var(--le-font-size-sm, 0.875rem);
+  font-weight: 500;
+}
+
+.input-group {
+  position: relative;
+  display: inline-flex;
+  width: fit-content;
+}
+
+.ghost-input {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  z-index: 10;
+  cursor: text;
+  color: transparent;
+  background: transparent;
+  caret-color: transparent;
+  border: none;
+  outline: none;
+  letter-spacing: 1em; /* Try to match boxes? */
+}
+
+.ghost-input:disabled {
+  cursor: not-allowed;
+}
+
+.visual-container {
+  display: flex;
+  gap: var(--le-spacing-2, 8px);
+  pointer-events: none; /* Let clicks pass to ghost input */
+}
+
+.code-box {
+  position: relative;
+  width: var(--le-code-box-size, 32px);
+  height: var(--le-code-box-size, 42px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--le-input-bg);
+  border: var(--le-input-border);
+  border-radius: var(--le-input-radius);
+  color: var(--le-input-color);
+  font-size: 1.2rem;
+  transition: all 0.15s ease-in-out;
+  box-sizing: border-box;
+  user-select: none;
+}
+
+.code-box.active {
+  outline: var(--le-input-border-focus);
+  outline-offset: var(--le-input-border-focus-offset);
+  z-index: 1;
+}
+
+.code-box.selected {
+  background-color: SelectedItem;
+  outline: var(--le-input-border-focus);
+  outline-offset: var(--le-input-border-focus-offset);
+}
+
+.input-group.has-error .code-box {
+  border: var(--le-input-border-error, 1px solid #ef4444);
+}
+
+.input-group.has-error .code-box.active {
+  border-width: 2px;
+}
+
+:host(.disabled) .code-box {
+  background-color: var(--le-color-disabled-bg, #f3f4f6);
+  color: var(--le-color-disabled-text, #9ca3af);
+  border-color: var(--le-color-disabled-border, #e5e7eb);
+}
+
+.le-input-description,
+:host(p) {
+  margin-top: var(--le-spacing-1, 0.25rem);
+  color: var(--le-text-muted, #6b7280);
+  font-size: var(--le-font-size-sm, 0.875rem);
+}