@limetech/lime-elements 39.26.0 → 39.28.0

package/dist/esm/limel-help-content.entry.js

@@ -14,7 +14,7 @@ const HelpContent = class {
         };
     }
     render() {
-        return (h(Host, { key: '6f52a747b64fe7136596a1edb660cd030021f473' }, h("limel-markdown", { key: '7c0913d1a8c39d38f392529ee8fd4a1531aae638', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: 'd8348566878d1ebc277acd98741b6069a5ba41ae' }, h("limel-markdown", { key: '28a3655258389463093dff17a4c928d8f8e0c6d1', value: this.value }), this.renderReadMoreLink()));
     }
 };
 HelpContent.style = limelHelpContentCss();

package/dist/esm/limel-help.entry.js

@@ -24,9 +24,9 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (h(Host, { key: 'a52d9b4c220e21005011449735b97599cffb542e' }, h("limel-popover", { key: '8b6690894351ec32f5b982ca5d3aeac7300f5576', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '98e5dc4abcff54df74b02c737e4889e17639ddc6', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (h(Host, { key: 'bb98d15ffbc75245a879209cd9198237cdb687fa' }, h("limel-popover", { key: '4f508fccb54a611c594b82bdcd0cf371aa449a17', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '338edb90b5f181639d96ef9dfcda1bea732ab063', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: '10b2d483aa459403b3d922add805bf6f64ae66e3', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: '012a79ec5695adb852f8b8ec98a718e516faf113', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();

package/dist/esm/limel-helper-line.entry.js

@@ -30,9 +30,9 @@ const HelperLine = class {
         };
     }
     render() {
-        return (h(Host, { key: '8ef6eb3b3e372e5dc61af1424a88c1c342023d13', tabIndex: -1, class: {
+        return (h(Host, { key: 'a98bee6c37925cbbf8c27957e61bc94912cecf2f', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '3b4e31c23f5964aabb67556e68bd1785c871d934' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'e2f8640001f002c5fcb825a52c8020aa85e40b9c' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
 };
 HelperLine.style = helperLineCss();

package/dist/esm/limel-hotkey_4.entry.js

@@ -119,7 +119,7 @@ const Hotkey = class {
             .map((p) => p.ariaName)
             .filter(Boolean)
             .join(' ');
-        return (h(Host, { key: 'ab1b9d31080740d19a4633c8c5bc92b02625c111', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
+        return (h(Host, { key: '64fe94022e5b3d6fad796b04223408ce4ce8abfd', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -1996,7 +1996,7 @@ const Portal = class {
         }
     }
     render() {
-        return h("slot", { key: 'c8e7ba60cdab45dd239eae6c9123f673a48e8e22' });
+        return h("slot", { key: 'd6ed0d276afec19ba5ffd4d6a6fcf96937127d6a' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2264,10 +2264,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: 'a88bd5dddfd5cd3170365e059681c71714ea44d8', class: "trigger-anchor" }, h("limel-portal", { key: 'f267863a5e88bdceade994b7ed359d8009676fe2', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: 'bb784749dd20ef6cda629303058dbb0df848f655', class: "trigger-anchor" }, h("limel-portal", { key: 'baca835ff99112bebd09cce6a22181b7a00fc0a5', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '8a58395071b2017fa1dd100899002eec67156750', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: 'b830c5052040a8f10345844584b296a1b0c1b00f', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaDescribedby() {
         var _a;
@@ -2306,7 +2306,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (h(Host, { key: '3994a2ea4040dfd7dfa969a3347d111994d769e1', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '8a7cfd75957eea1515a22928f4783f787f1288bc', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: '7dae3fae1f48d6aed186d4a40ec2d3ae4c675c34', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '892d2b80b4e3d333f363579e8be63726366ec772', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

package/dist/esm/limel-icon-button.entry.js

@@ -47,7 +47,7 @@ const IconButton = class {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (h(Host, { key: 'ffea4e0d48339c908b3ae9afc4d3b46922189ad6', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: 'e4689ca52a6c0c81ddb6e9637584fe140846025b', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: '2b7e9fa78a431c534a75cc547e514c37d56fb99d', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '969e377c71b0e04dc14418b0233a1407e05d1c27', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

package/dist/esm/limel-icon.entry.js

@@ -159,7 +159,7 @@ const Icon = class {
         this.loadIcon(this.name);
     }
     render() {
-        return h("div", { key: '23b5f2c90c98461f65c0bcdb291f9958e00ac353', class: "container" });
+        return h("div", { key: '24f5b154eb8ee0229ed1eff823b14bee7f6f0070', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {
@@ -187,12 +187,34 @@ const Icon = class {
         const container = this.host.shadowRoot.querySelector('div.container');
         if (container) {
             container.innerHTML = svgData;
+            // On initial render, only override the SVG's class if the
+            // consumer set `svgClass`. Otherwise leave the SVG's baked-in
+            // class alone — that's the default state stateless icons rely on.
+            if (this.svgClass !== undefined) {
+                this.applySvgClass(this.svgClass);
+            }
+        }
+    }
+    applySvgClass(value) {
+        var _a;
+        const svg = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg');
+        if (!svg) {
+            return;
+        }
+        if (value === undefined) {
+            svg.removeAttribute('class');
+        }
+        else {
+            svg.setAttribute('class', value);
         }
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "name": [{
                 "loadIcon": 0
+            }],
+        "svgClass": [{
+                "applySvgClass": 0
             }]
     }; }
 };

package/dist/esm/limel-info-tile.entry.js

@@ -104,9 +104,9 @@ const InfoTile = class {
             this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
         const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
         const rel = getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (h(Host, { key: '3754cadd6c7cf0ee99e0f5dc2234732126dcdc1e', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'c812a64253f3687f230c9a306727addae91ac685', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
+        return (h(Host, { key: 'a12dddce4afb401b0895bfbe3e8fc14c31d33e8f', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'd703439fe830283cfaf3e43cfe40be11359d9485', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '62e330f8b945d562b5ee4677a62ab21ec1b6defe', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: 'de41a8bc66d7f706153188f84b96481dfa25f8f9', class: "value-group" }, this.renderPrefix(), h("div", { key: '8ae36080dadd6b4a7135c7280e51a88015f30fbc', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '0221c5e66f2a30b60e619bc7d6fe35e66d1db653' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '5225e11cc2b03040cb9a9208fb0f3967251af1da', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '4151efa75f96d89c660cd17c94a507ddb53e88e3', class: "value-group" }, this.renderPrefix(), h("div", { key: '4af9db956ab1c4670fd9757b9a65ab646f7c4bb3', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '04a5fb2d9dbaeaf6596a9289470fedb971baf138' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

package/dist/esm/limel-list-item.entry.js

@@ -3,7 +3,7 @@ import { g as getIconName } from './get-icon-props-CgNJbSP4.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { r as renderListComponent } from './render-list-component-D7LjGxDF.js';
 import { C as CheckboxTemplate } from './checkbox.template-CfWJ3CAC.js';
-import { t as translate } from './translations-Dv3YcsA7.js';
+import { t as translate } from './translations-EPnIW0K5.js';
 
 const listItemCss = () => `@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;overflow-wrap:var(--limel-boolean-input-label-overflow-wrap, normal);font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)));}.checked .box,.boolean-input>input[type=checkbox]:checked+.box,.boolean-input>input[type=radio]:checked+.box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.box{}.boolean-input:not(.disabled):hover .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):active .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit;}.boolean-input>input[type=checkbox]:focus-visible+.box:before,.boolean-input>input[type=radio]:focus-visible+.box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white));}.boolean-input:not(.disabled):hover .box:after{will-change:opacity, box-shadow, transform, width}:host(limel-checkbox){--limel-boolean-input-label-overflow-wrap:var(       --checkbox-label-overflow-wrap,       normal   );min-height:var(--limel-checkbox-min-height, 2.5rem)}.box:after{height:0.125rem;width:0.25rem}.indeterminate .box:after{opacity:1;width:calc(var(--limel-boolean-input-box-size) - 0.5rem)}.checkbox{--limel-boolean-input-box-border-radius:0.25rem}.checkbox svg.check-mark{position:absolute;z-index:1;inset:0;transform:translate3d(-0.125rem, -0.125rem, 0);width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);padding:0.25rem;color:rgb(var(--color-white));opacity:0;stroke-width:0.1875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.checkbox svg.check-mark path{stroke-dashoffset:29.7833;stroke-dasharray:29.7833;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1)}.checkbox{}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark{opacity:1}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark path{stroke-dashoffset:0}limel-dynamic-label{margin-top:0.375rem;margin-left:-0.25rem}:host(limel-checkbox:focus),:host(limel-checkbox:focus-visible),:host(limel-checkbox:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-checkbox){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-checkbox:focus) limel-helper-line,:host(limel-checkbox:focus-visible) limel-helper-line,:host(limel-checkbox:focus-within) limel-helper-line,:host(limel-checkbox:hover) limel-helper-line{will-change:grid-template-rows}*,*:before,*:after{box-sizing:border-box}limel-list-item{min-height:2.5rem}limel-list-item:focus{outline:none}limel-list-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-list-item{transition:background-color 0.6s ease;position:relative;isolation:isolate;display:flex;align-items:center;gap:0.5rem;padding:0 1rem;background-color:rgb(var(--contrast-100))}limel-list-item:hover{z-index:1;transition:background-color 0.2s ease;border-radius:0.5rem}limel-list-item:focus,limel-list-item:focus-visible,limel-list-item:active{z-index:1;border-radius:0.5rem}limel-list-item:first-of-type{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}limel-list-item:last-of-type{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}limel-list-item:not([disabled]):not([disabled=true]){cursor:pointer}limel-list-item[disabled]:not([disabled=false]){cursor:not-allowed}limel-list-item[disabled]:not([disabled=false]){cursor:not-allowed}limel-list-item[disabled]:not([disabled=false]) .text,limel-list-item[disabled]:not([disabled=false]) limel-icon,limel-list-item[disabled]:not([disabled=false]) img,limel-list-item[disabled]:not([disabled=false]) .boolean-input{opacity:0.4}limel-list-item:not([disabled]):not([disabled=true]):hover,limel-list-item:not([disabled]):not([disabled=true]):focus-visible{background-color:rgb(var(--contrast-400))}limel-list-item[type=option]:before{transition:background-color 0.6s ease;content:"";position:absolute;inset:0;opacity:0.2;border-radius:0.5rem}limel-list-item[type=option][selected]:not([selected=false]):before{transition:background-color 0.2s ease;background-color:var(--limel-theme-primary-color)}limel-list-item .text{flex-grow:1;min-width:0;display:flex;flex-direction:column;padding:0.5rem 0;color:var(--limel-theme-text-primary-on-background-color)}limel-list-item .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--limel-theme-default-font-size);line-height:1rem}limel-list-item .description{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:var(--maxLinesSecondaryText);line-height:1rem;font-size:var(--limel-theme-default-small-font-size);opacity:0.6}limel-list-item limel-icon{color:var(--limel-theme-text-secondary-on-background-color);flex-shrink:0;margin-left:-0.5rem}limel-list-item limel-icon:has(+img){margin-left:0;position:absolute;top:0.125rem;left:0.125rem;padding:0.1875rem;width:1.25rem;background-color:rgb(var(--contrast-200), 0.8)}limel-list-item img{flex-shrink:0;object-fit:var(--list-item-image-object-fit, cover);border-radius:var(--list-item-image-border-radius, 50%);width:2rem;height:2rem;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.5)}limel-list-item limel-menu{margin-right:-0.5rem;order:var(--limel-list-item-menu-order, 3)}limel-list-item[role=menuitem] limel-list-item .label{font-size:var(--limel-theme-default-small-font-size)}.boolean-input,limel-radio-button{width:var(--limel-boolean-input-box-size) !important;margin-left:-0.25rem !important}.boolean-input.checkbox{margin-right:0.25rem}limel-list-item:has(limel-icon) .boolean-input,limel-list-item:has(img) .boolean-input{margin-right:-0.25rem;margin-left:0;order:2}.boolean-input .boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}`;
 
@@ -127,9 +127,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: '53571b4a11273ceaaada5eaa7b867fc4ce0385e7', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '29af1206ab6cd86e16a8e33a4353ab41802e0e0d', role: this.getHostRole(), class: {
                 'has-primary-component': !!((_a = this.primaryComponent) === null || _a === void 0 ? void 0 : _a.name),
-            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'a42ecf417e353adab3f53086ef379c2782f2fd1f', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '9758d2cc300f17797d8d279900f091bcb1edbb31', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

package/dist/esm/limel-markdown.entry.js

@@ -1165,7 +1165,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: '3e247fb8cee298825b5f9330fb30a1a71d634a1a' }, h("div", { key: '5f469a73b6722096ba9f0965355c5d5221753097', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: '11f47d10f91be0bc34d28442fdaaef0f6ed933b8' }, h("div", { key: '3c17e3eb60e16808752d86ca7ac80cd31fe8eaed', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/esm/limel-masonry-layout.entry.js

@@ -41,7 +41,7 @@ const MasonryLayout = class {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (h(Host, { key: 'e41aecdf81962515dabef9b872cac4a44facf45d', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '94e9603630597a47bef3861a076fca9a8e90dd3c' })));
+        return (h(Host, { key: '96474303b8e0669127598445ef7b5daf391fa5ca', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '02ad70f00a6863657c3f26a6fb048861752e3c4b' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

package/dist/esm/limel-menu-item-meta.entry.js

@@ -16,7 +16,7 @@ const MenuItemMeta = class {
         this.showChevron = false;
     }
     render() {
-        return (h(Host, { key: '4341b1cd34952fdd2dc40bc3c4b7eb909646d880' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '6a43a3fe582330918957583bc6d7949578c77167' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

package/dist/esm/limel-picker.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DBTJNfo7.js';
+import { t as translate } from './translations-EPnIW0K5.js';
 import { i as isDescendant } from './dom-B9Ofc5RB.js';
-import { T as TAB, E as ESCAPE, a as ENTER, A as ARROW_UP, b as ARROW_DOWN } from './keycodes-rI0IeKpx.js';
+import { E as ESCAPE, T as TAB, a as ENTER, A as ARROW_UP, b as ARROW_DOWN } from './keycodes-rI0IeKpx.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { a as getIconFillColor, g as getIconName } from './get-icon-props-CgNJbSP4.js';
 import { d as debounce } from './debounce-B67JMchz.js';
@@ -29,6 +30,12 @@ const Picker = class {
          * but allow interaction with existing items.
          */
         this.readonly = false;
+        /**
+         * Defines the language for translations. Affects the labels
+         * rendered by the picker itself, such as the "Results matching"
+         * header shown above the suggestion list while the user is typing.
+         */
+        this.language = 'en';
         /**
          * True if the control requires a value
          */
@@ -121,7 +128,7 @@ const Picker = class {
                 this.loading = true;
             });
             const searcher = this.searcher || this.defaultSearcher;
-            const result = (await searcher(this.textValue));
+            const result = await searcher(this.textValue);
             // If the search function resolves immediately,
             // the loading spinner will not be shown.
             clearTimeout(timeoutId);
@@ -143,7 +150,6 @@ const Picker = class {
         };
         this.handleTextInput = this.handleTextInput.bind(this);
         this.handleInputKeyDown = this.handleInputKeyDown.bind(this);
-        this.handleDropdownKeyDown = this.handleDropdownKeyDown.bind(this);
         this.handleInputFieldFocus = this.handleInputFieldFocus.bind(this);
         this.handleChange = this.handleChange.bind(this);
         this.handleInteract = this.handleInteract.bind(this);
@@ -187,7 +193,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            h("limel-chip-set", Object.assign({ key: 'd3490b3bcba25c3603a13881b9ce4708f459dc09', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
+            h("limel-chip-set", Object.assign({ key: '36c7521c2ee4232d08fdb86ed2e3d295fda69e01', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
             this.renderDropdown(),
         ];
     }
@@ -256,7 +262,14 @@ const Picker = class {
             return this.renderSpinner();
         }
         if (!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
-            return this.renderEmptyMessage();
+            // Only show "no matching results" when the user actually has
+            // a query in flight. Without this guard, the message would
+            // also render right after Esc clears the input, leaving the
+            // dropdown stuck in an "empty result" state.
+            if (this.textValue !== '') {
+                return this.renderEmptyMessage();
+            }
+            return;
         }
         return this.renderListResult();
     }
@@ -279,22 +292,32 @@ const Picker = class {
             } }, h("limel-spinner", { limeBranded: false })));
     }
     renderEmptyMessage() {
-        if (!this.emptyResultMessage) {
-            return;
-        }
+        const text = this.emptyResultMessage ||
+            translate.get('picker.no-matching-results', this.language, {
+                query: this.textValue,
+            });
         const style = {
             color: 'rgb(var(--contrast-1100))',
-            'text-align': 'center',
+            textAlign: 'center',
+            fontSize: 'var(--limel-theme-default-font-size)',
             margin: '0.5rem 1rem',
         };
-        return h("p", { style: style }, this.emptyResultMessage);
+        return h("p", { style: style }, text);
     }
     renderListResult() {
         return (h("limel-list", { badgeIcons: this.badgeIcons, onChange: this.handleListChange, onKeyDown: this.onListKeyDown, type: "selectable", items: this.items }));
     }
     onListKeyDown(event) {
-        const keyFound = [TAB, ESCAPE, ENTER].includes(event.key);
-        if (keyFound) {
+        if (event.key === ESCAPE) {
+            // Stop bubble; otherwise menu-surface also emits `dismiss`
+            // and triggers a duplicate clear via handleCloseMenu.
+            event.preventDefault();
+            event.stopPropagation();
+            this.handleEscape();
+            this.chipSet.setFocus();
+            return;
+        }
+        if ([TAB, ENTER].includes(event.key)) {
             this.chipSet.setFocus();
         }
     }
@@ -341,7 +364,7 @@ const Picker = class {
      * @param event - event
      */
     handleListChange(event) {
-        var _a, _b;
+        var _a, _b, _c;
         event.stopPropagation();
         if (!this.value || this.value !== event.detail) {
             let newValue = event.detail;
@@ -350,11 +373,21 @@ const Picker = class {
                 newValue = [...currentValue, event.detail];
             }
             this.change.emit(newValue);
-            this.items = [];
+            if (this.multiple) {
+                const remaining = this.items.filter((item) => item !== event.detail);
+                this.items = this.hasPickableItems(remaining) ? remaining : [];
+            }
+            else {
+                // Single-pick: the search session ends with the pick, so
+                // wipe the input. (In multi-pick we deliberately keep the
+                // typed query so the user can keep adding matches.)
+                this.items = [];
+                this.textValue = '';
+                (_b = this.chipSet) === null || _b === void 0 ? void 0 : _b.emptyInput();
+            }
         }
         if (this.multiple) {
-            this.textValue = '';
-            (_b = this.chipSet) === null || _b === void 0 ? void 0 : _b.setFocus(true);
+            (_c = this.chipSet) === null || _c === void 0 ? void 0 : _c.setFocus();
         }
     }
     /**
@@ -410,6 +443,13 @@ const Picker = class {
             !event.shiftKey;
         const isUp = event.key === ARROW_UP;
         const isDown = event.key === ARROW_DOWN;
+        const isEscape = event.key === ESCAPE;
+        if (isEscape) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.handleEscape();
+            return;
+        }
         if (!isForwardTab && !isUp && !isDown) {
             return;
         }
@@ -438,44 +478,76 @@ const Picker = class {
             listElement.focus();
         }
     }
-    /**
-     * Key handler for the dropdown
-     *
-     * @param event - event
-     */
-    handleDropdownKeyDown(event) {
-        const isEscape = event.key === ESCAPE;
-        if (isEscape) {
-            event.preventDefault();
-            this.textValue = '';
-            this.chipSet.setFocus(true);
-        }
-    }
     handleSearchResult(query, result) {
         var _a;
         if (query === this.textValue) {
-            this.items = result;
+            let nextItems = result;
             if (this.multiple) {
                 const values = (_a = this.value) !== null && _a !== void 0 ? _a : [];
-                this.items = result.filter((item) => {
+                nextItems = result.filter((item) => {
+                    if ('separator' in item) {
+                        return true;
+                    }
                     return !values.includes(item);
                 });
             }
+            this.items = this.prependSearchHeader(query, nextItems);
             this.loading = false;
         }
     }
-    handleCloseMenu() {
-        if (this.items.length > 0) {
-            return;
+    hasPickableItems(items) {
+        return items.some((item) => !('separator' in item));
+    }
+    prependSearchHeader(query, items) {
+        if (query === '') {
+            return items;
+        }
+        if (!this.hasPickableItems(items)) {
+            return items;
         }
+        const text = translate.get('picker.results-matching', this.language, {
+            query: query,
+        });
+        return [{ separator: true, text: text }, ...items];
+    }
+    handleCloseMenu() {
         this.clearInputField();
     }
-    clearInputField() {
+    /**
+     * Shared prelude for any flow that ends the current search session:
+     * wipe the chip-set's visible text, reset the picker's `textValue`,
+     * and cancel any in-flight debounced search.
+     *
+     * Used by `clearInputField` (which then drops the dropdown
+     * entirely) and `resetSearchToDefault` (which re-runs the searcher
+     * with an empty query to repopulate the dropdown with defaults).
+     */
+    clearTextValue() {
         this.chipSet.emptyInput();
         this.textValue = '';
-        this.handleSearchResult('', []);
         this.debouncedSearch.cancel();
     }
+    clearInputField() {
+        this.clearTextValue();
+        this.handleSearchResult('', []);
+    }
+    resetSearchToDefault() {
+        this.clearTextValue();
+        this.search('');
+    }
+    /**
+     * Two-stage Esc: first press clears the typed query but keeps the
+     * dropdown open showing the default suggestions; a second press
+     * (with the query already empty) closes the dropdown.
+     */
+    handleEscape() {
+        if (this.textValue === '') {
+            this.clearInputField();
+        }
+        else {
+            this.resetSearchToDefault();
+        }
+    }
     static get delegatesFocus() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/limel-popover_2.entry.js

@@ -122,7 +122,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (h("div", { key: '7bc94b0e636ab16a04e76947731eb815f9a33e38', class: "trigger-anchor" }, h("slot", { key: 'e35b20eb6e38755cd50f71ada0413efcc79ce9e0', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '397107a1f1fa9f796f0801da60df81084a0862ea', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: 'f63f011a8d529a68b535fcbed4685a5bb508dded', contentCollection: this.host.children, style: cssProperties }))));
+        return (h("div", { key: '53e64435fa661015fbbf2e449890864c8008c329', class: "trigger-anchor" }, h("slot", { key: '85336e8f76377921850ffc7704c7588707c45066', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: 'a40bfde87375a494ac5404911b4b1f058a55becf', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '396e369ae3e61a79bfd2f520e05187a6ff85f834', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -165,7 +165,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return h("div", { key: '2ade664e817c3559b6721f0567736c8942afd2f1', class: "limel-popover-surface", tabindex: "0" });
+        return h("div", { key: '72e73b254be6cebbd27332329b10a58210ae0352', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

package/dist/esm/limel-profile-picture.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DBTJNfo7.js';
 import { i as isTypeAccepted } from './files-CZAZotms.js';
 import { g as getIconName } from './get-icon-props-CgNJbSP4.js';
-import { t as translate } from './translations-Dv3YcsA7.js';
+import { t as translate } from './translations-EPnIW0K5.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { r as resizeImage } from './image-resize-DPcww8rE.js';
 import './file-metadata-BHzkIH4g.js';

package/dist/esm/limel-prosemirror-adapter.entry.js

@@ -3,7 +3,7 @@ import { E as EditorMenuTypes, L as LevelMapping, M as MouseButtons, e as editor
 import { g as getLinkAttributes, m as markdownToHTML, s as sanitizeHTML } from './markdown-parser-D7vLKElE.js';
 import { h as cloneDeep } from './cloneDeep-CL7UD3mR.js';
 import { c as decodeHTML } from './index-t4DgGbWS.js';
-import { t as translate } from './translations-Dv3YcsA7.js';
+import { t as translate } from './translations-EPnIW0K5.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { i as isItem } from './is-item-CrvUOVvg.js';
 import { c as createFileInfo } from './files-CZAZotms.js';
@@ -27401,7 +27401,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: 'b7dbbd5a73e68e2df2b52f36f6d57bc0885f87a3', onFocus: this.handleFocus }, h("div", { key: 'a630b7eacb1b5be9460b85944e2a3a5955661437', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '125d6d80cfc94a3121cde5d121d3cb2a26cf1635', onFocus: this.handleFocus }, h("div", { key: 'eb076afa683c0dfcb57b6688bc94ce1b81ce5710', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/esm/limel-radio-button-group.entry.js

@@ -24,7 +24,7 @@ const RadioButtonGroup = class {
         };
     }
     render() {
-        return (h("limel-list", { key: '0a68f90122f1e246d966e3b747f0e13bed2c901b', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (h("limel-list", { key: 'd42e6342d4fd79d34cb2c6a9d25d3dfe577e9a99', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
     }
     createItems() {
         return this.items.map((option) => {

package/dist/esm/limel-radio-button.entry.js

@@ -7,12 +7,12 @@ const RadioButtonComponent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd198242b1e1a066b38b1d6ddc55fcd8dd7817c36', class: {
+        return (h(Host, { key: '64623e09534c5b4e457029cbed4865d97d3cc19e', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, h("input", { key: '7b2a009c5753d4ad9bad3c1ee9d8aa2b1fc30db8', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '8eef5a56df7502ec7b6cb1ed84c8b8f0a72cd21c', class: "box" }), h("label", { key: 'bcd0883bf0dbdd307508a47e98402e590167fa00', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, h("input", { key: '4eb816e8031d20bbfa5beb32798e50e5d3747895', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '9e7d7db22981a16b4655d7cbcd7c3eb2462a7953', class: "box" }), h("label", { key: '4b2061d351b2d4d03d6e5763bc132be46d146e48', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();

package/dist/esm/limel-select.entry.js

@@ -571,7 +571,7 @@ const Select = class {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (h(SelectTemplate, { key: '4a03a36bc3b80995c825ef3e87d8b30f7e8618a9', id: this.portalId, disabled: this.disabled || this.readonly, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerPress: this.handleMenuTriggerKeyPress, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
+        return (h(SelectTemplate, { key: '8c14a523262356e12ac5322a917b0f888d794f21', id: this.portalId, disabled: this.disabled || this.readonly, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerPress: this.handleMenuTriggerKeyPress, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
     }
     watchOpen(newValue, oldValue) {
         if (this.checkValid) {

package/dist/esm/limel-shortcut.entry.js

@@ -46,7 +46,7 @@ const Shortcut = class {
     render() {
         var _a, _b, _c, _d, _e;
         const rel = getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
-        return (h(Host, { key: 'edf3774fe6e6d8e91866e4517e3614907dd499a0', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: '1ed137455023ec2caa34cc2a2c1e893f8178cad4', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: 'c36a0d1d339675309d85e02a342e30d4fd002b58', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'ab9be4306bb4af9b5cb958acbb82a75eb3cfc4d4' })), this.renderLabel(), this.renderNotification()));
+        return (h(Host, { key: '531a8b5cc870974dc01a7e20eef553fa53e77509', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: '997342917a0d28103ff340ad0e8cee766e48f85c', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: '30f694eb6cc1ee927e41e6b39aedaa46e6b5715f', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'f083e6f0d5bc0eb205cee0d7018c9f76b0c39d89' })), this.renderLabel(), this.renderNotification()));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/limel-slider.entry.js

@@ -194,9 +194,9 @@ const Slider = class {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (h(Host, { key: '00987f40cc3a4a7d47a5efec7257acbfcde2df06', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '90d73bb40733a3bd85b0c7d6fb0420f4b48de9e9', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: 'd35d56c074af9c68663a7f2c475794f82cc2f924', slot: "content" }, h("div", { key: '28367643903a7c888eb4c381e498d179afb2374a', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: '9e2f5519e946f39444b21c893fa7c45db769b1d6', type: "range", min: min, max: max, value: this.displayValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperText
+        return (h(Host, { key: 'fa9695563f078bdab1707422cad3aaef2610e592', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '8b71ef15e9544a6b346248217c2c2fa8acbba6e7', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: '0327cf7d5295bb1d56e2e34b8dca15cfc3e15c0d', slot: "content" }, h("div", { key: '83fade77119ba9fa1d24ae8fdcd54317648918b3', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: '5181430787abe75b4556923e31ebe8520df977e9', type: "range", min: min, max: max, value: this.displayValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperText
                 ? this.helperTextId
-                : undefined, onInput: this.handleInput, onChange: this.handleChange }, inputProps)), h("div", { key: '58525aba7ff932188e1395a71f43a5b3a448cfcc', class: "track" }, h("div", { key: '4e4c6f0eb6fea869a9e204c79adb8ca2c481f566', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '326cefe13667b61450ed270fee96ec6bca479fa6', class: "thumb" }, h("div", { key: '716621ccf495c5f9ec27758b62d5f15b9995cf06', class: "knob" }), h("div", { key: '110c06b6803a4120ee1c613880b2ea8243702c89', class: "indicator", "aria-hidden": "true" }, this.displayValue))), h("div", { key: '0c82e7f841b39be2380a450898c231c37282e502', class: "range-labels" }, h("span", { key: '40088f1c268470bc585f5dbcf92f479641a6c2e0', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: '8375f191def455fb3967209d18d839ada677c477', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderHelperLine()));
+                : undefined, onInput: this.handleInput, onChange: this.handleChange }, inputProps)), h("div", { key: '6ee95d718f1d01e92adcf9592882ed1d32e4ba67', class: "track" }, h("div", { key: 'bba420e41501990bdeb1326e59e6eff57000848d', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '46e5a45adbda4e1a650d01408c3d228f1c6be68d', class: "thumb" }, h("div", { key: 'eeba995f52ff3291e2e7818528b05c7c1dec1b32', class: "knob" }), h("div", { key: 'd0321459ed22c6870d939da54df43fe2bfef6333', class: "indicator", "aria-hidden": "true" }, this.displayValue))), h("div", { key: 'bcc4449d7605343fd64f4b89b50c8e5d665f6937', class: "range-labels" }, h("span", { key: '301c78b1640551fe814ad3b2768bb40f9b682b39', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: '7f8d741f63030b6f8e88231e5215448b815bf3ca', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderHelperLine()));
     }
     watchValue() {
         this.displayValue = this.multiplyByFactor(this.getValue());

package/dist/esm/limel-snackbar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DBTJNfo7.js';
-import { t as translate } from './translations-Dv3YcsA7.js';
+import { t as translate } from './translations-EPnIW0K5.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 
 /**
@@ -145,14 +145,14 @@ const Snackbar = class {
         }
     }
     render() {
-        return (h("aside", { key: '99446faf1f17a1fe421f316d53225e0ed6d78ee6', popover: "manual", style: {
+        return (h("aside", { key: '41ced0ac7a40f8317766dabd45a107f304ec46bd', popover: "manual", style: {
                 '--snackbar-timeout': `${Math.max(this.timeout || 0, 0)}ms`,
                 '--snackbar-distance-to-top-edge': `${this.offset}px`,
             }, class: {
                 open: this.open,
                 'is-closing': this.closing,
                 'limel-portal--parent': true,
-            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: 'e846035a835f06912efe2e6452f0face9ecb001f', class: "surface" }, h("limel-markdown", { key: '339f067e2e290359674a406b0fa4ad7a49fd5da4', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
+            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: 'a493f7cfafaf63696f8e1ac532103fdfa03b9312', class: "surface" }, h("limel-markdown", { key: '0cda776d6680eff1e8d0f1aff9d3657ef8287d80', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {