@limetech/lime-elements 40.15.0 → 40.17.0

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

@@ -53,6 +53,7 @@ const Popover = class {
          */
         this.open = false;
         this.shouldRestoreFocusOnClose = false;
+        this.hasWarnedAboutMissingName = false;
         this.handleGlobalKeyPress = (event) => {
             if (event.key !== ESCAPE) {
                 return;
@@ -74,11 +75,12 @@ const Popover = class {
             focusTriggerElement(trigger);
         };
         this.setTriggerAttributes = (element) => {
-            element.setAttribute('aria-haspopup', 'true');
+            var _a;
+            element.setAttribute('aria-haspopup', (_a = this.getNamedPopupRole()) !== null && _a !== void 0 ? _a : 'true');
             // `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');
-            element.setAttribute('aria-controls', this.portalId);
+            this.setControlledPopup(element);
             element.setAttribute('role', 'button');
         };
         this.portalId = createRandomString();
@@ -98,6 +100,9 @@ const Popover = class {
     disconnectedCallback() {
         this.teardownGlobalHandlers();
     }
+    componentWillRender() {
+        this.warnIfRoleHasNoName();
+    }
     componentDidRender() {
         if (!this.triggerSlot) {
             return;
@@ -134,7 +139,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (h("div", { key: 'a02ffc9fddedc154172b0d4882bfe59b2577ffac', class: "trigger-anchor" }, h("slot", { key: '3665da92007e5943986f57c449055b892502f67e', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '461758e543e835682034c689fcb093fb53ea352e', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '85c7c3d6b11c616eab35bc8419fa2769e5e602ed', contentCollection: this.host.children, style: cssProperties }))));
+        return (h("div", { key: 'f314178b0648433c2e764a31b64c94c85f31d7ce', class: "trigger-anchor" }, h("slot", { key: '93953d9f7bf5c1c0550e445a4e49591029408725', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '01d43457e8eeebd3c135ea823bb26e0e3e336d12', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '6c368bcc7a3914fa62525b01f912cf4d0e640531', contentCollection: this.host.children, popupRole: this.getNamedPopupRole(), accessibleLabel: this.accessibleLabel, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -159,6 +164,24 @@ const Popover = class {
         });
         return zipObject(propertyNames, values);
     }
+    getNamedPopupRole() {
+        return this.accessibleLabel ? this.popupRole : undefined;
+    }
+    warnIfRoleHasNoName() {
+        const hasNoName = !!this.popupRole && !this.accessibleLabel;
+        if (hasNoName && !this.hasWarnedAboutMissingName) {
+            console.warn(`limel-popover: popupRole is "${this.popupRole}", but there is no accessibleLabel to name the popup. The role is not used until the popup has a name.`);
+        }
+        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 getElement(this); }
     static get watchers() { return {
         "open": [{
@@ -178,7 +201,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return h("div", { key: '565d94e781d72493de84f12970471ecf220dd601', class: "limel-popover-surface", tabindex: "0" });
+        return (h("div", { key: '0391463d9777ee0a43de19b4fcf97e5b1ef120d9', 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/esm/limel-profile-picture.entry.js

@@ -232,7 +232,8 @@ const ProfilePicture = class {
             maxWidth: '20rem',
             borderRadius: '0.75rem',
         };
-        return (h("limel-popover", { open: this.isErrorMessagePopoverOpen, onClick: this.openPopover, onClose: this.onPopoverClose }, h("limel-icon-button", { slot: "trigger", elevated: true, icon: errorIcon, "aria-live": "polite", label: this.getTranslation('profile-picture.unsupported-preview.title') }), h("limel-callout", { type: "warning", style: errorMessageStyles, heading: this.getTranslation('profile-picture.unsupported-preview.title') }, this.getTranslation('profile-picture.unsupported-preview.description'))));
+        const title = this.getTranslation('profile-picture.unsupported-preview.title');
+        return (h("limel-popover", { open: this.isErrorMessagePopoverOpen, popupRole: "dialog", accessibleLabel: title, onClick: this.openPopover, onClose: this.onPopoverClose }, h("limel-icon-button", { slot: "trigger", elevated: true, icon: errorIcon, "aria-live": "polite", label: title }), h("limel-callout", { type: "warning", style: errorMessageStyles, heading: title }, this.getTranslation('profile-picture.unsupported-preview.description'))));
     }
     getImageSrc() {
         if (!this.value) {

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

@@ -1,28 +1,31 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BU9IJqli.js';
 import { L as LevelMapping, E as EditorMenuTypes, i as isInlineImageTag, M as MouseButtons, e as editorMenuTypesArray } from './types-C_Yu8dOg.js';
 import { g as getLinkAttributes, m as markdownToHTML, s as sanitizeHTML } from './markdown-parser-DFP65EFu.js';
-import { c as cloneDeep } from './cloneDeep-Bcll-3f8.js';
+import { c as cloneDeep } from './cloneDeep-BYrS7zqD.js';
 import { t as translations } from './translations-Drl5LNAD.js';
 import { c as decodeHTML, e as decodeHTMLStrict } from './index-BN64nlbO.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { i as isItem } from './is-item-CrvUOVvg.js';
 import { c as createFileInfo } from './files-CKnLqPDj.js';
-import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
 import { d as debounce } from './debounce-B67JMchz.js';
 import './_commonjsHelpers-B85MJLTf.js';
-import './_baseIsEqual-B_JRErB0.js';
-import './eq-CZ30nDJE.js';
-import './_getTag-BiAaLWvH.js';
+import './_baseIsEqual-CJf575VC.js';
+import './_arrayPush-NEl7BpFy.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
 import './isObject-BJQylLSL.js';
+import './eq-CZ30nDJE.js';
+import './_Map-LWJCQc-c.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-CyVGB489.js';
-import './isFunction-9zQTeQI8.js';
-import './_getNative-COawFdVX.js';
 import './isArray-B8VKuhvH.js';
+import './_getTag-BTNY_Z_q.js';
+import './isLength-BZrtP4vv.js';
 import './_isIndex-B--C3qwe.js';
+import './isArrayLike-wfLI14yj.js';
 import './_assignValue-CEFvyZxO.js';
 import './_defineProperty-C69Btzid.js';
-import './_getPrototype-B0kMNv1F.js';
+import './_getPrototype-CQlOogH0.js';
 import './language-ChagAaNf.js';
 import './file-metadata-BHzkIH4g.js';
 import './icons-Bu_YRgCL.js';
@@ -28654,7 +28657,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: 'bfdaaa62c1d97672795987a0320fcaaf7df6aee0', onFocus: this.handleFocus }, h("div", { key: '6ea1e3685c40f85d9ca1f62e924f117c34571db9', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: 'f5d3b059f54cdb32f9499b9063e4b3c732490f0e', onFocus: this.handleFocus }, h("div", { key: '81aa602b9cf3575da987261e60629e008c03269c', 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: '1ee999435baebb1badb909227d94d083fcc0fb03', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (h("limel-list", { key: 'c2126217b6d0e46fa2697ad357fa441dfd611e84', 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: 'f648a356af28a59101187075c6f42ac7afe28b49', class: {
+        return (h(Host, { key: '6a13619b314af79329c8bb375b13db650ff84bc0', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, h("input", { key: 'ddbbe3e3cd47a3434121a37053e0f556b3f823df', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '5af2a675fcf855d4c14a0297e1389a7098ee13f6', class: "box" }), h("label", { key: 'a12ad0a7ba7319c0f01fb3523f6a6cb94577e0c1', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, h("input", { key: '766fe9899d9c4b0ef0b4cce2a579d70d95ddc4ef', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '95c155149a1e2e0c90f0f32c960b7fb02844a352', class: "box" }), h("label", { key: 'c79892604f14bdc55ea207a9e95214c2b3c365dc', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();

package/dist/esm/limel-resize-handle.entry.js

@@ -246,7 +246,7 @@ const ResizeHandle = class {
     }
     render() {
         const name = this.getName();
-        return (h(Host, { key: 'a764146953b0d52a3a3b81450e8e1e65c90c5210', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("div", { key: '0d65a5646d9ede0f310045cb2858c554210c001a', 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 }, h("div", { key: '6c5d001384b9b7289c7a40c641c858c7c72de3ca', role: "presentation" }, h("span", { key: 'c43208aff2850d3e3ce439774e069d3bba23bdec' }), h("span", { key: 'f30a64d1bde31ba4a6578d2cdb71ad742bc55ae6' }), h("span", { key: '6d6bac3ba8a6ad7cbdebc730084eed8a8df2f9a2' }))), h("limel-tooltip", { key: '9e2c59edf8223ff52a634e227855ca8b1b4d7664', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
+        return (h(Host, { key: '60afc9a25d46b0353ea82e5d952c4f16ea966af9', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, 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 }, h("div", { key: '581a96a20905d70ed32f5a25b8db803ea4daee6a', role: "presentation" }, h("span", { key: 'a06b14126c53c2a28c32897cf27d95f2d86d6e71' }), h("span", { key: 'b0b80786f6fa842b562c3e17c82f6d569f977d6f' }), h("span", { key: 'f1604f9a3e96bf59558bba08a3c9388f97ecb17e' }))), h("limel-tooltip", { key: '43c3a9a2502f30e58067f1eb16e53129face2bf4', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
     }
     getName() {
         if (!this.resizableRegionLabel) {

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

@@ -817,7 +817,7 @@ const Select = class {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (h(SelectTemplate, { key: '768d4f7e5dae3eb741ab6e01eeda2379c76c62df', 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 (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() }));
     }
     watchOpen(newValue, oldValue) {
         if (this.checkValid) {

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

@@ -51,7 +51,7 @@ const Shortcut = class {
     render() {
         var _a, _b, _c, _d, _e;
         const rel = getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
-        return (h(Host, { key: 'e3ecd861d0acb20d1e5a3d832a6b5e641d5a4804', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: 'cca63c61bd258b665d65368cbbac0cc56072ed62', "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 }, h("limel-icon", { key: 'c9e2de4ab8bdb3d8de874e3f92584a4bdce6af07', name: this.icon }), h("limel-3d-hover-effect-glow", { key: '816c61763d036dc0343805d816c5dc6983af2a41' })), this.renderLabel(), this.renderNotification()));
+        return (h(Host, { key: '7bf3b46e100ac6bbdaa80340005154bc83be3c1b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, 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 }, h("limel-icon", { key: '8b0c70289868c38c326ed0f3ced857f069b5914c', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'a1d467b156cbd66220284d296c081a34f5288142' })), this.renderLabel(), this.renderNotification()));
     }
     get host() { return getElement(this); }
 };

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

@@ -228,7 +228,7 @@ const SidePanel = class {
             .querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'f4ddb3df52344cfb6106ab2982c7d0c077e075fb' }, h("section", { key: '2dcf62861e49014f9fc080a945a9c1e0c5bd3920', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: '169006b7eed55cf37b7db4ce393d29b5d1184d42', class: "content" }, h("div", { key: '9fa270803bf650e258358e7c9031d10f58c35189', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'c8e01b49683bdaa2d549830930e4247f3a49895b', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '9baec9cc89a6e1f375f97d4f9069f8951f90bf6a', "data-limit": "max", ref: this.setMaxLimit })));
+        return (h(Host, { key: '08b05c2b8afd8932dc8adb37ad90f1d95470157c' }, h("section", { key: 'f22ca23fdd6a12800bb0302324b9bc2240248799', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: '2fad374bae850686330e1ed96f5fab4f47243ee2', class: "content" }, h("div", { key: 'fe0752f1df11d0ed2b7e5b9592527f4c2db920c5', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'c5550895527070ff57f41eab0e01e8a1eb924883', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '2de8d255c665137b0e6049eaf79214e5164aed85', "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/esm/limel-slider.entry.js

@@ -306,15 +306,15 @@ const Slider = class {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (h(Host, { key: '4fe4c4d105e9b5cbee5299d8eccb215a2da9e79e', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'e5a0b3e92e1a91c61e2da6489b0b02a684126c98', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, h("div", { key: 'd4c854c56f632778ad84444de663883af90066f0', slot: "content" }, h("div", { key: '8ee47dd4e40db9ba9645d3725e6153df874318c1', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: '44943cd55fcd376686cf7912665834932fc0f244', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        return (h(Host, { key: '221db331025fdd7f147d86da437fd6cd1daa2622', class: this.getContainerClassList() }, 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 }, h("div", { key: '94f4bcfbf53ec1aa1f283140f66249cf20222758', slot: "content" }, h("div", { key: '070e80ffb9cd899b95b65f608012f6179e857a48', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: 'c797f60bb1dee92f504bbe9b7d7e46e28e35bb5b', 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.get('value-not-set', this.language)
                 : undefined, ref: (el) => {
                 this.inputElement = el;
-            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: 'fd5746650df94db4fd49a80566ae984b491c449d', class: "track" }, h("div", { key: '0096471f182419bcb738282520b3cd23bff091fd', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '1babaa01bf6238f0728f19ad14b84355dc094498', class: "thumb" }, h("div", { key: 'b3d3cb4785a1aaed224961e3809fa1ea18ccbd94', class: "knob" }), h("div", { key: '2ca4e3cc659ecf02fd05a144a35e6bd9969ca7bf', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: '1d2cc0e4f84e3292e404499a670ee32f7b2f0c07', class: "track" }, h("div", { key: '849eda8cc4916f9455aee96ea3e4811a80be3a18', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '92ac819c20b16c8d54d7a482c76e9cba7217cb74', class: "thumb" }, h("div", { key: '2e696e951a707674f67bb7a679123d0749b7f7fd', class: "knob" }), h("div", { key: 'a794baedbf24fe400f48340af990ce6e4794e59c', class: "indicator", "aria-hidden": "true" }, this.isUnset
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), h("div", { key: '4309cea286f1f2a22ac2ae625cb7a9cd286df3c5', class: "range-labels" }, h("span", { key: 'd60949614cd7ce926f3c745ef731ee7a132ae342', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: '4aa7e0b42c83079738fd83b85e8d8e8b796df7c3', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : this.displayValue))), h("div", { key: '30c8309de3dc8c0040b334e46d9426a70ba38b15', class: "range-labels" }, h("span", { key: 'faa79880adff0de1b541cdeada725b73bd44798f', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: 'd7c2ebd24f1883d5a6104ef0f51faa7daea3e3c9', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
     }
     watchValue() {
         this.syncStateFromValue();

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

@@ -146,14 +146,14 @@ const Snackbar = class {
         }
     }
     render() {
-        return (h("aside", { key: '8783a6f2dfbc27d97e2923e4b1733a605c96426a', popover: "manual", style: {
+        return (h("aside", { key: '4de74024219bac0fafcda941c0cc06a68ed9dff3', 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 }, h("div", { key: '96335eef9b7ea7c5c32a7fe3dc197a5a51f91606', class: "surface" }, h("limel-markdown", { key: 'a28c251f5c22723a816e0c662a479ecd98c59ad0', 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 }, h("div", { key: 'eccc1a4b99d40849bbbae22664bd504a59f0a66f', class: "surface" }, h("limel-markdown", { key: '31ed89296bd16195a46a6e29288404cefc78d247', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {

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

@@ -43,9 +43,9 @@ const SplitButton = class {
         };
     }
     render() {
-        return (h(Host, { key: '7d99f6e787578f89d011b03d7f74555514e26644', class: {
+        return (h(Host, { key: '18de8e93a8ff6756ad149bde1ea84ce90ce0036b', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: 'b846b51c307b36831bebe2bb6c3c4efc1c9019a9', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, 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()));
     }
     static get delegatesFocus() { return true; }
 };

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

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

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

@@ -1,20 +1,24 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
-import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
 import { g as getIconName, b as getIconColor } from './get-icon-props-CgNJbSP4.js';
 import { A as ARROW_UP, b as ARROW_DOWN, H as HOME, e as END, c as ARROW_LEFT, d as ARROW_RIGHT } from './keycodes-Bu6-QXrA.js';
-import { a as arrayIncludes, b as baseRest, i as isArrayLikeObject, c as baseFlatten, D as DragToReorder } from './drag-to-reorder-BXmXIwCa.js';
-import { S as SetCache, c as cacheHas } from './_baseIsEqual-B_JRErB0.js';
+import { a as arrayIncludes, b as baseRest, i as isArrayLikeObject, D as DragToReorder } from './drag-to-reorder-9gxiYkIo.js';
+import { S as SetCache, c as cacheHas } from './_baseIsEqual-CJf575VC.js';
+import { b as baseFlatten } from './_baseFlatten-mvFj07qD.js';
 import './identity-CK4jS9_E.js';
-import './_defineProperty-C69Btzid.js';
-import './_getNative-COawFdVX.js';
+import './isArrayLike-wfLI14yj.js';
 import './isFunction-9zQTeQI8.js';
 import './isObject-BJQylLSL.js';
-import './_getTag-BiAaLWvH.js';
+import './isLength-BZrtP4vv.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-CyVGB489.js';
-import './isArray-B8VKuhvH.js';
+import './_arrayPush-NEl7BpFy.js';
+import './_getNative-COawFdVX.js';
 import './eq-CZ30nDJE.js';
+import './_Map-LWJCQc-c.js';
+import './isArray-B8VKuhvH.js';
+import './_getTag-BTNY_Z_q.js';
 import './_isIndex-B--C3qwe.js';
+import './_defineProperty-C69Btzid.js';
 
 /** Used as the size to enable large array optimizations. */
 var LARGE_ARRAY_SIZE = 200;
@@ -91,7 +95,7 @@ function baseDifference(array, values, iteratee, comparator) {
  */
 var difference = baseRest(function(array, values) {
   return isArrayLikeObject(array)
-    ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject))
+    ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))
     : [];
 });
 
@@ -354,7 +358,7 @@ const TabBar = class {
     }
     render() {
         const tabStop = findTabStop(this.tabs, this.tabs.findIndex((tab) => tab.active), this.getNavigationOptions());
-        return (h("div", { key: 'dc7667c302c9f0e6646fde68910a7db307df4981', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: 'bedbb5b569822a394582a7f1c3e108206d230912', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
+        return (h("div", { key: 'd5f54de83640eb4898a58cd71696085e28f3701a', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: '565bbbcdf070a6b2521064a84347028baaae273e', 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/esm/limel-tab-panel.entry.js

@@ -55,7 +55,7 @@ const TabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '530a6e0b8ae7387edaf8e0c1b6360a5a8099f155', onChangeTab: this.handleChangeTabs }, h("div", { key: '5d2ba03a54a5315b9c400d28b8dc0967a41a34fe', class: "tab-panel" }, h("limel-tab-bar", { key: '69183dd7c31a1d5c6d7027a81bf152586bf6fd0a', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: 'f7ac219b8f1941a1b2b5656f36646077165b2ec9', class: "tab-content" }, h("slot", { key: '177a1e39cdc731a2e77b6d06a691851a193b2a40' })))));
+        return (h(Host, { key: 'eb146868d93cc4bd4f42cc360005e25e44dd7ad3', onChangeTab: this.handleChangeTabs }, h("div", { key: 'b6453044e1cd4ecf20351bf3b6ebe72debc6c0d5', class: "tab-panel" }, h("limel-tab-bar", { key: '0a12ede1dc3f43c029a959af75afcb67ff853612', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: '19b1b3f077a6e9a01a4327f595e4bf8c82a06261', class: "tab-content" }, h("slot", { key: 'b1e30dd491a4a5629a55ec11220f968cf9f1f2c8' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

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

@@ -1,23 +1,28 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BU9IJqli.js';
-import { h as hasPath, d as baseGet, c as castPath, e as arrayMap, b as baseIteratee } from './_baseIteratee-CVz7aes3.js';
-import { b as baseSet, n as negate } from './_baseSet-BUAq8NGm.js';
-import { e as arrayLikeKeys, f as stubArray, a as arrayPush, h as getSymbols, i as baseGetAllKeys } from './_baseIsEqual-B_JRErB0.js';
-import { g as getPrototype } from './_getPrototype-B0kMNv1F.js';
+import { d as hasPath, e as arrayMap } from './hasIn-CKUl04DZ.js';
+import { b as baseIteratee } from './_baseIteratee-DM5xljbg.js';
+import { a as basePickBy } from './_basePickBy-D_9Hus6l.js';
+import { d as arrayLikeKeys, e as stubArray, f as getSymbols, h as baseGetAllKeys } from './_baseIsEqual-CJf575VC.js';
+import { a as arrayPush } from './_arrayPush-NEl7BpFy.js';
+import { g as getPrototype } from './_getPrototype-CQlOogH0.js';
 import { i as isObject } from './isObject-BJQylLSL.js';
-import { d as isPrototype } from './_getTag-BiAaLWvH.js';
-import { i as isArrayLike } from './isArrayLike-CyVGB489.js';
+import { c as isPrototype } from './_getTag-BTNY_Z_q.js';
+import { i as isArrayLike } from './isArrayLike-wfLI14yj.js';
+import { n as negate } from './negate-ooVD-6_a.js';
 import { _ as _mapLayout } from './layout-C4zsCPOF.js';
-import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
 import { t as translations } from './translations-Drl5LNAD.js';
 import './isArray-B8VKuhvH.js';
 import './isSymbol-ClAke5ga.js';
 import './isObjectLike-oiMYqRQ0.js';
+import './_Map-LWJCQc-c.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
 import './_isIndex-B--C3qwe.js';
+import './isLength-BZrtP4vv.js';
 import './identity-CK4jS9_E.js';
 import './_assignValue-CEFvyZxO.js';
 import './_defineProperty-C69Btzid.js';
-import './_getNative-COawFdVX.js';
-import './isFunction-9zQTeQI8.js';
 import './eq-CZ30nDJE.js';
 import './language-ChagAaNf.js';
 
@@ -175,31 +180,6 @@ function has(object, path) {
   return object != null && hasPath(object, path, baseHas);
 }
 
-/**
- * The base implementation of  `_.pickBy` without support for iteratee shorthands.
- *
- * @private
- * @param {Object} object The source object.
- * @param {string[]} paths The property paths to pick.
- * @param {Function} predicate The function invoked per property.
- * @returns {Object} Returns the new object.
- */
-function basePickBy(object, paths, predicate) {
-  var index = -1,
-      length = paths.length,
-      result = {};
-
-  while (++index < length) {
-    var path = paths[index],
-        value = baseGet(object, path);
-
-    if (predicate(value, path)) {
-      baseSet(result, castPath(path, object), value);
-    }
-  }
-  return result;
-}
-
 /**
  * Creates an object composed of the `object` properties `predicate` returns
  * truthy for. The predicate is invoked with two arguments: (value, key).
@@ -32339,13 +32319,13 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: 'b83772fd4b3fda9ec2e422d7ae96108ac8c3e30a', class: {
+        return (h(Host, { key: '0191a4fb265a4eda818fe9478f253cc0210e3e3a', 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,
-            } }, h("div", { key: 'cae198d9b1cad3fc776bc09517013a93243c2228', id: "tabulator-container" }, h("div", { key: 'fe968494d9b7977eac1643aadeee1bf0d2347f0e', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'd73ed9fbcca8b75039fa7119e7c9bf0b00b58f0c', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '67ffdb6b7627a0660008f17e3e5ae3ac62554a64', id: "tabulator-table" }))));
+            } }, h("div", { key: 'c0d266d3f273b437b0aa7d6fa83cb7ebe93b1963', id: "tabulator-container" }, h("div", { key: '836bbd66c7a99bacc2a961e51b6b05af5963cb8d', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'b62f403ffb83b30e568b7da64b5ad45cb369b6de', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '3c9f054e2c7b1a4f18115abf771b07ff729258cf', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

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

@@ -109,9 +109,9 @@ const TextEditorLinkMenu = class {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            h("limel-input-field", { key: 'b5312daf705ab14fa4c468724558056b66608f22', 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 }),
-            h("limel-input-field", { key: '7a2f6855cc96f358e443e1601fbc165964c7ed24', 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) }),
-            h("div", { key: 'e177a765afc2a87c59ffee3df4c3448981cc4473', class: "actions" }, h("limel-button", { key: '899f0cac96a8dfeeef843bb8ca6a6777c838377b', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '3708c7baac58d6f4865188c6008944d47e1a01ee', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            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 }),
+            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) }),
+            h("div", { key: 'fd05d27fce1f463979847fbc16fd9aac8a9fb17a', class: "actions" }, h("limel-button", { key: '9bd0d2e1b0d9a37094872652efad8b5f9e0ace15', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'a9aab48e7fe4cf0811e5b9044c9804a0cac73765', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
 };

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

@@ -159,7 +159,7 @@ const TextEditor = class {
         await ((_a = this.adapterElement) === null || _a === void 0 ? void 0 : _a.clear());
     }
     render() {
-        return (h(Host, { key: '83900052e98727b5b27f4135f5ba6931aa7e3c70' }, h("limel-notched-outline", { key: 'f1c35caa660aca7e7d636815b1e3e2ec3d5f1622', 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 (h(Host, { key: 'c67e770630e0b704d0f00e76c59f4c6cf12c4cd9' }, 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()));
     }
     renderEditor() {
         if (this.readonly) {