@limetech/lime-elements 40.9.0 → 40.10.1

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

@@ -99,6 +99,19 @@ function formatDisplayToken(token, isApple) {
     return { display: trimmed, isGlyph: false, ariaName: trimmed };
 }
 
+/**
+ * Get the text that a screen reader reads for a hotkey, e.g. `"Command K"`.
+ *
+ * @param hotkey - The hotkey string, e.g. `"meta+k"`.
+ * @param isApple - Whether the current device is an Apple device.
+ */
+function getHotkeyAriaLabel(hotkey, isApple) {
+    return tokenizeHotkeyString(hotkey)
+        .map((token) => formatDisplayToken(token, isApple).ariaName)
+        .filter(Boolean)
+        .join(' ');
+}
+
 const hotkeyCss = () => `@charset "UTF-8";kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}: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{text-transform:var(--hotkey-text-transform, uppercase);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}kbd.is-glyph span{transform:scale(1.2)}`;
 
 const Hotkey = class {
@@ -115,11 +128,8 @@ const Hotkey = class {
     render() {
         const parts = tokenizeHotkeyString(this.value);
         const displayParts = parts.map((part) => formatDisplayToken(part, this.isApple));
-        const ariaLabel = displayParts
-            .map((p) => p.ariaName)
-            .filter(Boolean)
-            .join(' ');
-        return (h(Host, { key: 'dd8bc8134560dae3014e6ab5ab6eadeaa0bb6a4e', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
+        const ariaLabel = getHotkeyAriaLabel(this.value, this.isApple);
+        return (h(Host, { key: '8ffc94c7ac5061743e423e5efb8097b7ea03dc6e', "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();
@@ -1991,7 +2001,7 @@ const Portal = class {
         this.showContainer();
     }
     render() {
-        return h("slot", { key: '7fd1ebea533dbbd8ff3df343830cc195e0a66555' });
+        return h("slot", { key: 'f4db0b146b4cd851a9837bf10dc7d331cd5a9dce' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2234,6 +2244,174 @@ const Portal = class {
 };
 Portal.style = portalCss();
 
+const entries = new WeakMap();
+/**
+ * Set the `aria-description` of an element on behalf of an owner. The
+ * description that the element had before is kept, for when the last owner
+ * stops describing it.
+ *
+ * @param element
+ * @param owner
+ * @param text
+ */
+function setDescription(element, owner, text) {
+    let entry = entries.get(element);
+    if (!entry) {
+        entry = {
+            original: element.getAttribute('aria-description'),
+            texts: new Map(),
+        };
+        entries.set(element, entry);
+    }
+    entry.texts.delete(owner);
+    entry.texts.set(owner, text);
+    element.setAttribute('aria-description', text);
+}
+/**
+ * Stop describing an element on behalf of an owner. The text of the owner
+ * that described it most recently stays, and when none is left, the
+ * description that the element had before is put back. Nothing is changed
+ * if the attribute has been changed by someone else.
+ *
+ * @param element
+ * @param owner
+ */
+function clearDescription(element, owner) {
+    const entry = entries.get(element);
+    const text = entry === null || entry === void 0 ? void 0 : entry.texts.get(owner);
+    if (!entry || text === undefined) {
+        return;
+    }
+    entry.texts.delete(owner);
+    const isCurrent = element.getAttribute('aria-description') === text;
+    const remaining = [...entry.texts.values()].at(-1);
+    if (remaining !== undefined) {
+        if (isCurrent) {
+            element.setAttribute('aria-description', remaining);
+        }
+        return;
+    }
+    entries.delete(element);
+    if (!isCurrent) {
+        return;
+    }
+    if (entry.original === null) {
+        element.removeAttribute('aria-description');
+        return;
+    }
+    element.setAttribute('aria-description', entry.original);
+}
+
+/**
+ * Get the text that a screen reader should read as the description of the
+ * element that a tooltip describes. The label and the helper label are left
+ * out when they only repeat the name of the element, or the text of one of
+ * its parts, so that they are not read twice.
+ *
+ * @param element
+ * @param label
+ * @param helperLabel
+ * @param hotkey
+ */
+function getDescription(element, label, helperLabel, hotkey) {
+    const names = new Set(getNames(element).map(normalize));
+    const parts = [label, helperLabel].filter((text) => text && !names.has(normalize(text)));
+    parts.push(getHotkeyText(hotkey));
+    return parts.filter(Boolean).join('. ');
+}
+function getHotkeyText(hotkey) {
+    const normalized = normalizeHotkeyString(hotkey);
+    return normalized
+        ? getHotkeyAriaLabel(normalized, isAppleDevice())
+        : undefined;
+}
+function getNames(element) {
+    var _a;
+    const ariaLabel = (_a = element.getAttribute('aria-label')) === null || _a === void 0 ? void 0 : _a.trim();
+    if (ariaLabel) {
+        return [ariaLabel];
+    }
+    const labelled = [...element.querySelectorAll('[aria-label]')];
+    return [
+        element.textContent,
+        ...[...element.children].map((part) => part.textContent),
+        ...labelled.map((labelledElement) => labelledElement.getAttribute('aria-label')),
+    ].filter(Boolean);
+}
+function normalize(text) {
+    return text.replaceAll(/\s+/g, ' ').trim().toLowerCase();
+}
+
+const CONTROLS = ['button', 'input:not([type="hidden"])', 'select', 'textarea'];
+const FOCUSABLE = [
+    'a[href]',
+    ...CONTROLS.map((selector) => `${selector}:not([disabled])`),
+    'summary',
+    '[contenteditable]:not([contenteditable="false"])',
+    '[tabindex]',
+]
+    .map((selector) => `${selector}:not([tabindex="-1"])`)
+    .join(', ');
+const DISABLED = CONTROLS.map((selector) => `${selector}[disabled]:not([tabindex="-1"])`).join(', ');
+/**
+ * Get the element that a screen reader describes for the owner element of a
+ * tooltip. That is the owner itself if it can be focused, otherwise the first
+ * element that can be focused inside it, also inside shadow roots. A disabled
+ * control is only used when there is nothing that can be focused, and if
+ * there is no control at all, the owner itself is used.
+ *
+ * An element that passes the focus on to an element in its shadow root is
+ * never used itself, since the screen reader lands on the element inside.
+ *
+ * @param owner
+ */
+async function getFocusTarget(owner) {
+    var _a, _b;
+    const search = {};
+    return (_b = (_a = (await find(owner, search))) !== null && _a !== void 0 ? _a : search.disabled) !== null && _b !== void 0 ? _b : owner;
+}
+async function find(element, search) {
+    if (isFocusable(element)) {
+        return element;
+    }
+    rememberDisabled(element, search);
+    return findInside(element, search);
+}
+async function findInside(element, search) {
+    if (isStencilComponent(element)) {
+        await element.componentOnReady();
+    }
+    const inShadowRoot = element.shadowRoot
+        ? await findAmong(element.shadowRoot.children, search)
+        : undefined;
+    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : findAmong(element.children, search);
+}
+async function findAmong(elements, search) {
+    for (const element of elements) {
+        if (element.localName === 'limel-tooltip') {
+            continue;
+        }
+        const found = await find(element, search);
+        if (found) {
+            return found;
+        }
+    }
+    return undefined;
+}
+function isFocusable(element) {
+    var _a;
+    return !((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.delegatesFocus) && element.matches(FOCUSABLE);
+}
+function rememberDisabled(element, search) {
+    if (!search.disabled && element.matches(DISABLED)) {
+        search.disabled = element;
+    }
+}
+function isStencilComponent(element) {
+    return ('componentOnReady' in element &&
+        typeof element.componentOnReady === 'function');
+}
+
 /**
  *
  * @param id
@@ -2284,6 +2462,7 @@ const Tooltip = class {
          * Decides the tooltip's location in relation to its trigger.
          */
         this.openDirection = 'top';
+        this.latestUpdate = 0;
         this.showTooltip = () => {
             this.tooltipTimer.showAfterDelay();
         };
@@ -2291,27 +2470,53 @@ const Tooltip = class {
             this.tooltipTimer.hide();
         };
         this.portalId = createRandomString();
-        this.tooltipId = createRandomString();
         this.tooltipTimer = new TooltipTimer(() => (this.open = true), () => (this.open = false));
     }
-    connectedCallback() {
+    async connectedCallback() {
         this.ownerElement = getOwnerElement(this.elementId, this.host);
-        this.setOwnerAriaDescribedby();
         this.addListeners();
+        await this.updateDescription();
     }
     disconnectedCallback() {
         this.removeListeners();
+        this.latestUpdate++;
+        this.restoreDescription();
+    }
+    async watchDescription() {
+        await this.updateDescription();
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: '970ce406a2209065f744d124c28d486dfa169164', class: "trigger-anchor" }, h("limel-portal", { key: 'bfe825d0261a452c207077e8fe37ddce5b10d477', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: 'f77ad0d2453d4abda766785d0ccfe96154df71bb', class: "trigger-anchor" }, h("limel-portal", { key: 'e7f314f76039381ebe5c3add9e675a53650ad8f1', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '07003cc2b868b8320b97e4a75f3cb2e71b50efb9', 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: 'afbd8bf04d7070fa8afe22f14496c2c24cdf222e', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
     }
-    setOwnerAriaDescribedby() {
-        var _a;
-        (_a = this.ownerElement) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-describedby', this.tooltipId);
+    async updateDescription() {
+        if (!this.ownerElement) {
+            return;
+        }
+        const update = ++this.latestUpdate;
+        const element = await getFocusTarget(this.ownerElement);
+        if (!this.host.isConnected || update !== this.latestUpdate) {
+            return;
+        }
+        if (element !== this.describedElement) {
+            this.restoreDescription();
+            this.describedElement = element;
+        }
+        const description = getDescription(element, this.label, this.helperLabel, this.hotkey);
+        if (!description) {
+            this.restoreDescription();
+            return;
+        }
+        setDescription(element, this, description);
+    }
+    restoreDescription() {
+        if (this.describedElement) {
+            clearDescription(this.describedElement, this);
+        }
+        this.describedElement = undefined;
     }
     addListeners() {
         var _a, _b, _c, _d;
@@ -2328,6 +2533,17 @@ const Tooltip = class {
         (_d = this.ownerElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('blur', this.hideTooltip);
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "label": [{
+                "watchDescription": 0
+            }],
+        "helperLabel": [{
+                "watchDescription": 0
+            }],
+        "hotkey": [{
+                "watchDescription": 0
+            }]
+    }; }
 };
 Tooltip.style = tooltipCss();
 
@@ -2346,7 +2562,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (h(Host, { key: 'e8299e2c990753eafd08af063a7828a11ea77cec', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '634f141ede25c9a3faa7ca7ce4f79b59c3c7ec8d', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: '63d36a0e0f1fb0e4eb94c5c216c80299d82f63b2', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '6d4ecf58b8854edeece92a53065816292a2a39b9', 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: 'e2fa10697beccc59cb8f332695e445522391649d', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '2dc00d1341e9a458f5a7d060abd777c29cd333e0', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: '0c2536bf5d9628ed72bc55ed768c4e5eb6396b68', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '3c18c8f45209887df5c4f76ec635839f3cc147ab', "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: '3e5dc80a0e19e21988169509b33685bdb3005f1d', class: "container" });
+        return h("div", { key: '6d01432082e0272137562dd22ab309b75ce95504', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

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

@@ -114,9 +114,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: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'd6c9828fa7aaea462e9fefaad921da51b2376738', 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: 'a21ede478dc485edad5648d167cb5168a8560c85', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '694ed4b61590373e448f63d0814a91d506db9caf', 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: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '753e0576a88b10a3a981e0e46ba266266d84aec6', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '0d125992ed03f4aedcc8b82d47929bd45a268c80', class: "value-group" }, this.renderPrefix(), h("div", { key: 'bde1b5e9cd8fe539d29f267d8b1675bcbc8dbe0b', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '6263b7a134238981c5ce6cdc5dc4321cc7ac43d1' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -129,9 +129,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: '005e6e5fa87bab94b1d3c00970ed4efff409de1b', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '628910c7216db5d7580fb139475210d0a05c55db', 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: '351438e788b747b86a9700ab1a8c700532aee409', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'acb5d43d2690515d88146b5592a9bfd32225ab88', 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

@@ -1191,7 +1191,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: 'a1883ae4c80a775bc1dbdd9f2b993ab4af8c4cba' }, h("div", { key: 'd8a1cd8f5a102a209fa89f8baf0b08912ead1059', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

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

@@ -42,7 +42,7 @@ const MasonryLayout = class {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (h(Host, { key: 'eac58da6cc41749eaaae8ca78d9940132c632fba', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: 'c551e446908efa397c665301f121a02c2efb068c' })));
+        return (h(Host, { key: '4739b8085adca277a42f36478b1692970e2a8675', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '14290465ddb5ea67ff9d2883904f3298900151ee' })));
     }
     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: '6dbc3a71962933c5cfdf415096e41f90e84e7740' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '468078fa475182bea0474fa0806bd54bb00db4c6' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

package/dist/esm/limel-pagination-jump.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
 import { t as translations } from './translations-UrIr-5_D.js';
-import { a as ENTER } from './keycodes-DQ5DmW_Y.js';
+import { a as ENTER } from './keycodes-Bu6-QXrA.js';
 import { p as pageFromInput } from './pagination.util-CSC2LJ7P.js';
 import './language-ChagAaNf.js';
 

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

@@ -287,7 +287,7 @@ const Pagination = class {
     }
     render() {
         const { slots } = this.view;
-        return (h(Host, { key: 'f2218cfa9c631d93e39ecee3a9823c3dd73ba505' }, h("nav", { key: '7b1989a9abdbf254b66d3d2780583749a3ecd44e', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), h("span", { key: 'ad9af64cb7885d6bb6227d5bb6897a267c1a598e', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        return (h(Host, { key: 'dce4e827fbbaba2f2423b7623caa1371b51a7750' }, h("nav", { key: '18e75c58c919f78a5c19986d3a42612c0b125a55', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), h("span", { key: '1aea124497cbec584bdb1977c7371b391f5576a2', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
     }
     /**
      * Without a count we know where the user is but not how far the set goes,

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
 import { t as translations } from './translations-UrIr-5_D.js';
 import { i as isDescendant } from './dom-B9Ofc5RB.js';
-import { E as ESCAPE, T as TAB, a as ENTER, A as ARROW_UP, b as ARROW_DOWN } from './keycodes-DQ5DmW_Y.js';
+import { E as ESCAPE, T as TAB, a as ENTER, A as ARROW_UP, b as ARROW_DOWN } from './keycodes-Bu6-QXrA.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { a as getIconFillColor, g as getIconName } from './get-icon-props-CgNJbSP4.js';
 import { d as debounce } from './debounce-B67JMchz.js';
@@ -195,7 +195,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            h("limel-chip-set", Object.assign({ key: '5045ffdd72efce3465448fb8e1ae3044c32ffea2', 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)),
+            h("limel-chip-set", Object.assign({ key: '3bd160f27baba3f2b6cfdb75bac451b87a25f75a', 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(),
         ];
     }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
-import { E as ESCAPE } from './keycodes-DQ5DmW_Y.js';
+import { E as ESCAPE } from './keycodes-Bu6-QXrA.js';
 import { f as focusTriggerElement, z as zipObject } from './focus-trigger-element-BOFcjLq3.js';
 import './_assignValue-CEFvyZxO.js';
 import './_defineProperty-C69Btzid.js';
@@ -133,7 +133,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (h("div", { key: '5726846ff3f4ccc50067c63cab387ce9efa34e9b', class: "trigger-anchor" }, h("slot", { key: '9bc0082641e95e2345b0ae3eb548477827420e85', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: 'fb247bd41c2d0f62f598a0e7d21776661490c485', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '808155682967864b09f4344106cc0d1106f9e2c5', contentCollection: this.host.children, style: cssProperties }))));
+        return (h("div", { key: 'a819793a1a82680cb7ce15239366c57c5e8300cc', class: "trigger-anchor" }, h("slot", { key: 'ddd5f786c93939afae68e0a35446be8470bfe638', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '369a832fab6a9e3438202ed1c3dbb6fe9b5a5f39', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '1b583fc37aa48fb67ff2b40f8c2e88cb7f6db88f', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -177,7 +177,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return h("div", { key: '246fdc8fe255ae881e4ece6ae20bbb7f34a827b5', class: "limel-popover-surface", tabindex: "0" });
+        return h("div", { key: '0efb74a821ff0c1919a048ee08209befdf5582c0', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

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

@@ -28566,7 +28566,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: '16ef71481dea1fcefa1735e5a6350f47bf1d78ca', onFocus: this.handleFocus }, h("div", { key: '3b6598d8efd561afb6191d3d650f3a32e86f6904', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '6c92f1576fdd862e592d0ccf6779c6d3da806808', onFocus: this.handleFocus }, h("div", { key: '0b1b90a7c68b62ecffed21f4c49fced5333f0d83', 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: '1c3fef764fd84f4e84d38a4dbd04f2272fb73775', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (h("limel-list", { key: '9c12503b398b5c5d35d47d554b64219baf75d21b', 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: '93e5adb101fd866a1c56e0233b32eddef6617a08', class: {
+        return (h(Host, { key: '7cdb4d6a667a0afe8ed668cc32b4a38c39817d75', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, h("input", { key: '816bc49ab2f8bd6fcbaa8d10c7b5250fd64aa044', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: 'e4656777d40210f46c5f28deace470a90f41cfdf', class: "box" }), h("label", { key: 'c27a557fea46c0951a0aed27df40a61b30809550', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, h("input", { key: 'f51cfa414dd1e2f50ea211a690a55dc7525d5501', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: 'a6ec3d879e3410c9973a1b8c66469a852e4e4995', class: "box" }), h("label", { key: '978984158d1c8344da8bcc6a4e3d7aa8003f75b2', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();