@limetech/lime-elements 40.18.3 → 40.19.0

package/dist/cjs/limel-pagination.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');
 var language = require('./language-v-MMS6ym.js');
 var pagination_util = require('./pagination.util-B5zzH8vg.js');
@@ -289,7 +289,7 @@ const Pagination = class {
     }
     render() {
         const { slots } = this.view;
-        return (index.h(index.Host, { key: '7d7e26956a5df97a75d2e9d4a8d5b2407b2b65a3' }, index.h("nav", { key: 'e2b6b6a1bb513e3136b6fcc2e34c668be8e64089', "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')), index.h("span", { key: '00e74cdbf6ca753b7bac6b4731a5b63c4ac4d338', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        return (index.h(index.Host, { key: '924becb588f7d773572b61865b9dd79b14171153' }, index.h("nav", { key: 'f517b62cf0107c912d576f08e9d99594f868be44', "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')), index.h("span", { key: '21758520849acfe32f43e86570fe60a040cf2748', 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/cjs/limel-picker.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-CLSqfR3x.js');
-var dom = require('./dom-BWMDM6En.js');
+var translations = require('./translations-CqJEWcfw.js');
+var liveMessage = require('./live-message-BNl3Ihcz.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var typeahead = require('./typeahead-CnyIjog_.js');
@@ -14,7 +14,7 @@ require('./toNumber-v-1DEwWD.js');
 require('./isSymbol-DxAVNJfH.js');
 require('./isObjectLike-Dlpn-j-1.js');
 
-const pickerCss = () => `:host{position:relative;display:block}:host([hidden]){display:none}`;
+const pickerCss = () => `@charset "UTF-8";:host{position:relative;display:block}:host([hidden]){display:none}.suggestions-message{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}`;
 
 const SEARCH_DEBOUNCE = 300;
 const CHIP_SET_TAG_NAME = 'limel-chip-set';
@@ -90,11 +90,13 @@ const Picker = class {
          */
         this.badgeIcons = false;
         this.textValue = '';
+        this.suggestionsEngaged = false;
         this.loading = false;
         this.chips = [];
         // Should NOT be decorated with State(), since this
         // should not trigger a re-render by itself.
         this.chipSetEditMode = false;
+        this.suggestionsMessage = liveMessage.createLiveMessage(() => this.getSuggestionsMessage());
         this.getValueId = (item) => {
             const value = item.value;
             if (!!value && typeof value === 'object') {
@@ -173,8 +175,12 @@ const Picker = class {
         this.chipSet = this.host.shadowRoot.querySelector(CHIP_SET_TAG_NAME);
         this.updateTabIndex();
     }
+    componentDidRender() {
+        this.suggestionsMessage.update();
+    }
     disconnectedCallback() {
         this.debouncedSearch.cancel();
+        this.suggestionsMessage.update.cancel();
     }
     onDisabledChange() {
         this.updateTabIndex();
@@ -194,13 +200,11 @@ const Picker = class {
     }
     render() {
         const props = {};
+        const dropdownContent = this.getDropdownContentList();
         if (!this.multiple) {
             props.maxItems = 1;
         }
-        return [
-            index.h("limel-chip-set", Object.assign({ key: 'c3f4fd001d63a287a8a9f447f7c9df65279fbc34', 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(),
-        ];
+        return (index.h(index.Host, { key: 'b8a2414331b89aa646ecdab2a0e5fb9bfce06de4' }, index.h("limel-chip-set", Object.assign({ key: 'bf4fe7ed7973f40c903116cd538f485e3f44881d', 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, suggestionListId: this.canOpenList() ? this.portalId : undefined, suggestionListOpen: this.suggestionsEngaged && dropdownContent.length > 0 }, props)), this.renderPortal(dropdownContent), index.h("span", { key: '3967fc14d3207567c5976c48c1154b96ea3fe285', class: "suggestions-message", "aria-live": "polite", ref: this.suggestionsMessage.setElement })));
     }
     onChangeValue() {
         this.chips = this.createChips(this.value);
@@ -212,27 +216,44 @@ const Picker = class {
         return null;
     }
     /**
-     * Renders the dropdown with the items to pick from, or a spinner if the picker
-     * is waiting for items to be received
+     * Collects what the dropdown shows: the items to pick from, or a spinner
+     * if the picker is waiting for items to be received, and the actions. The
+     * dropdown is open when there is anything to show.
      *
-     * @returns picker dropdown
+     * @returns the pieces of the dropdown
      */
-    renderDropdown() {
+    getDropdownContentList() {
         const dropDownContent = this.getDropdownContent();
         const content = [];
         if (this.shouldShowDropDownContent()) {
             const actionContent = this.getActionContent();
-            if (this.actionPosition === 'top') {
+            if (actionContent && this.actionPosition === 'top') {
                 content.push(actionContent);
             }
             if (dropDownContent) {
                 content.push(dropDownContent);
             }
-            if (this.actionPosition === 'bottom') {
+            if (actionContent && this.actionPosition === 'bottom') {
                 content.push(actionContent);
             }
         }
-        return this.renderPortal(content);
+        return content;
+    }
+    getSuggestionsMessage() {
+        var _a;
+        if (!this.shouldShowDropDownContent()) {
+            return '';
+        }
+        if (this.loading) {
+            return translations.translations.get('loading', this.language);
+        }
+        if (!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
+            return this.textValue === '' ? '' : this.getEmptyResultMessage();
+        }
+        const count = this.items.filter((item) => !('separator' in item)).length;
+        return count
+            ? translations.translations.get('suggestions.available', this.language, { count })
+            : '';
     }
     getActionContent() {
         var _a, _b;
@@ -252,11 +273,11 @@ const Picker = class {
     removeUnusedPropertiesOnAction(action) {
         return Object.assign(Object.assign({}, action), { actions: [] });
     }
+    canOpenList() {
+        return !this.readonly && !this.isFull();
+    }
     shouldShowDropDownContent() {
-        if (this.readonly || this.isFull()) {
-            return false;
-        }
-        return !!this.chipSetEditMode;
+        return this.canOpenList() && !!this.chipSetEditMode;
     }
     getDropdownContent() {
         var _a;
@@ -296,11 +317,14 @@ const Picker = class {
                 padding: '1rem 0',
             } }, index.h("limel-spinner", { limeBranded: false })));
     }
-    renderEmptyMessage() {
-        const text = this.emptyResultMessage ||
+    getEmptyResultMessage() {
+        return (this.emptyResultMessage ||
             translations.translations.get('picker.no-matching-results', this.language, {
                 query: this.textValue,
-            });
+            }));
+    }
+    renderEmptyMessage() {
+        const text = this.getEmptyResultMessage();
         const style = {
             color: 'rgb(var(--contrast-1100))',
             textAlign: 'center',
@@ -310,7 +334,7 @@ const Picker = class {
         return index.h("p", { style: style }, text);
     }
     renderListResult() {
-        return (index.h("limel-list", { "data-suggestions": "", badgeIcons: this.badgeIcons, onChange: this.handleListChange, onKeyDown: this.onListKeyDown, type: "selectable", items: this.items }));
+        return (index.h("limel-list", { "data-suggestions": "", accessibleLabel: this.label || this.searchLabel, badgeIcons: this.badgeIcons, onChange: this.handleListChange, onKeyDown: this.onListKeyDown, type: "selectable", items: this.items }));
     }
     onListKeyDown(event) {
         if (event.key === keycodes.ESCAPE) {
@@ -342,10 +366,11 @@ const Picker = class {
         // However, document.activeElement will return the actual focused element instead of the outermost shadow host
         const element = this.host.shadowRoot.activeElement || document.activeElement;
         const portalElement = document.querySelector(`#${this.portalId}`);
-        if (dom.isDescendant(element, this.host) ||
-            dom.isDescendant(element, portalElement)) {
+        if (liveMessage.isDescendant(element, this.host) ||
+            liveMessage.isDescendant(element, portalElement)) {
             return;
         }
+        this.suggestionsEngaged = false;
         this.clearInputField();
     }
     /**
@@ -357,6 +382,7 @@ const Picker = class {
         event.stopPropagation();
         const query = event.detail;
         this.textValue = query;
+        this.suggestionsEngaged = true;
         this.debouncedSearch(query);
         // If the search-query is an empty string, bypass debouncing.
         if (query === '') {
@@ -452,6 +478,7 @@ const Picker = class {
      */
     handleInputKeyDown(event) {
         var _a;
+        this.suggestionsEngaged = true;
         const isUp = event.key === keycodes.ARROW_UP;
         const isDown = event.key === keycodes.ARROW_DOWN;
         const isEscape = event.key === keycodes.ESCAPE;

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

@@ -4,6 +4,7 @@ var index = require('./index-BlsqxTB1.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var focusTriggerElement = require('./focus-trigger-element-Sr7Yjtmk.js');
+var controlledElement = require('./controlled-element-Ajn5eA-q.js');
 require('./_assignValue-DQh76m39.js');
 require('./_defineProperty-Csu6P9HT.js');
 require('./_getNative-Cf52giNE.js');
@@ -82,7 +83,7 @@ const Popover = class {
             // `aria-expanded` is needed even when the popover is closed. Without
             // it, the trigger reads as an ordinary button to a screen reader.
             element.setAttribute('aria-expanded', this.open ? 'true' : 'false');
-            this.setControlledPopup(element);
+            controlledElement.setControlledElement(element, this.portalId);
             element.setAttribute('role', 'button');
         };
         this.portalId = randomString.createRandomString();
@@ -141,7 +142,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: 'f314178b0648433c2e764a31b64c94c85f31d7ce', class: "trigger-anchor" }, index.h("slot", { key: '93953d9f7bf5c1c0550e445a4e49591029408725', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '01d43457e8eeebd3c135ea823bb26e0e3e336d12', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '6c368bcc7a3914fa62525b01f912cf4d0e640531', contentCollection: this.host.children, popupRole: this.getNamedPopupRole(), accessibleLabel: this.accessibleLabel, style: cssProperties }))));
+        return (index.h("div", { key: '25f9721cd8faad3f7f8d2d6f6f5152bfa507783c', class: "trigger-anchor" }, index.h("slot", { key: 'b3a48d53f82b3caaf6ba3123b8df0c6b2880a6d7', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '3707b6a5157e89bc57f0687ef2ca74a592226e70', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: 'bb5eb9c961732fe8582cc3e95787803efec6e6a4', contentCollection: this.host.children, popupRole: this.getNamedPopupRole(), accessibleLabel: this.accessibleLabel, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -176,14 +177,6 @@ const Popover = class {
         }
         this.hasWarnedAboutMissingName = hasNoName;
     }
-    setControlledPopup(element) {
-        const popup = document.querySelector(`#${this.portalId}`);
-        if ('ariaControlsElements' in element) {
-            element.ariaControlsElements = popup ? [popup] : null;
-            return;
-        }
-        element.setAttribute('aria-controls', this.portalId);
-    }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "open": [{
@@ -203,7 +196,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return (index.h("div", { key: '0391463d9777ee0a43de19b4fcf97e5b1ef120d9', class: "limel-popover-surface", tabindex: "0", role: this.popupRole, "aria-label": this.accessibleLabel }));
+        return (index.h("div", { key: 'b3b766fa5d9b26b48136c0856bbfb40745498b7c', class: "limel-popover-surface", tabindex: "0", role: this.popupRole, "aria-label": this.accessibleLabel }));
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

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

@@ -3,7 +3,7 @@
 var index = require('./index-BlsqxTB1.js');
 var files = require('./files-DpGigQ8k.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
-var translations = require('./translations-CLSqfR3x.js');
+var translations = require('./translations-CqJEWcfw.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var imageResize = require('./image-resize-JlRLB97I.js');
 var image_template = require('./image.template-DlF-f23b.js');

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

@@ -2,10 +2,10 @@
 
 var index$1 = require('./index-BlsqxTB1.js');
 var types = require('./types-C7gNcwzE.js');
-var markdownParser = require('./markdown-parser-BYtTHL4W.js');
+var markdownParser = require('./markdown-parser-toAp9-Eq.js');
 var cloneDeep = require('./cloneDeep-CiuKX6HE.js');
-var translations = require('./translations-CLSqfR3x.js');
-var index = require('./index-zZvs6xK-.js');
+var translations = require('./translations-CqJEWcfw.js');
+var index = require('./index-DIiA99Er.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var isItem = require('./is-item-DMELyaao.js');
 var files = require('./files-DpGigQ8k.js');
@@ -28659,7 +28659,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f5d3b059f54cdb32f9499b9063e4b3c732490f0e', onFocus: this.handleFocus }, index$1.h("div", { key: '81aa602b9cf3575da987261e60629e008c03269c', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: '8146122990b6020e7c1062938123d233e6c4e6aa', onFocus: this.handleFocus }, index$1.h("div", { key: '49dfd2b845efad4528689a9890e2f59cb5cd030e', 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: 'c2126217b6d0e46fa2697ad357fa441dfd611e84', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (index.h("limel-list", { key: 'b9c2e1312803c82e8729e0f55b2e2c06e24c00a0', 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: '6a13619b314af79329c8bb375b13db650ff84bc0', class: {
+        return (index.h(index.Host, { key: '9fd754e0cad07b0dafc27ff12966f1ecc43ac94c', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, index.h("input", { key: '766fe9899d9c4b0ef0b4cce2a579d70d95ddc4ef', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: '95c155149a1e2e0c90f0f32c960b7fb02844a352', class: "box" }), index.h("label", { key: 'c79892604f14bdc55ea207a9e95214c2b3c365dc', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, index.h("input", { key: 'e6dfb4a56fd955db9718400bdf9f1315d768883c', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: '371b6ff8362f34dc1dcedb254c99246c36bbd8db', class: "box" }), index.h("label", { key: '2a65aee91c5f82a13b9e469f6bd5eb9126d798cf', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();

package/dist/cjs/limel-resize-handle.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');
 
@@ -248,7 +248,7 @@ const ResizeHandle = class {
     }
     render() {
         const name = this.getName();
-        return (index.h(index.Host, { key: '60afc9a25d46b0353ea82e5d952c4f16ea966af9', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, index.h("div", { key: 'cf668350fd88ceb546b2ba5d9f2e256fad850633', role: "separator", id: SEPARATOR_ID, tabindex: "0", "aria-orientation": getOrientation(this.location), "aria-label": name, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("div", { key: '581a96a20905d70ed32f5a25b8db803ea4daee6a', role: "presentation" }, index.h("span", { key: 'a06b14126c53c2a28c32897cf27d95f2d86d6e71' }), index.h("span", { key: 'b0b80786f6fa842b562c3e17c82f6d569f977d6f' }), index.h("span", { key: 'f1604f9a3e96bf59558bba08a3c9388f97ecb17e' }))), index.h("limel-tooltip", { key: '43c3a9a2502f30e58067f1eb16e53129face2bf4', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
+        return (index.h(index.Host, { key: 'ae82ff62dfeb954f5dec181a8d3e0a0e564e0219', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, index.h("div", { key: '68826930c86850047893b5f8edcb8203000b0126', role: "separator", id: SEPARATOR_ID, tabindex: "0", "aria-orientation": getOrientation(this.location), "aria-label": name, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, onFocus: this.handleFocus, onBlur: this.handleBlur }, index.h("div", { key: '15be73014f20e7788cdb3a9ff0d332a0c036a1fe', role: "presentation" }, index.h("span", { key: '69e9b4c0496d659db9b82d91339ab60e455b8bcc' }), index.h("span", { key: '9549feb07707e9ba8751ab4d06e6c2b5f9d1bbd7' }), index.h("span", { key: '4ce59a99ca80989774915fa499a5251ef041db83' }))), index.h("limel-tooltip", { key: 'cbadd628e570b83c4bd3944e7e87d5834dbcd418', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
     }
     getName() {
         if (!this.resizableRegionLabel) {

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

@@ -660,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) {

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) {