le-kit 0.2.4 → 0.2.6

package/dist/collection/components/le-number-input/le-number-input.js

@@ -195,7 +195,7 @@ export class LeNumberInput {
         this.emitChange();
     };
     render() {
-        return (h("le-component", { key: '5ca731314dea05358c17f1d1341f60c092f7f3cf', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '59d4e240934731b055ac907ae2834e0b298cfa43', class: "le-input-wrapper" }, this.label && (h("label", { key: 'c69754d91ce30e387336e79cb964d2b3811b6143', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '87b8fd88f702752b78e392b668081dcabc3ee818', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: 'df1ae914d42940d08378af548b3f75a61da4221d', class: "icon-start" }, this.iconStart)), h("input", { key: '65cf776d7ed9ba024cb74b0b28340e4122789f1d', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: '2011b1d921ce59471f73e0e8ee71c31009cd6ccd', class: "le-input-controls" }, h("le-button", { key: '19d8bfdda57d33770d577477abc065b1f3c9f8bd', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: 'b9e929938c42d29d3d8f52547dbb2ea0d6660f59', slot: "icon-only" }, "\u2191")), h("le-button", { key: '0ac2bc5438d684deb4b29e229b7a7b1db09578e7', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: 'ec2933d49fbff75b14c2c7a3ff994f15ab22b08f', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: '7dc47495f4c2aaf3f91efaad08f56fae47de3d05', class: "le-input-error" }, this.validationMessage), h("div", { key: '165415790fab9e911ab236570e2f2723043deebb', class: "le-input-description" }, h("le-slot", { key: 'bc6401930e0546dfae4bba8436ae56392fef3c1b', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '0f39013377f404bfd78a4f19318a76e20d66f99a', name: "description" }))))));
+        return (h("le-component", { key: 'c6c327cad4a4df50aa270efcc203449f2c15d36c', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '3745bd8a915fcfc6909c96afa882c22b2fea7e87', class: "le-input-wrapper" }, this.label && (h("label", { key: '557aa7702fab5ff75d9f547a677b3bc2e72ef8aa', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '5e5f68aaabba117db7680f0680e67dffcc15dc7c', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: 'ff47ad75a59cc6a35758eead376afcb3dd10ba59', class: "icon-start" }, this.iconStart)), h("input", { key: 'ec214ea43b6cb94d7e73129c53e55506c5b0b890', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: 'e2fe4db81e51ff88447b8c27b83d0e7227516153', class: "le-input-controls" }, h("le-button", { key: '91c3d862066fbd13c222eebe043f89be5de39acd', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: 'a7008c7bcee858324ae75eaf2a9eff0c818dc521', slot: "icon-only" }, "\u2191")), h("le-button", { key: 'bd075538967672ec669287682e21d832bf0732f4', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: '915fbe4bcec150360f1f857a08675b00182a7ea3', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: '3a6b6c39aa89ad1295a6277f5b1d7b0b27ed8c4b', class: "le-input-error" }, this.validationMessage), h("div", { key: '2124de657df8f114fbcbf62dfcb878177d255274', class: "le-input-description" }, h("le-slot", { key: 'd5547bee7220cfedefe52b56f4c51a8eefde3b0e', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '643326ec71aa2b527fc7ac0baa75f329d9b460dd', name: "description" }))))));
     }
     static get is() { return "le-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -459,12 +459,12 @@ export class LePopover {
             popoverStyles.minWidth = this.minWidth;
         if (this.maxWidth)
             popoverStyles.maxWidth = this.maxWidth;
-        return (h(Host, { key: 'ab4a38788350cd0571637978291dc3cacf128290', "trigger-full-width": this.triggerFullWidth }, h("div", { key: 'aeae05965add2ef93145fecfc444124ef998e868', class: classnames('le-popover-trigger', {
+        return (h(Host, { key: '16aec5e624881b728716d00fc6827b5b9c4049b1', "trigger-full-width": this.triggerFullWidth }, h("div", { key: 'f4171fc444414c68d43b4a081b574fb6ccbc3dfe', class: classnames('le-popover-trigger', {
                 'le-popover-trigger-full-width': this.triggerFullWidth,
-            }), ref: el => (this.triggerEl = el), onClick: this.handleTriggerClick, part: "trigger" }, h("slot", { key: 'db68f48f01d2d729e46a8fe46e7a10f3c28cecd6', name: "trigger" }, h("button", { key: 'e2ab0f5516d18b8cb209c3172c84d46041089c39', type: "button", class: "le-popover-default-trigger" }, h("span", { key: '1a8062028340b3696fbce2f2911b7cecba947841' }, "\u2295")))), h("div", { key: '19ff2c84398d3851c51f64f3369017790e9a6ab2', id: this.uniqueId, class: "le-popover-content",
+            }), ref: el => (this.triggerEl = el), onClick: this.handleTriggerClick, part: "trigger" }, h("slot", { key: '039a6b55fc666443605178c6f86ecd0155bfab1f', name: "trigger" }, h("button", { key: 'f7140509d06b764d3da9086a895036bccb72b939', type: "button", class: "le-popover-default-trigger" }, h("span", { key: 'd618acd932b9489020373820a81bde4bc8ec01e6' }, "\u2295")))), h("div", { key: '678d09edfa103eecd3fe04b03933d8c4c7c7f847', id: this.uniqueId, class: "le-popover-content",
             // Always use manual mode so nested popovers can be open together.
             // We implement click-outside and Escape handling ourselves.
-            popover: "manual", ref: el => (this.popoverEl = el), style: popoverStyles, "data-fallback-open": this.supportsPopoverApi ? undefined : String(this.open) }, (this.popoverTitle || this.showClose) && (h("div", { key: 'fba07fb0c59685f51dd0952560d47abbce7b7424', class: "le-popover-header" }, this.popoverTitle && h("span", { key: '064851cf48684a1bb9e2a27c8d415bcf449fc871', class: "le-popover-title" }, this.popoverTitle), this.showClose && (h("button", { key: '281803ab3f5aeab0f0ed842dba513ef5991f6619', type: "button", class: "le-popover-close", onClick: () => this.hide(), "aria-label": "Close" }, "\u00D7")))), h("div", { key: '4aea10af963421a60145b6ed0913f1447b8f0599', class: "le-popover-body", part: "content" }, h("slot", { key: 'e4310d522411a43164d08eb74a935777782e6bac' })))));
+            popover: "manual", ref: el => (this.popoverEl = el), style: popoverStyles, "data-fallback-open": this.supportsPopoverApi ? undefined : String(this.open) }, (this.popoverTitle || this.showClose) && (h("div", { key: '98404abda58b31d5a405be271180924bc140cb45', class: "le-popover-header" }, this.popoverTitle && h("span", { key: '43b1559400087ea256485c4755bf2db61feff3de', class: "le-popover-title" }, this.popoverTitle), this.showClose && (h("button", { key: '99ef18a9f3b0268b0010bc3cb1637a9409a47888', type: "button", class: "le-popover-close", onClick: () => this.hide(), "aria-label": "Close" }, "\u00D7")))), h("div", { key: '1631159f18e60932960449f86da91cd00f859fac', class: "le-popover-body", part: "content" }, h("slot", { key: '87a4a321122749546b18d1706dd39911eab3b843' })))));
     }
     static get is() { return "le-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -209,7 +209,7 @@ export class LePopup {
     }
     render() {
         const positionClass = `le-popup-position-${this.position}`;
-        return (h("dialog", { key: '20ac8e086b2999191c769a0ee03b1c1182103809', class: `le-popup-dialog ${positionClass}`, part: "dialog", ref: el => (this.dialogEl = el), onClick: this.handleBackdropClick }, h("le-component", { key: '468b1d737c2301b041c2a7a13afc658505f74c5b', component: "le-popup" }, h("div", { key: '829cad08439dc5d0b3f9c78092a46faa016bbec2', class: "le-popup-container", part: "container" }, this.renderHeader(), this.renderBody(), this.renderFooter()))));
+        return (h("dialog", { key: '75ff06ac2532818f2951283fb455d165d1b13e89', class: `le-popup-dialog ${positionClass}`, part: "dialog", ref: el => (this.dialogEl = el), onClick: this.handleBackdropClick }, h("le-component", { key: '0fea1c4ea66d8457c66bf5e14b08b7ac3251a9cc', component: "le-popup" }, h("div", { key: 'eb95845004b27cdba2e817b2f296a59ae1d62552', class: "le-popup-container", part: "container" }, this.renderHeader(), this.renderBody(), this.renderFooter()))));
     }
     static get is() { return "le-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-round-progress/le-round-progress.js

@@ -85,7 +85,7 @@ export class LeRoundProgress {
         return (h("svg", { viewBox: this.getViewBox(), class: "round-progress" }, paths));
     }
     render() {
-        return (h("div", { key: '3ffd4b3088bb03af650e413b3c24b5c8206abe7b', class: "round-progress--container" }, this.getPaths(), h("svg", { key: 'd5b1a23bc9bf3092fa1e97857dcd1cb3d690d39d', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: 'a3ded815f03c77fbb693822223e10979ae0db760', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: '3d54c7c12e5930d51bc4dfcdcf1b82829eea8ad9' })));
+        return (h("div", { key: '6379320fd320009f649c11d58f2e918c733de68d', class: "round-progress--container" }, this.getPaths(), h("svg", { key: 'af63bb6fdf93e2d0d8060be60fcd41b4f74c294e', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: '7b8e0b41a9487b6ba02ef90b1f0a0177aac058f6', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: '659336629730730ba96f5fbc788dc01e4f280fed' })));
     }
     static get is() { return "le-round-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-scroll-progress/le-scroll-progress.js

@@ -118,7 +118,7 @@ export class LeScrollProgress {
     }
     render() {
         const width = `${this.progress * 100}%`;
-        return (h(Host, { key: 'bbbf42c0402c2b565d6d6b740e0863ed9543cc43' }, h("div", { key: '085ca4aad35549d49ef1553d2eb0fd805df2af4a', class: "track", part: "track", "aria-hidden": "true" }, h("div", { key: '12dc1e4bc87afa64e47d75d3c3c097af82b74b94', class: "fill", part: "fill", style: { width } }))));
+        return (h(Host, { key: '5aa4fc59f57bbb1de387debf27b4a39c073c85bf' }, h("div", { key: '7bce9ba58ce43340c6e1c56afe7cb50eb0117079', class: "track", part: "track", "aria-hidden": "true" }, h("div", { key: 'adc0c2fe77b49d9496c67d05ce2b1a38dcafef05', class: "fill", part: "fill", style: { width } }))));
     }
     static get is() { return "le-scroll-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-segmented-control/le-segmented-control.js

@@ -236,7 +236,7 @@ export class LeSegmentedControl {
             'full-width': fullWidth,
             'disabled': disabled,
         };
-        return (h(Host, { key: '559bbf293fcd9108dfc04025562cee8d87fe87ba', class: `overflow-${this.overflow}` }, h("le-component", { key: '12cb853ddae94c506c5788882fb3336301e283c6', component: "le-segmented-control" }, h("div", { key: 'bedce1c124e8ab3daa089a74915afa8f6ed62f3d', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
+        return (h(Host, { key: 'a285c7c0ca824e96670b51dc638301c2c8ab6a6b', class: `overflow-${this.overflow}` }, h("le-component", { key: '6afe6d0861d3e797efabac23b24ad9731e19b6dd', component: "le-segmented-control" }, h("div", { key: '251f4d07960c6f464001cf6fda7643fe8db6af09', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
             const optValue = this.getOptionValue(option);
             const isSelected = optValue === value;
             const isDisabled = option.disabled || disabled;

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

@@ -192,13 +192,13 @@ export class LeSelect {
     }
     render() {
         const hasValue = this.selectedOption !== undefined;
-        return (h("le-component", { key: '6f2eebab3f0afcef9d1801812ad0cc4cfb4456b6', component: "le-select" }, h("le-dropdown-base", { key: 'eb34e28681f84fbd5a75d415facd9f1f79012010', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose, fullWidth: this.fullWidth }, h("le-button", { key: 'e8507bfd78aa3267fb2513810599361cd223f8eb', variant: this.variant && this.variant !== 'default' ? this.variant : 'outlined', slot: "trigger", align: "space-between", class: {
+        return (h("le-component", { key: '1659550d258d0d647cefa5715cc9cbcf5ac3b6c7', component: "le-select" }, h("le-dropdown-base", { key: '4210afe927afaf35adeb25794d684d8bf6265604', ref: el => (this.dropdownEl = el), options: this.parsedOptions, value: this.value, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose, fullWidth: this.fullWidth }, h("le-button", { key: '204b62bae909fb979f84f79ab64a7405f44df0a7', variant: this.variant && this.variant !== 'default' ? this.variant : 'outlined', slot: "trigger", align: "space-between", class: {
                 'select-trigger': true,
                 'has-value': hasValue,
                 'is-open': this.open,
             }, mode: "default", size: this.size, disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown, fullWidth: this.fullWidth, iconStart: hasValue && this.selectedOption?.iconStart
                 ? this.renderIcon(this.selectedOption.iconStart)
-                : null, iconEnd: h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { d: "M4 6l4 4 4-4" })) }, h("span", { key: 'afd07c274a9b340ed16d89844495fdf588e7ebfe', class: "trigger-label" }, hasValue ? this.selectedOption.label : this.placeholder)), this.searchable && this.open && (h("div", { key: 'baeaf8eb5ad2083d3860d9e02991d32144e23038', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '4d3a7d002fb4476db71f2e37ce44dc62cc89f2fc', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name && h("input", { key: '37e3432981fda47a0bbf09bcb56851bd5dab4ca4', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
+                : null, iconEnd: h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { d: "M4 6l4 4 4-4" })) }, h("span", { key: 'abb56957a4ddf6b39c3554b26e46c0ad51e022be', class: "trigger-label" }, hasValue ? this.selectedOption.label : this.placeholder)), this.searchable && this.open && (h("div", { key: '25d58fdfddc45f7fde1a41defdbd50dbddd70ea5', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '81b290d28bed6190b9ec165897ec2e7d758575bf', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name && h("input", { key: '70e413d81035cdd61bfdaeae27ba3ced0a25f544', type: "hidden", name: this.name, value: this.value?.toString() ?? '' })));
     }
     static get is() { return "le-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -343,7 +343,7 @@ export class LeSlot {
     render() {
         const displayLabel = this.label || this.name;
         // Always render the same structure, CSS handles visibility via .admin-mode class
-        return (h(Host, { key: '0b2b3edf3690ed9769438ef019111638e5de0276', class: {
+        return (h(Host, { key: '02bfcbc32ff96bcbdcb531430283b67a257a8333', class: {
                 'admin-mode': this.adminMode,
                 'invalid-html': !this.isValidHtml,
             }, role: this.adminMode ? 'region' : undefined, "aria-label": this.adminMode ? `Slot: ${displayLabel}` : undefined, "data-slot-name": this.name, "data-slot-type": this.type, "data-allowed": this.allowedComponents, "data-multiple": this.multiple, "data-required": this.required }, this.adminMode ? (h("div", { class: "le-slot-container" }, h("div", { class: classnames('le-slot-header', {

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

@@ -134,7 +134,7 @@ export class LeStack {
         });
         // Slot style for admin mode - make items display in the same direction
         const slotStyle = `display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap || 'var(--le-space-md)'}; flex-wrap: ${this.wrap ? 'wrap' : 'nowrap'}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;
-        return (h("le-component", { key: '5f01f4afc716be565227e396952da314182de505', component: "le-stack", hostClass: hostClass }, h("div", { key: '1eef9ac4318f39038282c3574d0019c4d904b421', class: "stack", part: "stack", style: style }, h("le-slot", { key: 'f4445ca2070d685a3621df06dffe02b40cbb2db3', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, h("slot", { key: '90d40bfa5c766d6161614e90ab8f8cec8a0a6dc3' })))));
+        return (h("le-component", { key: 'b9fa5837421caadf0bf79a9303a2b279f9efa92c', component: "le-stack", hostClass: hostClass }, h("div", { key: 'a7d39ec296b741f608832d619639e340c42bc652', class: "stack", part: "stack", style: style }, h("le-slot", { key: 'd0a4643dcb137eefc57629ac78579e51e3530fd1', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, h("slot", { key: '70a847ebeebc868a204b9121f922ad70f34186a4' })))));
     }
     static get is() { return "le-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/le-string-input/le-string-input.js

@@ -99,11 +99,11 @@ export class LeStringInput {
         ev.stopPropagation();
     };
     render() {
-        return (h("le-component", { key: 'c28242025bd09955e03d3aa7e5f7d1fd0693817f', component: "le-string-input", hostClass: classnames({ disabled: this.disabled }) }, h("div", { key: 'e995b83c1668d4818c634f39acb16683baef844c', class: "le-input-wrapper" }, this.label && (h("label", { key: 'cb0a17558b2a07bf211bdb5ecd7d4e8aec9554cc', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: 'c50a27c4e0732c05b37d6ff6ea77e74f05e942d6', class: "le-input-container", part: "container" }, this.iconStart && h("span", { key: 'f9e01713742664671938e66498a407fd0d408b5f', class: "icon-start" }, this.iconStart), h("input", { key: '2357145ebdb43bc6eb52450508f707699253da91', ref: el => {
+        return (h("le-component", { key: 'd77913214c129e32a8707b984d2a32cc9daa27b0', component: "le-string-input", hostClass: classnames({ disabled: this.disabled }) }, h("div", { key: '0059b3a7b915096469c0c9ad4f24f431cff96d30', class: "le-input-wrapper" }, this.label && (h("label", { key: '20cac379c5a5a3ff6554997fb8a1504b5fdbac02', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '7a5460949f07c16e333fe4fd641e5d003aeddeaf', class: "le-input-container", part: "container" }, this.iconStart && h("span", { key: 'bd1996639dfafab0f77149f5a66debcbf9d229f7', class: "icon-start" }, this.iconStart), h("input", { key: 'e768f8af9b47ce493dd8d0aee01655ee48521f15', ref: el => {
                 if (this.inputRef) {
                     this.inputRef(el);
                 }
-            }, id: this.name, type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }), this.iconEnd && h("span", { key: '22ea7682c0e74910905d08fceeab2b4d0270af60', class: "icon-end" }, this.iconEnd)), !this.hideDescription && (h("div", { key: 'e281b9cc97935296dda68bf52fa3318997a6c39d', class: "le-input-description" }, h("le-slot", { key: '438f02f1a197968f9d5aa751214a680fc17eb2ba', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '3e52eb43aede04916d0004449fc03c4987d62715', name: "description" })))))));
+            }, id: this.name, type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }), this.iconEnd && h("span", { key: 'afe7c876edccbf0fa15f838ef3ccf8a0cbb51fca', class: "icon-end" }, this.iconEnd)), !this.hideDescription && (h("div", { key: '9a4d068a1b3fffd9b5beae410382631ec0c4f737', class: "le-input-description" }, h("le-slot", { key: 'bc738beb28f7d7c6890f09a4a5b2a59cd328a625', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '716953e93011f8b2d323f19b0c21a30997ea566e', name: "description" })))))));
     }
     static get is() { return "le-string-input"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -236,7 +236,7 @@ export class LeTabBar {
             'position-top': this.position === 'top',
             'position-bottom': this.position === 'bottom',
         };
-        return (h(Host, { key: '99ecfa8de9c894f913ab1ea2a2293c4fe863a6e9', class: classes }, h("le-component", { key: '59de2d9ffe9710d9480b6666a539039b0a38675e', component: "le-tab-bar" }, h("div", { key: '13b4037e84ee994d924bd08dc6305f1ad7bab3bd', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, h("le-slot", { key: 'cab80272032e911ce09549fbdc18c2eb9df1de74', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
+        return (h(Host, { key: '45acb7c7c2c2676f1b7040d59dc56e3ef762a5fb', class: classes }, h("le-component", { key: 'ed3b7eaf5163ebe676b3c830039f689782d6c58b', component: "le-tab-bar" }, h("div", { key: 'ba0d8f8a6adb511671ab540e7c1f3cdcda86dc05', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, h("le-slot", { key: '11e4cb848cfb6ede8f65d2d35732f9d7702def26', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
             const value = this.getTabValue(tab);
             const isSelected = value === selected;
             return (h("le-tab", { key: value, class: "tab", role: "tab", variant: "icon-only", label: tab.label, value: tab.value, icon: tab.icon, href: tab.href, selected: isSelected, disabled: tab.disabled, showLabel: this.showLabels, size: size, part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : undefined, tabIndex: -1, onClick: () => this.handleTabClick(tab) }, h("span", { class: "tab-label" }, tab.label)));

package/dist/collection/components/le-tab-panel/le-tab-panel.js

@@ -88,11 +88,11 @@ export class LeTabPanel {
     }
     render() {
         const shouldRender = this.shouldRenderContent();
-        return (h("le-component", { key: '19aab1adeb6de102df6c92d84df1ea65b4143912', component: "le-tab-panel" }, h("div", { key: 'e7c75b5a093da0cf0563b4e374c98c2fba2e8cb1', class: {
+        return (h("le-component", { key: '0e3a7a052446c3643c09b24ef00f75e8510a5222', component: "le-tab-panel" }, 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 }, h("le-slot", { key: '0847f8b0cb41f5fbc131839160eadb51e9d5f5a4', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: 'c52b444823c3e981a3e832c16fa1cd5db53d6d33' })))));
+            }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, h("le-slot", { key: '825f30d9cf743243ace0555d48f634feafaefe6a', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: '92e6ade3fa4c97ac0579cba0f78f55ddf00f0fba' })))));
     }
     static get is() { return "le-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -291,7 +291,7 @@ export class LeTabs {
             : this.position === 'start'
                 ? 'top'
                 : 'bottom';
-        return (h("le-component", { key: '6882b32d3be8f1686c1f367bdcd9fc54ee92a8ee', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: 'd50731bf95b4898dec01f1a003f6b8e1f694ef87', class: classes }, h("div", { key: '1e07303c43016d13dedff719b6efc5374f97d7db', class: {
+        return (h("le-component", { key: 'a19d36c9613b49aac936f8015e6b5527d3673e55', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: 'd7fa47c769880d2741a88997a1dd3bbf8eedec81', class: classes }, h("div", { key: '4d34d50afeef2ae01a4e8fe0ba0b34fdf9239bbd', class: {
                 'tablist': true,
                 'wrap-tabs': this.wrap,
                 [`overflow-${this.overflow}`]: true,
@@ -300,7 +300,7 @@ export class LeTabs {
             const tabId = `tab-${config.value}`;
             const panelId = `panel-${config.value}`;
             return (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 }, h("span", { class: "tab-label" }, config.label)));
-        })), h("div", { key: 'dcd32445495900eda29cc610c30261da6262c3c4', class: "panels", part: "panels" }, isDeclarativeMode ? (
+        })), h("div", { key: '81a0a74054e983642c5eb6d274d5563a5c91c06b', class: "panels", part: "panels" }, isDeclarativeMode ? (
         // Declarative mode - render slot for le-tab-panel children
         h("le-slot", { name: "", description: "Tab panels", type: "slot", allowedComponents: "le-tab-panel" }, h("slot", null))) : (
         // Programmatic mode - render named slots

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

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

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

@@ -120,7 +120,7 @@ export class LeTurntable {
         this.el.style.transform = `rotate(${angle}deg)`;
     }
     render() {
-        return (h("div", { key: 'ddc71a1cc9dd4e1d61c460969b056e75a0c26e29', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: '12df0788fd0baeae7d73badfdfe21976ff989497' })));
+        return (h("div", { key: '044fa1f42a2052032b2c5f910670dbd16d0d83c2', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: '9b121701301205bb9182be89736ba64c4fd74373' })));
     }
     static get is() { return "le-turntable"; }
     static get encapsulation() { return "shadow"; }