@limetech/lime-elements 40.18.2 → 40.19.0

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

@@ -5,6 +5,7 @@ var device = require('./device-C9O7lYI9.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var multiple = require('./multiple-DYfiga7l.js');
 var randomString = require('./random-string-CFCtFh5l.js');
+var typeahead = require('./typeahead-CnyIjog_.js');
 var renderListComponent = require('./render-list-component-BtAliHQp.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var component = require('./component-DNiVfYHV.js');
@@ -256,166 +257,6 @@ var MDCSelectHelperText = /** @class */ (function (_super) {
     return MDCSelectHelperText;
 }(ponyfill.MDCComponent));
 
-/**
- * These helpers implement "type to jump", the behavior a native `<select>` has:
- * typing characters moves to the option whose text starts with those
- * characters. Characters accumulate into a short-lived buffer, so typing
- * `n`, `e` finds "Netherlands" instead of re-matching on `n` every time.
- *
- * The matching itself is pure and stateless — all the state lives in a
- * `TypeaheadBuffer`, which owns the timer that discards the buffer once the
- * user stops typing.
- */
-/**
- * How long a buffer of typed characters is kept before it is discarded, in
- * milliseconds. Roughly matches a native `<select>`.
- */
-const TYPEAHEAD_BUFFER_TIMEOUT = 1000;
-/**
- * Returned by `findTypeaheadMatch` when nothing matched.
- */
-const NO_TYPEAHEAD_MATCH = -1;
-/**
- * Whether a keyboard event should be treated as a typed character.
- *
- * The space bar counts as a character here. Whether a *bare* space should
- * start a buffer, or keep whatever meaning it has in the consuming component,
- * is the consumer's decision.
- *
- * `shiftKey` is allowed, since capital letters are typed with it, and
- * `event.repeat` is allowed, since holding a key down cycles through matches
- * in a native `<select>` too.
- *
- * @param event - the keyboard event to inspect
- * @returns `true` when the event represents a typed character
- */
-function isTypeaheadKey(event) {
-    return (event.key.length === 1 &&
-        !event.altKey &&
-        !event.ctrlKey &&
-        !event.metaKey &&
-        !event.isComposing);
-}
-/**
- * Find the candidate to move to for a given buffer of typed characters.
- *
- * Two different searches are used, mirroring a native `<select>`:
- * - When the buffer is a single character, possibly repeated (`b`, `bb`,
- *   `bbb`), only that character is matched and the search starts *after*
- *   `currentIndex`. Pressing the same key repeatedly therefore cycles through
- *   all candidates starting with it.
- * - Otherwise the whole buffer is matched and the search starts *at*
- *   `currentIndex`, so continuing to type on an already-matching candidate
- *   keeps it rather than jumping to the next one.
- *
- * Both searches wrap around the end of the list.
- *
- * @param candidates - the candidates to search, index-aligned with the rows
- * they are rendered as. Use `null` for rows that can never match, such as
- * separators, so that they still occupy their index.
- * @param buffer - the characters typed so far
- * @param currentIndex - the index to search from. Anything outside
- * `candidates` is treated as "no current candidate", and the search starts
- * from the beginning.
- * @returns the index of the matching candidate, or `NO_TYPEAHEAD_MATCH`
- */
-function findTypeaheadMatch(candidates, buffer, currentIndex) {
-    const count = candidates.length;
-    const query = buffer.toLowerCase();
-    if (!query || count === 0) {
-        return NO_TYPEAHEAD_MATCH;
-    }
-    const characters = [...query];
-    const cycles = isSingleDistinctCharacter(characters);
-    const needle = cycles ? characters[0] : query;
-    // Cycling starts one past the current candidate, so that pressing the same
-    // key again advances. Matching several characters starts at it, so that
-    // continuing to type keeps a candidate that already matches.
-    const offset = cycles ? 1 : 0;
-    const hasCurrent = currentIndex >= 0 && currentIndex < count;
-    const start = hasCurrent ? (currentIndex + offset) % count : 0;
-    for (let step = 0; step < count; step += 1) {
-        const index = (start + step) % count;
-        if (candidateMatches(candidates[index], needle)) {
-            return index;
-        }
-    }
-    return NO_TYPEAHEAD_MATCH;
-}
-/**
- * Whether a string consists of a single character, possibly repeated. Also
- * `true` for one character on its own, which is what makes a single key press
- * advance past the current candidate rather than re-matching it.
- *
- * Takes the characters already split apart, so that the caller and this
- * function agree on what "a character" is for anything outside the basic
- * multilingual plane.
- *
- * @param characters - the characters of the string
- * @returns `true` when every character is the same
- */
-function isSingleDistinctCharacter(characters) {
-    return characters.every((character) => character === characters[0]);
-}
-/**
- * @param candidate - the candidate to test, or `null` for a row that can
- * never match
- * @param needle - the lower cased characters to match
- * @returns `true` when the candidate starts with the given characters
- */
-function candidateMatches(candidate, needle) {
-    var _a;
-    if (!candidate || candidate.disabled) {
-        return false;
-    }
-    const text = (_a = candidate.text) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase();
-    return !!text && text.startsWith(needle);
-}
-/**
- * Accumulates typed characters, and discards them again once the user stops
- * typing for `TYPEAHEAD_BUFFER_TIMEOUT`.
- */
-class TypeaheadBuffer {
-    constructor(timeout = TYPEAHEAD_BUFFER_TIMEOUT) {
-        this.buffer = '';
-        this.timeout = timeout;
-    }
-    /**
-     * The characters typed so far.
-     */
-    get value() {
-        return this.buffer;
-    }
-    /**
-     * Whether nothing has been typed, or the buffer has been discarded.
-     */
-    get isEmpty() {
-        return this.buffer === '';
-    }
-    /**
-     * Append a character, and restart the timer that discards the buffer.
-     *
-     * @param character - the character to append
-     * @returns the buffer, including the appended character
-     */
-    append(character) {
-        this.buffer += character;
-        clearTimeout(this.resetTimeoutId);
-        this.resetTimeoutId = setTimeout(() => {
-            this.clear();
-        }, this.timeout);
-        return this.buffer;
-    }
-    /**
-     * Discard the buffer, and cancel the timer that would have discarded it.
-     */
-    clear() {
-        this.buffer = '';
-        clearTimeout(this.resetTimeoutId);
-        this.resetTimeoutId = undefined;
-    }
-}
-
 const TRIGGER_ID = 's-trigger';
 const LABEL_ID = 's-label';
 const SELECTED_TEXT_ID = 's-selected-text';
@@ -715,7 +556,7 @@ const Select = class {
         this.hasChanged = false;
         this.hasRichOptions = false;
         this.checkValid = false;
-        this.typeaheadBuffer = new TypeaheadBuffer();
+        this.typeaheadBuffer = new typeahead.TypeaheadBuffer();
         this.handleMenuTriggerKeyDown = (event) => {
             if (this.readonly) {
                 return;
@@ -723,7 +564,7 @@ const Select = class {
             // Typeahead runs first, so that a space extends an ongoing typeahead
             // instead of just opening the dropdown. A *bare* space is declined by
             // `handleTypeaheadKey`, and keeps its usual meaning below.
-            if (this.handleTypeaheadKey(event, NO_TYPEAHEAD_MATCH)) {
+            if (this.handleTypeaheadKey(event, typeahead.NO_TYPEAHEAD_MATCH)) {
                 return;
             }
             const isEnter = event.key === keycodes.ENTER;
@@ -819,7 +660,7 @@ const Select = class {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (index.h(SelectTemplate, { key: 'f0cb07f6a462919f27c952ca518dd6139413dde6', id: this.portalId, disabled: this.disabled, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerKeyDown: this.handleMenuTriggerKeyDown, listRef: this.setListElement, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
+        return (index.h(SelectTemplate, { key: '4e7a0b4acfc0a76fa2e10089d974796a08b81f22', id: this.portalId, disabled: this.disabled, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerKeyDown: this.handleMenuTriggerKeyDown, listRef: this.setListElement, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
     }
     watchOpen(newValue, oldValue) {
         if (this.checkValid) {
@@ -868,7 +709,7 @@ const Select = class {
                 // without closing it, which brings us back here with a row
                 // already focused. Moving to the first option then would lose
                 // the user's place in the list after every pick.
-                if (this.getFocusedMenuItemIndex() !== NO_TYPEAHEAD_MATCH) {
+                if (this.getFocusedMenuItemIndex() !== typeahead.NO_TYPEAHEAD_MATCH) {
                     return;
                 }
                 this.focusFirstMenuItem(list);
@@ -1019,7 +860,7 @@ const Select = class {
         // The native dropdown does its own typeahead. Note that
         // `setMenuFocus` bails out there too, so a pending index would never
         // be consumed anyway.
-        if (this.shouldRenderNative() || !isTypeaheadKey(event)) {
+        if (this.shouldRenderNative() || !typeahead.isTypeaheadKey(event)) {
             return false;
         }
         // A space only continues an ongoing typeahead. On its own it keeps its
@@ -1036,8 +877,8 @@ const Select = class {
         const candidates = items.map((item) => ('separator' in item ? null : item));
         const buffer = this.typeaheadBuffer.append(event.key);
         const currentIndex = this.resolveTypeaheadIndex(items, focusedIndex);
-        const index = findTypeaheadMatch(candidates, buffer, currentIndex);
-        if (index !== NO_TYPEAHEAD_MATCH) {
+        const index = typeahead.findTypeaheadMatch(candidates, buffer, currentIndex);
+        if (index !== typeahead.NO_TYPEAHEAD_MATCH) {
             this.focusTypeaheadMatch(index);
         }
         return true;
@@ -1048,7 +889,7 @@ const Select = class {
      * @returns the index a typeahead search should start from
      */
     resolveTypeaheadIndex(items, focusedIndex) {
-        if (focusedIndex !== NO_TYPEAHEAD_MATCH) {
+        if (focusedIndex !== typeahead.NO_TYPEAHEAD_MATCH) {
             return focusedIndex;
         }
         // Typed again before focus had time to land in the dropdown.
@@ -1102,7 +943,7 @@ const Select = class {
         const focused = (_b = (_a = this.list) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.activeElement;
         const row = focused === null || focused === void 0 ? void 0 : focused.closest('[data-index]');
         const index = Number.parseInt((_c = row === null || row === void 0 ? void 0 : row.dataset.index) !== null && _c !== void 0 ? _c : '', 10);
-        return Number.isNaN(index) ? NO_TYPEAHEAD_MATCH : index;
+        return Number.isNaN(index) ? typeahead.NO_TYPEAHEAD_MATCH : index;
     }
     resetTypeahead() {
         this.typeaheadBuffer.clear();

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

@@ -53,7 +53,7 @@ const Shortcut = class {
     render() {
         var _a, _b, _c, _d, _e;
         const rel = linkHelper.getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
-        return (index.h(index.Host, { key: '7bf3b46e100ac6bbdaa80340005154bc83be3c1b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("a", { key: '411751e70f5933a78549fee2aa7f4196ac6c2607', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, index.h("limel-icon", { key: '8b0c70289868c38c326ed0f3ced857f069b5914c', name: this.icon }), index.h("limel-3d-hover-effect-glow", { key: 'a1d467b156cbd66220284d296c081a34f5288142' })), this.renderLabel(), this.renderNotification()));
+        return (index.h(index.Host, { key: '85fa2d40b55cf7760d741790a1c46aed214b9138', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("a", { key: 'd0947264d9e635538b680c49f6d63d9b1fe5c276', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, index.h("limel-icon", { key: '49f8738c4f675badac5c048a74b15070f883e425', name: this.icon }), index.h("limel-3d-hover-effect-glow", { key: 'd079dc72de9f71b9694ce6dad18f37082ebf4c8b' })), this.renderLabel(), this.renderNotification()));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/limel-side-panel.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 require('./language-v-MMS6ym.js');
@@ -230,7 +230,7 @@ const SidePanel = class {
             .querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '08b05c2b8afd8932dc8adb37ad90f1d95470157c' }, index.h("section", { key: 'f22ca23fdd6a12800bb0302324b9bc2240248799', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), index.h("div", { key: '2fad374bae850686330e1ed96f5fab4f47243ee2', class: "content" }, index.h("div", { key: 'fe0752f1df11d0ed2b7e5b9592527f4c2db920c5', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), index.h("span", { key: 'c5550895527070ff57f41eab0e01e8a1eb924883', "data-limit": "min", ref: this.setMinLimit }), index.h("span", { key: '2de8d255c665137b0e6049eaf79214e5164aed85', "data-limit": "max", ref: this.setMaxLimit })));
+        return (index.h(index.Host, { key: '9b897330f9b462ea664d78d5886c1a192b95b037' }, index.h("section", { key: 'dd60b5b91233d1dedde3fbdabf6145a2f008e99a', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), index.h("div", { key: 'd6e145ccba5ca797168eeb39da030844a03d1dc1', class: "content" }, index.h("div", { key: 'f1b5b41bcd39b5b1192ed080ddb770a7b5f694ac', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), index.h("span", { key: 'b84046762f4f9c81a8a93eb388037b7565f6457a', "data-limit": "min", ref: this.setMinLimit }), index.h("span", { key: '2a3c7a1084875e6d57fe401716e550a365d8adc8', "data-limit": "max", ref: this.setMaxLimit })));
     }
     // A native button and not `limel-icon-button`, because the hover animation
     // styles the icon, which is inside the shadow root of `limel-icon-button`.

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BlsqxTB1.js');
 var randomString = require('./random-string-CFCtFh5l.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 require('./language-v-MMS6ym.js');
 
 /**
@@ -308,15 +308,15 @@ const Slider = class {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (index.h(index.Host, { key: '221db331025fdd7f147d86da437fd6cd1daa2622', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: 'e43bad1e38c8f7844f6c9556e1663d5db0fcda81', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, index.h("div", { key: '94f4bcfbf53ec1aa1f283140f66249cf20222758', slot: "content" }, index.h("div", { key: '070e80ffb9cd899b95b65f608012f6179e857a48', class: "slider", style: { '--slider-fraction': `${fraction}` } }, index.h("input", Object.assign({ key: 'c797f60bb1dee92f504bbe9b7d7e46e28e35bb5b', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        return (index.h(index.Host, { key: 'f36c727962bfff9e4b4d1f59659edf19e3d7966f', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: '0e87be789bc4f5462b45d9ac9e7f2318ca59000f', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, index.h("div", { key: '2d46c8256b2497a041ad0ef70a17a8a9c3a68646', slot: "content" }, index.h("div", { key: '55f05f623a70dd946189a70b399372c1409757e2', class: "slider", style: { '--slider-fraction': `${fraction}` } }, index.h("input", Object.assign({ key: 'f56b592cdab90fd824081529800ad995b0129dc4', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
                 ? this.helperTextId
                 : undefined, "aria-invalid": this.invalid ? 'true' : undefined, "aria-valuetext": this.isUnset
                 ? translations.translations.get('value-not-set', this.language)
                 : undefined, ref: (el) => {
                 this.inputElement = el;
-            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), index.h("div", { key: '1d2cc0e4f84e3292e404499a670ee32f7b2f0c07', class: "track" }, index.h("div", { key: '849eda8cc4916f9455aee96ea3e4811a80be3a18', class: "active" }), this.renderStepDots(min, max)), index.h("div", { key: '92ac819c20b16c8d54d7a482c76e9cba7217cb74', class: "thumb" }, index.h("div", { key: '2e696e951a707674f67bb7a679123d0749b7f7fd', class: "knob" }), index.h("div", { key: 'a794baedbf24fe400f48340af990ce6e4794e59c', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), index.h("div", { key: 'bc8caf7e40128a09bd09c5dfaa1932702a3181ec', class: "track" }, index.h("div", { key: 'b76f3d65f499dfc0b0c689bc1f18af79842847e1', class: "active" }), this.renderStepDots(min, max)), index.h("div", { key: '197a21d948777705839baf6c9e37606675d92952', class: "thumb" }, index.h("div", { key: 'e9f5ec56849f8165071d6c0b79f0366b4dbe664d', class: "knob" }), index.h("div", { key: '932a98222a1bd85cfcec64f318aaf7acb9b03e97', class: "indicator", "aria-hidden": "true" }, this.isUnset
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), index.h("div", { key: '30c8309de3dc8c0040b334e46d9426a70ba38b15', class: "range-labels" }, index.h("span", { key: 'faa79880adff0de1b541cdeada725b73bd44798f', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), index.h("span", { key: 'd7c2ebd24f1883d5a6104ef0f51faa7daea3e3c9', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : this.displayValue))), index.h("div", { key: '19f3779a56a21d317bf350f99a5f93068b1be09d', class: "range-labels" }, index.h("span", { key: '4e4ad708a44753912606aa177dfe6a7c742138fe', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), index.h("span", { key: 'b9e990eabfbe6284c732189be3609cc476caf169', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
     }
     watchValue() {
         this.syncStateFromValue();

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 require('./language-v-MMS6ym.js');
 
@@ -148,14 +148,14 @@ const Snackbar = class {
         }
     }
     render() {
-        return (index.h("aside", { key: '4de74024219bac0fafcda941c0cc06a68ed9dff3', popover: "manual", style: {
+        return (index.h("aside", { key: '86271cf61d1b060d3f12b753be16190d111ea3d1', popover: "manual", style: {
                 '--snackbar-timeout': `${Math.max(this.timeout || 0, 0)}ms`,
                 '--snackbar-distance-to-top-edge': `${this.offset}px`,
             }, class: {
                 open: this.open,
                 'is-closing': this.closing,
                 'limel-portal--parent': true,
-            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, index.h("div", { key: 'eccc1a4b99d40849bbbae22664bd504a59f0a66f', class: "surface" }, index.h("limel-markdown", { key: '31ed89296bd16195a46a6e29288404cefc78d247', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
+            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, index.h("div", { key: 'cf0e868a834c0ec189cb42a6f22bbc7435d9f566', class: "surface" }, index.h("limel-markdown", { key: '4d55bc3eac78572795aaa1eef0d3d43721150123', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {

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

@@ -45,9 +45,9 @@ const SplitButton = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '18de8e93a8ff6756ad149bde1ea84ce90ce0036b', class: {
+        return (index.h(index.Host, { key: 'e9fb690c19e7e7276bbe1457f7c9ddf34535f2e5', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, index.h("limel-button", { key: 'a2c1bc26acc989c8e0fa62ce31d644dab9ab9ee2', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, index.h("limel-button", { key: '3dbc886df3854572ef0a1655aa815925150a6987', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -68,7 +68,7 @@ const Switch = class {
         makeEnterClickable.removeEnterClickable(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'f587a415d29965c927cca8900bc06e4168eb2113' }, this.readonly
+        return (index.h(index.Host, { key: 'dd5e5f289e3d62bfe697d93b178ffc0ecd84e498' }, this.readonly
             ? this.renderReadonly()
             : this.renderInteractive(), this.renderHelperLine()));
     }

package/dist/cjs/limel-tab-bar.cjs.entry.js

@@ -360,7 +360,7 @@ const TabBar = class {
     }
     render() {
         const tabStop = findTabStop(this.tabs, this.tabs.findIndex((tab) => tab.active), this.getNavigationOptions());
-        return (index.h("div", { key: 'd5f54de83640eb4898a58cd71696085e28f3701a', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, index.h("limel-scroller", { key: '565bbbcdf070a6b2521064a84347028baaae273e', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
+        return (index.h("div", { key: '520c0e3987f3de626ca2c01809b42b504146eb76', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, index.h("limel-scroller", { key: '60512f257f8ef89cc0b6142ac80d515060bbbba0', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);

package/dist/cjs/limel-tab-panel.cjs.entry.js

@@ -57,7 +57,7 @@ const TabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eb146868d93cc4bd4f42cc360005e25e44dd7ad3', onChangeTab: this.handleChangeTabs }, index.h("div", { key: 'b6453044e1cd4ecf20351bf3b6ebe72debc6c0d5', class: "tab-panel" }, index.h("limel-tab-bar", { key: '0a12ede1dc3f43c029a959af75afcb67ff853612', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), index.h("div", { key: '19b1b3f077a6e9a01a4327f595e4bf8c82a06261', class: "tab-content" }, index.h("slot", { key: 'b1e30dd491a4a5629a55ec11220f968cf9f1f2c8' })))));
+        return (index.h(index.Host, { key: 'b914d64b43fdcb450e1e4d229952a1a9af8b7eed', onChangeTab: this.handleChangeTabs }, index.h("div", { key: 'b01a95d321115f07399d3ee40780f234bf8a3ed7', class: "tab-panel" }, index.h("limel-tab-bar", { key: '96a9dc357929d64c3dbbbb23441b5729efea33b3', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), index.h("div", { key: '0dd475dbc1fbc58a3e826dec668d35b1ce0f4318', class: "tab-content" }, index.h("slot", { key: '3918e9fc54b588e898c8280fc92e89270fd896a1' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

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

@@ -13,7 +13,7 @@ var isArrayLike = require('./isArrayLike-0-cyPB5I.js');
 var negate = require('./negate-Bg3SqQh6.js');
 var layout = require('./layout-CL_D-afg.js');
 var isEqual = require('./isEqual-QhCilNoo.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 require('./isArray-BuFVIU_i.js');
 require('./isSymbol-DxAVNJfH.js');
 require('./isObjectLike-Dlpn-j-1.js');
@@ -32321,13 +32321,13 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (index.h(index.Host, { key: '0191a4fb265a4eda818fe9478f253cc0210e3e3a', class: {
+        return (index.h(index.Host, { key: '14890d8a92126d1e7e07071b40f745a3bc110ef4', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, index.h("div", { key: 'c0d266d3f273b437b0aa7d6fa83cb7ebe93b1963', id: "tabulator-container" }, index.h("div", { key: '836bbd66c7a99bacc2a961e51b6b05af5963cb8d', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: 'b62f403ffb83b30e568b7da64b5ad45cb369b6de', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '3c9f054e2c7b1a4f18115abf771b07ff729258cf', id: "tabulator-table" }))));
+            } }, index.h("div", { key: '07aec37799ff2dd44949e24655b44da04b9ae4de', id: "tabulator-container" }, index.h("div", { key: '97984b2a9bf59cef4b04395cbb1248c48bac5bc3', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: '29a35c732185becb5192c854ad1bceea43a395fd', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '22a46313cf345b16e17b4ddc46283a3610accac5', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 require('./language-v-MMS6ym.js');
 
@@ -111,9 +111,9 @@ const TextEditorLinkMenu = class {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            index.h("limel-input-field", { key: 'f9676b8287c3d6d366b668f56f701b0f4a61edb9', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
-            index.h("limel-input-field", { key: '4471ed4849ecf1536e1d230c3a9821f8254ecf7e', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
-            index.h("div", { key: 'fd05d27fce1f463979847fbc16fd9aac8a9fb17a', class: "actions" }, index.h("limel-button", { key: '9bd0d2e1b0d9a37094872652efad8b5f9e0ace15', label: this.getTranslation('cancel'), onClick: this.handleCancel }), index.h("limel-button", { key: 'a9aab48e7fe4cf0811e5b9044c9804a0cac73765', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            index.h("limel-input-field", { key: 'e9ff24b3ef0ffbc098c32f77c1cefeac9b2dbcd9', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
+            index.h("limel-input-field", { key: 'df5552b700c8c73d28ab83658b31e817b7dedceb', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
+            index.h("div", { key: 'd4243e548a1227865ec40af31a5868e7f7214b5e', class: "actions" }, index.h("limel-button", { key: 'a16b1a026825dd3441a5ce018704f6ae9e0ed576', label: this.getTranslation('cancel'), onClick: this.handleCancel }), index.h("limel-button", { key: '8c4b46e58487ef17c9e2637127a17b5a2847863d', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
 };

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

@@ -161,7 +161,7 @@ const TextEditor = class {
         await ((_a = this.adapterElement) === null || _a === void 0 ? void 0 : _a.clear());
     }
     render() {
-        return (index.h(index.Host, { key: 'c67e770630e0b704d0f00e76c59f4c6cf12c4cd9' }, index.h("limel-notched-outline", { key: 'c4c58e24b9dd09cccf433d2f3227994dbdadf5e4', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (index.h(index.Host, { key: 'e0ebfa29ceaf175ab0dc5fe78f7eb055f80d045c' }, index.h("limel-notched-outline", { key: '2f2823bb140c77e1af697adb75985729c01cfbb4', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {

package/dist/cjs/live-message-BNl3Ihcz.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var debounce = require('./debounce-DgDnRSlt.js');
+
+/**
+ * Check if an element is a descendant of another, even if it is located within a shadow root
+ *
+ * @param element - The element to check
+ * @param parent - The parent element
+ * @returns True if the element is a descendant of the parent element, false otherwise
+ */
+function isDescendant(element, parent) {
+    if (!parent) {
+        return false;
+    }
+    if (parent.contains(element)) {
+        return true;
+    }
+    let currentNode = element;
+    let i = 0; // Just in case something weird happens, let's not crash the browser…
+    const DEPTH = 1000; // Max depth to search.
+    while (i < DEPTH &&
+        currentNode &&
+        currentNode.getRootNode().nodeName === '#document-fragment') {
+        currentNode = currentNode.getRootNode().host;
+        if (parent.contains(currentNode)) {
+            return true;
+        }
+        i += 1;
+    }
+    return parent.contains(currentNode);
+}
+
+const LIVE_MESSAGE_DELAY = 500;
+/**
+ * Creates what a component needs to speak a message through a visually hidden
+ * element with `aria-live`. The text is written straight into that element
+ * and not through the state of the component, so speaking costs no render.
+ * It is written a short while after the last update, so that a screen reader
+ * does not read out every change while the user is typing.
+ *
+ * @param getMessage - Returns the text to speak. An empty text clears the
+ * element, so that the same message is spoken again the next time.
+ * @returns `setElement`, to be used as the `ref` of the live element, and
+ * `update`, to be called when the message may have changed.
+ */
+const createLiveMessage = (getMessage) => {
+    let element;
+    const setElement = (liveElement) => {
+        element = liveElement;
+    };
+    const update = debounce.debounce(() => {
+        if (!element) {
+            return;
+        }
+        const message = getMessage();
+        if (element.textContent !== message) {
+            element.textContent = message;
+        }
+    }, LIVE_MESSAGE_DELAY);
+    return { setElement, update };
+};
+
+exports.createLiveMessage = createLiveMessage;
+exports.isDescendant = isDescendant;