@limetech/lime-elements 39.9.5 → 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: 'e08edeaabf6b51f940e305539aecec91517a51ca', style: {
+        return (index.h(index.Host, { key: 'cbe0fda77189118ad3515dc3c4ab02c6cd9bc58a', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -2636,6 +2637,34 @@ const Menu = class {
          */
         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;
@@ -2725,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,11 +2922,6 @@ const Menu = class {
                 }
             }
         };
-        this.handleEscapeCapture = (event) => {
-            if (event.key === keycodes.ESCAPE && this.open) {
-                this.shouldRestoreFocusOnClose = true;
-            }
-        };
         this.onClose = () => {
             const restoreFocus = this.shouldRestoreFocusOnClose;
             this.shouldRestoreFocusOnClose = false;
@@ -3089,25 +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: 'a54987a1be3e3fcc4ceae95c7cc334411a0c474f', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { key: '1bacdb5d1387b8357d1c6f93db47369c8cf64a4f', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), index.h("limel-portal", { key: 'fbc7982b1dcab9fd5172a95e7a7f0328281f3a35', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { key: '48b96e2e6fe815f4cc976553dfea7b26f36ea6d4', 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.handleEscapeCapture, true);
+            document.addEventListener('keydown', this.handleDocumentKeyDown, true);
             this.setFocus();
         }
         else {
-            document.removeEventListener('keydown', this.handleEscapeCapture, true);
+            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;
@@ -3170,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;
     }
@@ -4674,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,
                     },
@@ -4798,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(() => {
@@ -4924,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); }
 };
@@ -4945,7 +5067,7 @@ const Spinner = class {
         this.limeBranded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '15c39e3df6a446d4f809e23d2316e535bf77dc99' }, index.h("svg", { key: 'e88d11c66514783aa11bb01c4e902a15d0cb6dd4', 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-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-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-helper-line_2.cjs.entry.js

@@ -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: '7c8d656a077f6c80cc7d4d64bf1aa9ef7d5bd781', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: 'f73467be963a8aa901c890958eda32212ff2f3a0', 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: '2e4972465f34d57ce81a0c55782e9fcbc4c91c90', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '119b244389b740a05b266c80a78bffd2287f6dab', class: "value-group" }, this.renderPrefix(), index.h("div", { key: '9a9fc38d8c997b3ce6db3715a1aed622ec0af586', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '1809611bebee438d5b840907f09adda725c7849c' })), 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) {

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

@@ -1,21 +1,32 @@
 'use strict';
 
 var index = require('./index-BjHIBY-I.js');
+var hotkeys = require('./hotkeys-BtR8uxvl.js');
 
 const menuItemMetaCss = () => `@charset "UTF-8";:host(limel-menu-item-meta){order:4;transform:translateX(0.5rem);display:inline-flex;align-items:center;gap:0.5rem;max-width:50%}*{box-sizing:border-box}limel-badge{--badge-background-color:var(       --notification-badge-background-color,       rgb(var(--color-red-default))   );--badge-text-color:var(       --notification-badge-text-color,       rgb(var(--color-white))   )}.command-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0.7;font-size:var(--limel-theme-default-small-font-size)}.chevron{flex-shrink:0;border-color:transparent;border-left-color:var(--limel-theme-text-secondary-on-background-color);border-width:0.25rem 0 0.25rem 0.375rem;border-style:solid}`;
 
 const MenuItemMeta = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Will be set to `true` when the menu item is disabled.
+         */
+        this.disabled = false;
         /**
          * Shows a submenu chevron to indicate nested items
          */
         this.showChevron = false;
     }
     render() {
-        return (index.h(index.Host, { key: '9e84c6ecc29e50b5a4e871d646fb11539e5fe86f' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (index.h(index.Host, { key: '4341b1cd34952fdd2dc40bc3c4b7eb909646d880' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
+        if (this.hotkey) {
+            const hotkey = hotkeys.normalizeHotkeyString(this.hotkey);
+            if (hotkey) {
+                return index.h("limel-hotkey", { value: hotkey, disabled: this.disabled });
+            }
+        }
         if (!this.commandText) {
             return;
         }

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

@@ -189,7 +189,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            index.h("limel-chip-set", Object.assign({ key: '996808bffc8715bab47a4b225d02d57247b3287d', 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)),
+            index.h("limel-chip-set", Object.assign({ key: 'e20f22b6907ad1d28f8b8c0847e5080faca09b3b', 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)),
             this.renderDropdown(),
         ];
     }

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

@@ -124,7 +124,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: 'ac6e4c9358d68223f43ea60a29302d725438cf05', class: "trigger-anchor" }, index.h("slot", { key: '5e5ae7d194f7cc005573e909cd10343283603a7f', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '5d4bda03c1ea9b07c17b7222fb2f30e29af9b3d3', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '0f9804103a70f924375429ba7e96ad62858cb2ea', contentCollection: this.host.children, style: cssProperties }))));
+        return (index.h("div", { key: '53e64435fa661015fbbf2e449890864c8008c329', class: "trigger-anchor" }, index.h("slot", { key: '85336e8f76377921850ffc7704c7588707c45066', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: 'a40bfde87375a494ac5404911b4b1f058a55becf', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '396e369ae3e61a79bfd2f520e05187a6ff85f834', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -167,7 +167,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return index.h("div", { key: '553798a32efa190cbceb65aec00b56bfb5eb25f7', class: "limel-popover-surface", tabindex: "0" });
+        return index.h("div", { key: '72e73b254be6cebbd27332329b10a58210ae0352', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

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

@@ -1875,7 +1875,7 @@ const Portal = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'e41cbd7a44b0e55525f9e99d056cc9ab627082d0' });
+        return index.h("slot", { key: 'd6ed0d276afec19ba5ffd4d6a6fcf96937127d6a' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2143,10 +2143,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (index.h("div", { key: 'aaa9995f9223094c080d27aa4530c09f95fa2bfc', class: "trigger-anchor" }, index.h("limel-portal", { key: '175a57a6702519efbcd45738f0bf2b56308c3f63', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (index.h("div", { key: '93e90be597ba45e4063a9a7a689783f31a3b5871', class: "trigger-anchor" }, index.h("limel-portal", { key: '94cdcde46fc3f172e194894d0546cf96bce35623', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: '0468b3922536241c605698a795730217c39f861c', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: 'd24de90d827c87b1e8fd2c10142fc34bcd498774', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaLabel() {
         var _a;
@@ -2189,7 +2189,7 @@ const TooltipContent = class {
             };
         }
         return [
-            index.h("text", Object.assign({ key: '17f145f906af010db827853f75206cf19a0fc7b8', class: { 'has-column-layout': isLabelsTextLong } }, props), index.h("div", { key: '007daa0b685ff71c4954dccef1947034627aa848', class: "label" }, this.label), index.h("div", { key: '9c5e6a7cf0cf4f80dd89964d789347fcc8787ba4', class: "helper-label" }, this.helperLabel)),
+            index.h("text", Object.assign({ key: '5f6cde48d57c7c5b680055314f3b6d082ff37b5a', class: { 'has-column-layout': isLabelsTextLong } }, props), index.h("div", { key: 'ebfc96849d68c4db09e7be7b3d86e12d3937a5d9', class: "label" }, this.label), index.h("div", { key: 'a2730d9d13111bd949fc1a2795b785c217f800f8', class: "helper-label" }, this.helperLabel)),
         ];
     }
 };

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

@@ -27826,7 +27826,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '906845e8194052593a210e3a2338a48eede41ccf', onFocus: this.handleFocus }, index$1.h("div", { key: '6d230fc8957fe800db8f3d809dc21603131fb3e5', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: '2f17d3935ed3c9d7a7191b3b4cd85bb1c2a4ac32', onFocus: this.handleFocus }, index$1.h("div", { key: '328602696f29dbbe89cee0c535f2efddf92c2a20', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

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

@@ -26,7 +26,7 @@ const RadioButtonGroup = class {
         };
     }
     render() {
-        return (index.h("limel-list", { key: 'f6aca37c9b00f4f92b1a048f8d7d0dd86e6f8c1f', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (index.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/cjs/limel-radio-button.cjs.entry.js

@@ -9,12 +9,12 @@ const RadioButtonComponent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '09013c710b49de8c6aa1b3b0342add87ee69230b', class: {
+        return (index.h(index.Host, { key: '64623e09534c5b4e457029cbed4865d97d3cc19e', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, index.h("input", { key: '0199ebfe42f8d46ccc848c00725739617863a1b3', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: '80fc53f911d4524267a5c9e915e2c3ba7d3b58e8', class: "box" }), index.h("label", { key: '6e260d713cd802b12bdd88251a79eaaaf97ea9e8', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, index.h("input", { key: '4eb816e8031d20bbfa5beb32798e50e5d3747895', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: '9e7d7db22981a16b4655d7cbcd7c3eb2462a7953', class: "box" }), index.h("label", { key: '4b2061d351b2d4d03d6e5763bc132be46d146e48', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();