@limetech/lime-elements 39.9.4 → 39.10.0

package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js

@@ -11,6 +11,7 @@ var debounce = require('./debounce-DgDnRSlt.js');
 var component = require('./component-CFk7Dfoi.js');
 var ponyfill = require('./ponyfill-BgIFyUG5.js');
 var focusTriggerElement = require('./focus-trigger-element-NnpJ5nTp.js');
+var hotkeys = require('./hotkeys-BtR8uxvl.js');
 var eq = require('./eq-B1KBAwmK.js');
 var util = require('./util-BOQp7lfZ.js');
 var component$1 = require('./component-y8swlNNR.js');
@@ -672,7 +673,7 @@ const InputField = class {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (index.h(index.Host, { key: '6427ea1655ab4fa9d07a2e5e4f8f1b4bad169065' }, index.h("limel-notched-outline", { key: '5dbf37b876ed2673acdd439a875b6b82ef34ee22', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, index.h("label", { key: '47ec8a216b5b5799769af87ce603e04f6a3abbaa', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
+        return (index.h(index.Host, { key: 'be352ea1f105d4c3f77b567de32626488ea4a60b' }, index.h("limel-notched-outline", { key: '0bae1383ad7421ffdc3468bbfc79af59d7c2e3cb', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, index.h("label", { key: '3667d9fbf90227232d8089a421455c7ab72e4202', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
     }
     valueWatcher(newValue) {
         if (!this.mdcTextField) {
@@ -2527,7 +2528,7 @@ const List = class {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (index.h(index.Host, { key: 'cc025328924cab9298919a2873ec1744aeed3dab', style: {
+        return (index.h(index.Host, { key: 'cbe0fda77189118ad3515dc3c4ab02c6cd9bc58a', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -2635,6 +2636,35 @@ const Menu = class {
          * Clicking it navigates back from a sub-menu to the root menu.
          */
         this.rootItem = DEFAULT_ROOT_BREADCRUMBS_ITEM;
+        this.shouldRestoreFocusOnClose = false;
+        this.normalizedHotkeyCache = new Map();
+        this.cachedSubMenuSource = null;
+        this.cachedSubMenuItems = null;
+        this.handleDocumentKeyDown = (event) => {
+            if (event.key === keycodes.ESCAPE && this.open) {
+                this.shouldRestoreFocusOnClose = true;
+            }
+            if (!this.open || event.defaultPrevented || event.repeat) {
+                return;
+            }
+            if (this.isFromTextInput(event) && !this.hasModifier(event)) {
+                return;
+            }
+            const pressedHotkey = hotkeys.hotkeyFromKeyboardEvent(event);
+            if (!pressedHotkey) {
+                return;
+            }
+            if (this.isReservedMenuHotkey(pressedHotkey)) {
+                return;
+            }
+            const matchedItem = this.findMenuItemByHotkey(pressedHotkey);
+            if (!matchedItem) {
+                return;
+            }
+            event.stopPropagation();
+            event.preventDefault();
+            this.handleSelect(matchedItem);
+        };
         this.renderLoader = () => {
             if (!this.loadingSubItems && !this.loading) {
                 return;
@@ -2724,6 +2754,9 @@ const Menu = class {
         // Will change focus to breadcrumbs (if present) or the first/last item
         // in the dropdown list to enable selection with the keyboard
         this.handleInputKeyDown = (event) => {
+            if (event.defaultPrevented) {
+                return;
+            }
             const isForwardTab = event.key === keycodes.TAB &&
                 !event.altKey &&
                 !event.metaKey &&
@@ -2890,10 +2923,14 @@ const Menu = class {
             }
         };
         this.onClose = () => {
+            const restoreFocus = this.shouldRestoreFocusOnClose;
+            this.shouldRestoreFocusOnClose = false;
             this.cancel.emit();
             this.open = false;
             this.currentSubMenu = null;
-            setTimeout(this.focusTrigger, 0);
+            if (restoreFocus) {
+                setTimeout(this.focusTrigger, 0);
+            }
         };
         this.onTriggerClick = (event) => {
             event.stopPropagation();
@@ -3079,23 +3116,113 @@ const Menu = class {
         const cssProperties = this.getCssProperties();
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
         const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
-        return (index.h("div", { key: '7769d71e01b3e7835fdec458a56858c10eb0c71a', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { key: '800c993b63e1ae0fd94d1c984ffbfaef96eec627', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), index.h("limel-portal", { key: 'cc4da9d70f09030f4c41567611b42dda8ad4403e', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { key: '5bb2a262f66d2f9b7bcbe46009574daf5eddf589', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
+        return (index.h("div", { key: '720330cf7d07c491a5a9e58a2567896f5526c45a', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { key: 'd3db72fa9e12bafbb039e6a94a1052edf64e060e', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), index.h("limel-portal", { key: '591f97a745488fbff7eb8fc06b14d2f6e0d21fa6', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { key: '829a9578894165b28100c4cab519ced0cb7689a0', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
                 'has-grid-layout': this.gridLayout,
             } }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
     }
     itemsWatcher() {
         this.clearSearch();
+        this.normalizedHotkeyCache.clear();
         this.setFocus();
     }
+    connectedCallback() {
+        if (this.open) {
+            document.addEventListener('keydown', this.handleDocumentKeyDown, true);
+        }
+    }
+    disconnectedCallback() {
+        document.removeEventListener('keydown', this.handleDocumentKeyDown, true);
+    }
     openWatcher(newValue) {
         const opened = newValue;
         if (opened) {
+            document.addEventListener('keydown', this.handleDocumentKeyDown, true);
             this.setFocus();
         }
         else {
+            document.removeEventListener('keydown', this.handleDocumentKeyDown, true);
             this.clearSearch();
         }
     }
+    isFromTextInput(event) {
+        const path = typeof event.composedPath === 'function'
+            ? event.composedPath()
+            : [];
+        for (const node of path) {
+            if (!(node instanceof HTMLElement)) {
+                continue;
+            }
+            if (node.isContentEditable) {
+                return true;
+            }
+            const tagName = node.tagName;
+            if (tagName === 'INPUT' ||
+                tagName === 'TEXTAREA' ||
+                tagName === 'SELECT') {
+                return true;
+            }
+        }
+        return false;
+    }
+    // Only Ctrl and Meta count as "real" modifiers for the text-input bypass.
+    // Alt/Option is intentionally excluded because it is used for typing
+    // special characters on international keyboards and macOS (e.g. Option+e
+    // for é, AltGr+e for € on Windows). This means alt-only hotkeys like
+    // "alt+x" will NOT fire while a text input (e.g. the search field) is
+    // focused — only Ctrl/Meta combos will. AltGraph is also explicitly
+    // rejected because Windows synthesizes ctrlKey=true for AltGr keypresses.
+    hasModifier(event) {
+        var _a;
+        if ((_a = event.getModifierState) === null || _a === void 0 ? void 0 : _a.call(event, 'AltGraph')) {
+            return false;
+        }
+        return event.ctrlKey || event.metaKey;
+    }
+    isReservedMenuHotkey(hotkey) {
+        const tokens = hotkeys.tokenizeHotkeyString(hotkey);
+        const key = tokens.at(-1);
+        if (!key) {
+            return false;
+        }
+        const hasModifiers = tokens.length > 1;
+        if (hasModifiers) {
+            return false;
+        }
+        return (key === 'arrowup' ||
+            key === 'arrowdown' ||
+            key === 'arrowleft' ||
+            key === 'arrowright' ||
+            key === 'tab' ||
+            key === 'enter' ||
+            key === 'space' ||
+            key === 'escape');
+    }
+    findMenuItemByHotkey(pressedHotkey) {
+        for (const item of this.visibleItems) {
+            if (!this.isMenuItem(item) || item.disabled) {
+                continue;
+            }
+            const rawHotkey = item.hotkey;
+            if (!rawHotkey) {
+                continue;
+            }
+            const normalized = this.getNormalizedHotkey(rawHotkey);
+            if (normalized && normalized === pressedHotkey) {
+                return item;
+            }
+        }
+        return null;
+    }
+    getNormalizedHotkey(raw) {
+        var _a;
+        const cacheKey = raw.trim();
+        if (this.normalizedHotkeyCache.has(cacheKey)) {
+            return (_a = this.normalizedHotkeyCache.get(cacheKey)) !== null && _a !== void 0 ? _a : null;
+        }
+        const normalized = hotkeys.normalizeHotkeyString(cacheKey);
+        this.normalizedHotkeyCache.set(cacheKey, normalized);
+        return normalized;
+    }
     getBreadcrumbsItems() {
         const breadCrumbItems = [];
         let currentItem = this.currentSubMenu;
@@ -3158,7 +3285,11 @@ const Menu = class {
             return this.searchResults;
         }
         else if (Array.isArray((_a = this.currentSubMenu) === null || _a === void 0 ? void 0 : _a.items)) {
-            return this.currentSubMenu.items.map((item) => (Object.assign(Object.assign({}, item), { parentItem: this.currentSubMenu })));
+            if (this.cachedSubMenuSource !== this.currentSubMenu) {
+                this.cachedSubMenuSource = this.currentSubMenu;
+                this.cachedSubMenuItems = this.currentSubMenu.items.map((item) => (Object.assign(Object.assign({}, item), { parentItem: this.currentSubMenu })));
+            }
+            return this.cachedSubMenuItems;
         }
         return this.items;
     }
@@ -4662,12 +4793,15 @@ class MenuListRenderer {
             const hasSubMenu = this.hasSubItems(item);
             const hasMeta = hasSubMenu ||
                 item.badge !== undefined ||
-                (!!('commandText' in item) && !!item.commandText);
+                !!item.hotkey ||
+                !!item.commandText;
             const primaryComponent = hasMeta
                 ? {
                     name: 'limel-menu-item-meta',
                     props: {
                         commandText: item.commandText,
+                        hotkey: item.hotkey,
+                        disabled: !!item.disabled,
                         badge: item.badge,
                         showChevron: hasSubMenu,
                     },
@@ -4786,7 +4920,7 @@ const MenuList = class {
             iconSize: this.iconSize,
         };
         const html = this.MenuListRenderer.render(this.items, this.config);
-        return index.h("div", { key: 'a0d43ee28ff19b78b99ed0ec7fc0d1ff79f235e0', class: "mdc-menu mdc-menu-surface" }, html);
+        return index.h("div", { key: '1c044c711555d155c5559f8b787a3bbad09b7526', class: "mdc-menu mdc-menu-surface" }, html);
     }
     itemsChanged() {
         setTimeout(() => {
@@ -4912,7 +5046,7 @@ const MenuSurface = class {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (index.h("div", { key: '0d834530b1abaa97c0443447ae573ff4eb000ea7', class: classList, tabindex: "-1" }, index.h("slot", { key: 'caea2ed90273cdacfd7e79ae2f2b5aff476dc7ed' })));
+        return (index.h("div", { key: '254247a3cd25908f96e55028df567663dd4d736a', class: classList, tabindex: "-1" }, index.h("slot", { key: 'eb7d1042a28585242d212cf40a34018240cb0502' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -4933,7 +5067,7 @@ const Spinner = class {
         this.limeBranded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '2ea3c8e615b6f95452c1ce2f8d5eb9ee989b8612' }, index.h("svg", { key: 'd0ff66dbbf8f7fefa0c6a52cd51a7fca2abe0c4a', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (index.h(index.Host, { key: '5d7275ec64f2e3b07c7e25065d8d115de772324e' }, index.h("svg", { key: '41e5110dc29d6112261bea4afbd8cffde213cde0', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

package/dist/cjs/limel-button-group.cjs.entry.js

@@ -32,7 +32,7 @@ const ButtonGroup = class {
         this.setSelectedButton();
     }
     render() {
-        return (index.h(index.Host, { key: 'c8aa4d58a21bd6ef454b65c4858107c539716013', role: "radiogroup" }, this.value.map(this.renderButton)));
+        return (index.h(index.Host, { key: '2295d3bf146ae9d3aa44c4a4c3281ce1b72d8a63', role: "radiogroup" }, this.value.map(this.renderButton)));
     }
     renderButton(button) {
         // Prefix with 'b' because html IDs cannot start with a digit,

package/dist/cjs/limel-checkbox.cjs.entry.js

@@ -113,7 +113,7 @@ const Checkbox = class {
         this.destroyMDCInstances();
     }
     render() {
-        return (index.h(checkbox_template.CheckboxTemplate, { key: '42d3d0c8905e8d0426482ac079fa1da76d713698', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.id }));
+        return (index.h(checkbox_template.CheckboxTemplate, { key: '2a6a0bbfb8b740dccf629adda516b83fbfcfc23c', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.id }));
     }
     get limelCheckbox() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/limel-chip_2.cjs.entry.js

@@ -558,7 +558,7 @@ const ChipSet = class {
             });
         }
         const value = this.getValue();
-        return (index.h(index.Host, { key: 'aeacdecfe56e5ae0643bcee75891f62e461ee7bb' }, index.h("limel-notched-outline", { key: '1e88dc18ccdb62255def3bf02e0a6ead527d1dda', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, index.h("div", Object.assign({ key: '5e2ecb42a2997dc4f0e944364d195e79b7ab2bc2', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
+        return (index.h(index.Host, { key: 'cc38b12787a887fa3cf6d54412d460fffdc10d37' }, index.h("limel-notched-outline", { key: '363ee1953a0880a987acbaeb75ad7682c03c26ec', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, index.h("div", Object.assign({ key: 'c05be9685e36d5283791bf30aceb937f8da0c0a0', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
     }
     getContentProps() {
         if (this.type === 'input') {

package/dist/cjs/limel-circular-progress.cjs.entry.js

@@ -43,7 +43,7 @@ const CircularProgress = class {
         };
         const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';
         const value = Math.round(this.value * 10) / 10;
-        return (index.h("div", { key: 'c7e8550434fbc3eb51d1d151308c340329829585', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), index.h("span", { key: 'a8946c7ec9afc29dcc7824b9718016bd0364adca', class: "value" }, format.abbreviate(value), index.h("span", { key: '14942a3ca72723ab9fe3ccfa419fbfae926c31e7', class: "suffix" }, this.suffix))));
+        return (index.h("div", { key: 'b2de8450baa7722c2a362a41ea97de6b694bf6ba', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), index.h("span", { key: 'e3fdb555dd58a1a18227659761e9ee9171050b79', class: "value" }, format.abbreviate(value), index.h("span", { key: 'a0d25b4e71beaf4993bb78e96eb2094020b5de52', class: "suffix" }, this.suffix))));
     }
 };
 CircularProgress.style = circularProgressCss();

package/dist/cjs/limel-code-editor.cjs.entry.js

@@ -14878,7 +14878,7 @@ const CodeEditor = class {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (index.h(index.Host, { key: 'fd59cdeb74135398c33210af68d6129820c586bd' }, this.renderCopyButton(), index.h("limel-notched-outline", { key: '41214ae1f04b85a9462f3b71cd03871a7fd0401d', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, index.h("div", { key: '4d5caf3e80e342af2b8ea54411b11348949babd1', slot: "content", class: classList })), this.renderHelperLine()));
+        return (index.h(index.Host, { key: '648df79d8ea88a3f87028743197214b45f3708af' }, this.renderCopyButton(), index.h("limel-notched-outline", { key: '8ec590da7d7cfb0c313ae61ecf517f36e978a756', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, index.h("div", { key: '3fd86155267f590d9578ed673d56e1e2fe6ee7ce', slot: "content", class: classList })), this.renderHelperLine()));
     }
     forceRedraw() {
         // eslint-disable-next-line sonarjs/pseudo-random

package/dist/cjs/limel-date-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BjHIBY-I.js');
 var randomString = require('./random-string-BTzDB2ee.js');
-var device = require('./device-CDZCRYph.js');
+var device = require('./device-C9O7lYI9.js');
 require('./sv-jO-ewmqh.js');
 var moment = require('./moment-DCqC7BZP.js');
 var component = require('./component-CFk7Dfoi.js');

package/dist/cjs/limel-dialog.cjs.entry.js

@@ -930,10 +930,10 @@ const Dialog = class {
         this.mdcDialog.destroy();
     }
     render() {
-        return (index.h("div", { key: '590a7ad1dc1deeab0481f36b9aaeea0aca24d34f', class: {
+        return (index.h("div", { key: '748566bd65db98ee75a743a7deedc7d0c9f80a90', class: {
                 'mdc-dialog': true,
                 'full-screen': !!this.fullscreen,
-            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, index.h("input", { key: 'f7a96d6e0f7086ac47791cb895bb78a296e23ec7', hidden: true, id: "initialFocusEl" }), index.h("div", { key: 'c0755b202346c3b6bcf257d94872c1fb81f49db5', class: "mdc-dialog__container" }, index.h("div", { key: '6ccc11dae44838539b2e1fa6a074c74a0b76364c', class: "mdc-dialog__surface" }, index.h("input", { key: 'ae6bdad52ac6e44f25fa0396797f0ec013d27ab9', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: '45e3b2e05bed5dc4c8039502b81ca2384821fe6f', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: '64979e861d307be41993ace61a7b0c5a616a6e2c' })), this.renderFooter())), index.h("div", { key: '0b7c0e8c2d8f0cac26e926a685ba5c985db976f8', class: "mdc-dialog__scrim" })));
+            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, index.h("input", { key: '15d2c40108a2348f54066eab22d507c6a9b3eda9', hidden: true, id: "initialFocusEl" }), index.h("div", { key: 'f46ee440d02b257bde93273936ce1dfe8dc324ea', class: "mdc-dialog__container" }, index.h("div", { key: '9ba9919b2b880039ede217c0608d9f780d6ca770', class: "mdc-dialog__surface" }, index.h("input", { key: '07bb68ae4c7b8d91cb7f0fd02105738160bd9e8f', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: '1729cb0f7f442b3ee56272387de42b462926275c', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: 'a5554b316a4e57700a2902ae4499f594045f267d' })), this.renderFooter())), index.h("div", { key: '85ecb0922ece938a5de20b804b6a2590f98032df', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue) {

package/dist/cjs/limel-file-dropzone_2.cjs.entry.js

@@ -229,7 +229,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '70e5213cc5470868f2442b908d9ffd39466edbac', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '4d886da6bfad382dc9c579ad17ea73d62ccdf1d3' }), this.renderOnDragLayout()));
+        return (index.h(index.Host, { key: 'a66ef9c3d9a005567749b61967a63caa4496135a', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '7a770aa9f98365da4b83038662f04c0e9e5c20c6' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -289,7 +289,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (index.h(index.Host, { key: '4ec87952fba90e1fff07a60b977edd1980e33738', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: '2fdc5fbb81294f85ad02a175b0720f53ad13c4f0', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: 'd72890dd7c622c71e6b46217891d88f770607bda' })));
+        return (index.h(index.Host, { key: '62d72f49b1a71bef9c5b91c36f34f763a04d78e2', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: '72272f710f8ffb09eec2ace7409ab516ec4f80bd', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '7ecff23ba41d76a23a2b8a542f56044615cb8b24' })));
     }
     handleKeyDown(event) {
         if (event.code === 'Tab' ||

package/dist/cjs/limel-file.cjs.entry.js

@@ -63,7 +63,7 @@ const File = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '09d8f61392d489c41a083edb516b680f481d7b55' }, index.h("limel-file-dropzone", { key: '36812196ad3a91ce98ec13df0e26927fbe67b4a4', disabled: this.disabled || this.readonly || !!this.value, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip()));
+        return (index.h(index.Host, { key: '4b91f02cff596bca5da1a635ce24d2bb8a5154e1' }, index.h("limel-file-dropzone", { key: 'c3636964ee41bd5396fe667cc983a74256845af5', disabled: this.disabled || this.readonly || !!this.value, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip()));
     }
     renderDragAndDropTip() {
         if (this.value || this.disabled || this.readonly) {

package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js

@@ -5,7 +5,7 @@ var translations = require('./translations-Bu_0fli7.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 require('./sv-jO-ewmqh.js');
 var moment = require('./moment-DCqC7BZP.js');
-var device = require('./device-CDZCRYph.js');
+var device = require('./device-C9O7lYI9.js');
 var eq = require('./eq-B1KBAwmK.js');
 var isArrayLike$1 = require('./isArrayLike-_dR1U5-Y.js');
 var isObject$1 = require('./isObject-B6Osvvqp.js');

package/dist/cjs/limel-header.cjs.entry.js

@@ -15,7 +15,7 @@ const Header = class {
         this.subheadingDivider = '·';
     }
     render() {
-        return (index.h(index.Host, { key: 'a15f9daaa43d8c03c79f30c2a9d543b97185ed6b' }, index.h("div", { key: 'f9142be782bd6c20605387073db02ede3acd1a2e', class: "information" }, this.renderIcon(), index.h("div", { key: 'a1919b8bd21f92aeae4be0c26822517780d0bfc1', class: "headings" }, index.h("h1", { key: '2c6b225fc76359fa6573b25f232a3530bec7508b', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '14be7addf9b4a3082dab7373381a8daa30530fa8', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '27d8265622b327f77e893d5dc3e736a25d7b4da3', name: "actions" }, index.h("slot", { key: '03837c68e6f1ae38941702aef2ea6c74fa1b479d' }))));
+        return (index.h(index.Host, { key: '4a94e7808e3b295669faa4711d37f8d9ed50b006' }, index.h("div", { key: '7c02e31819ddac504b5c58b6200c00a621079990', class: "information" }, this.renderIcon(), index.h("div", { key: 'b38172e5332ee39476bd19f7ad4f0ce127cc30d6', class: "headings" }, index.h("h1", { key: '9ee1f899ba0f403a588e0dbca52d82c1c12e355e', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '49b81ef3a96a9c2f7fa27ec2d13a15907131624e', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '29984270ca745ce430deef27704b9c63065c2964', name: "actions" }, index.h("slot", { key: '1c3b766dc1444a0255ea605359b25d148d25ba57' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

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

@@ -26,9 +26,9 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'df993a4485c405a756eb69ccbee5ab8ec616a6d3' }, index.h("limel-popover", { key: 'f4aab0006a23c83a1609f1c8e1b97f5d6f69b4b4', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: 'a88ae28570d62668a4b34d3e334816bc665dc33e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (index.h(index.Host, { key: 'a52d9b4c220e21005011449735b97599cffb542e' }, index.h("limel-popover", { key: '8b6690894351ec32f5b982ca5d3aeac7300f5576', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: '98e5dc4abcff54df74b02c737e4889e17639ddc6', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), index.h("limel-help-content", { key: '32f146b00380d0de6529a7b6a4ab0bcb82b067d4', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), index.h("limel-help-content", { key: '10b2d483aa459403b3d922add805bf6f64ae66e3', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();

package/dist/cjs/limel-helper-line_2.cjs.entry.js

@@ -32,9 +32,9 @@ const HelperLine = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ca260d9f14bb76025f382964f3f24eafc25daeeb', tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '8ef6eb3b3e372e5dc61af1424a88c1c342023d13', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '3d24d9b80729945c7ebd3f1ecd4348afec77185b' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '3b4e31c23f5964aabb67556e68bd1785c871d934' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
 };
 HelperLine.style = helperLineCss();
@@ -86,7 +86,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: 'b50040fa4388423e4a918aead75dc425c8b1b2f4', class: "limel-notched-outline" }, index.h("slot", { key: 'd8c2b975c3f82ec33dffd773b7461e28427f1dbe', name: "content" }), index.h("span", { key: '981dc0b50cf8de443fd70e25272819af2e91e4ac', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: 'b0f18a32926f2a1e308675911ac2cdcc8b8adb69', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: 'ac7812bc4b30d93b8cf73b49db14f51db8845d82', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (index.h("div", { key: '5dd66f7356821043d750963f18ef8f39889e65cc', class: "limel-notched-outline" }, index.h("slot", { key: '1b2072f7acd112137188b570229470677458ace7', name: "content" }), index.h("span", { key: '3d1d04a75ff0459b53294a2b2bbb4f15192409cd', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '9677d3b3bc1f37e954c3ab2907e98db8b9122466', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '62a494be847b2181cdd00f20e50cffbbc121bfd2', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

package/dist/cjs/limel-hotkey.cjs.entry.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var index = require('./index-BjHIBY-I.js');
+var hotkeys = require('./hotkeys-BtR8uxvl.js');
+var device = require('./device-C9O7lYI9.js');
+
+// Note: this function handles the same key aliases as `KEY_ALIASES` in
+// `../../util/hotkeys.ts`, but maps them to display strings rather than
+// canonical names. Keep both in sync when adding new aliases.
+/**
+ * Maps a single hotkey token to its display representation.
+ *
+ * @param token - A single token from `tokenizeHotkeyString` (e.g. `"meta"`, `"k"`, `"+"`).
+ * @param isApple - Whether the current device is an Apple device.
+ * @returns The display string, whether it is a glyph (for styling),
+ *          and a human-readable name for screen readers.
+ */
+function formatDisplayToken(token, isApple) {
+    const trimmed = (token !== null && token !== void 0 ? token : '').trim();
+    if (!trimmed) {
+        return { display: '', isGlyph: false, ariaName: '' };
+    }
+    if (trimmed === '+') {
+        return { display: '+', isGlyph: false, ariaName: 'plus' };
+    }
+    const lower = trimmed.toLowerCase();
+    switch (lower) {
+        case 'meta':
+        case 'win':
+        case 'windows': {
+            return isApple
+                ? { display: '⌘', isGlyph: true, ariaName: 'Command' }
+                : { display: '⊞ Win', isGlyph: false, ariaName: 'Windows' };
+        }
+        case 'cmd':
+        case 'command': {
+            return { display: '⌘', isGlyph: true, ariaName: 'Command' };
+        }
+        case 'alt':
+        case 'option': {
+            return isApple
+                ? { display: '⌥', isGlyph: true, ariaName: 'Option' }
+                : { display: 'Alt', isGlyph: false, ariaName: 'Alt' };
+        }
+        case 'shift': {
+            return { display: '⇧', isGlyph: true, ariaName: 'Shift' };
+        }
+        case 'enter':
+        case 'return': {
+            return { display: '↩', isGlyph: true, ariaName: 'Enter' };
+        }
+        case 'tab': {
+            return { display: '⇥', isGlyph: true, ariaName: 'Tab' };
+        }
+        case 'delete':
+        case 'del':
+        case 'backspace': {
+            if (isApple) {
+                return { display: '⌫', isGlyph: true, ariaName: 'Delete' };
+            }
+            return lower === 'backspace'
+                ? {
+                    display: 'Backspace',
+                    isGlyph: false,
+                    ariaName: 'Backspace',
+                }
+                : { display: 'Del', isGlyph: false, ariaName: 'Delete' };
+        }
+        case 'ctrl':
+        case 'control': {
+            return isApple
+                ? { display: '⌃', isGlyph: true, ariaName: 'Control' }
+                : { display: 'Ctrl', isGlyph: false, ariaName: 'Control' };
+        }
+        case 'escape':
+        case 'esc': {
+            return { display: 'Esc', isGlyph: false, ariaName: 'Escape' };
+        }
+        case 'space':
+        case 'spacebar': {
+            return { display: '␣', isGlyph: true, ariaName: 'Space' };
+        }
+        case 'arrowup':
+        case 'up': {
+            return { display: '↑', isGlyph: true, ariaName: 'Up' };
+        }
+        case 'arrowdown':
+        case 'down': {
+            return { display: '↓', isGlyph: true, ariaName: 'Down' };
+        }
+        case 'arrowleft':
+        case 'left': {
+            return { display: '←', isGlyph: true, ariaName: 'Left' };
+        }
+        case 'arrowright':
+        case 'right': {
+            return { display: '→', isGlyph: true, ariaName: 'Right' };
+        }
+    }
+    return { display: trimmed, isGlyph: false, ariaName: trimmed };
+}
+
+const hotkeyCss = () => `@charset "UTF-8";kbd{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-200));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;padding:0.125rem 0.5rem;margin:0 0.25rem;box-shadow:var(--button-shadow-normal), 0 0.03125rem 0.21875rem 0 rgba(var(--contrast-100), 0.5) inset;border-radius:0.125rem;border-style:solid;border-color:rgba(var(--contrast-600), 0.8);border-width:0 1px 0.125rem 1px}:host(limel-hotkey){display:flex;align-items:center;justify-content:center;gap:0.25rem}:host(limel-hotkey[disabled]:not([disabled=false])){opacity:0.5}kbd{margin:0;font-size:0.75rem;box-shadow:var(--button-shadow-pressed), 0 0.625rem 0.375px -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}span{display:inline-block}span::first-letter{text-transform:uppercase}kbd.is-glyph span{transform:scale(1.2)}`;
+
+const Hotkey = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * When `true`, the hotkey is rendered in a visually disabled state.
+         */
+        this.disabled = false;
+    }
+    componentWillLoad() {
+        this.isApple = device.isAppleDevice();
+    }
+    render() {
+        const parts = hotkeys.tokenizeHotkeyString(this.value);
+        const displayParts = parts.map((part) => formatDisplayToken(part, this.isApple));
+        const ariaLabel = displayParts
+            .map((p) => p.ariaName)
+            .filter(Boolean)
+            .join(' ');
+        return (index.h(index.Host, { key: 'ab1b9d31080740d19a4633c8c5bc92b02625c111', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
+    }
+};
+Hotkey.style = hotkeyCss();
+
+exports.limel_hotkey = Hotkey;

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

@@ -49,7 +49,7 @@ const IconButton = class {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (index.h(index.Host, { key: '75991185b5994f4fffb56a03031cfc0b570a3de4', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '608c0abc14322e8b8755c4af5137880bb419824d', disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (index.h(index.Host, { key: '0df3febef19dcdb72c7c7f3740090414b313be51', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: 'fd0d61e30789619c52cd6a71269602efc7065f8e', disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

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

@@ -161,7 +161,7 @@ const Icon = class {
         this.loadIcon(this.name);
     }
     render() {
-        return index.h("div", { key: '80c6844e64217d24e957368feafddc831b497b2f', class: "container" });
+        return index.h("div", { key: '23b5f2c90c98461f65c0bcdb291f9958e00ac353', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

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

@@ -106,9 +106,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 = linkHelper.getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (index.h(index.Host, { key: '57b632bbe5ba4171c118171cbb1d5c7c87550a53', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: 'aa3e1db51f262a204a4d0bf7fc025e067f608629', 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 (index.h(index.Host, { key: '3754cadd6c7cf0ee99e0f5dc2234732126dcdc1e', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.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: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '2f9643af8bfe88ff99eba045983081e9388ba688', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '9cf8b84d5f2376d36ba7dbae8e86cbb8e11fa390', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'c073080821cd0b4bd4340d6566688a10cd0acd5e', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '5ac6fee4d62020b9dfe1232309de0a414d35d6e4' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '62e330f8b945d562b5ee4677a62ab21ec1b6defe', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: 'de41a8bc66d7f706153188f84b96481dfa25f8f9', class: "value-group" }, this.renderPrefix(), index.h("div", { key: '8ae36080dadd6b4a7135c7280e51a88015f30fbc', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '0221c5e66f2a30b60e619bc7d6fe35e66d1db653' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -134,9 +134,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (index.h(index.Host, Object.assign({ key: 'cc58d641c46fc21c81d9fbc6fbcd3a483aa7d803', role: this.getHostRole(), class: {
+        return (index.h(index.Host, Object.assign({ key: '4f769d4dc9bcf065f0891ae394efb8f2cb4e3cbe', 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(), index.h("div", { key: '2d8f6496d714faf9f3bd59cc829459191d650dc7', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), index.h("div", { key: 'f3ae79f70d048a6541af55782a8a1956fd7338c5', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

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

@@ -335,7 +335,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '89f9536407969e0bb9dd206ca540dabee9c3eecf' }, index$1.h("div", { key: '373f17c2933a715a97f2854343c1d26d32a26a27', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (index$1.h(index$1.Host, { key: 'd3c5e71466ad7fa2723a0a44bc6ba6742e597ca1' }, index$1.h("div", { key: 'ff45056e1a3ad465bdea9026b0c9674d911607a2', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {