@limetech/lime-elements 40.15.0 → 40.17.0

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

@@ -12,7 +12,7 @@ const Grid = class {
         console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
     }
     render() {
-        return index.h("slot", { key: '3b806c24a8ef43720ed744030f791878c592bc1a' });
+        return index.h("slot", { key: '4ebe5815a717a9991c2e2951125f839e8e1708d4' });
     }
 };
 Grid.style = gridCss();

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

@@ -15,7 +15,7 @@ const Header = class {
         this.subheadingDivider = '·';
     }
     render() {
-        return (index.h(index.Host, { key: '772b80728f03fc7a51ae6b2b8892c0417c4dfc56' }, index.h("div", { key: '87516edb431b0d65fdebd59b422b62e953f316a7', class: "information" }, this.renderIcon(), index.h("div", { key: 'fc6dbd30d144dafb66e6f1d2899dfe849835d923', class: "headings" }, index.h("h1", { key: 'af693c740d006353f6328459ecbc372dfa204398', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '2b0e5ed7b7df45ec645057083610ef88ab404b75', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '88d461f901a4daa28a269aeaa2efb3a39f4f610c', name: "actions" }, index.h("slot", { key: '4a9ade9ab15cc333b9555a8fadad9147145619f9' }))));
+        return (index.h(index.Host, { key: 'ee7ff339654246fbe74a971c13555ac58eb193d6' }, index.h("div", { key: '24a8ea8b2b02a18096fdad46aeaa7716986f39f3', class: "information" }, this.renderIcon(), index.h("div", { key: '4e6badb9212a41286043a158238edb889e95c20a', class: "headings" }, index.h("h1", { key: 'cb1e64f29d720de62e7e99d15daa77b3c3a344cb', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: 'fbdd1399802934b780fb24f35dbaf8d2df98b09c', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '53774b488cc505aca85e776d9c8280c85ef7acfd', name: "actions" }, index.h("slot", { key: 'd9093bf6ca786faa5481e62c5bff604b20f0283e' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

package/dist/cjs/{limel-help.cjs.entry.js → limel-help_2.cjs.entry.js}

@@ -26,11 +26,31 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7dbdb1d1a250fd4655c4cf9f9a711f9f82d128e0' }, index.h("limel-popover", { key: '4a0bce2e74a621ffc392cabfb4d3f3817bfb14cf', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: '22a0c7b7002973d95dba6e8cfef34b73ddc779e6', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (index.h(index.Host, { key: 'ff14013e9f366372a5ac61fdb9852e73377e7c7f' }, index.h("limel-popover", { key: 'b63ff7f51c29dc61ffdfe647329020639f1a8511', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: '09f65e0a7f2bdca258f848f459eadc49f863b9f2', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), index.h("limel-help-content", { key: '86cb41721ed8e9eb2b5c0dc6eb930c2b0a412a6e', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), index.h("limel-help-content", { key: '92223e842dd3dbf07365a1f45003b61033109b25', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();
 
+const limelHelpContentCss = () => `@charset "UTF-8";:host(limel-help-content){display:flex;box-sizing:border-box;flex-direction:column;gap:0.5rem;max-height:30rem;height:100%}limel-markdown{--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);padding-right:1rem;padding-left:1rem;min-height:0;min-width:0;overflow:hidden auto}a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}a:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a:hover{color:rgb(var(--color-blue-default))}a:hover:before{opacity:0.3;transform:scale(1)}a{position:sticky;bottom:0;text-decoration:none;font-size:var(--limel-theme-default-font-size);padding-bottom:0.125rem}span{padding:0 1rem 0.5rem 1rem;min-width:0}`;
+
+const HelpContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.renderReadMoreLink = () => {
+            var _a, _b, _c, _d;
+            if (!this.readMoreLink) {
+                return;
+            }
+            return (index.h("span", null, index.h("a", { href: (_a = this.readMoreLink) === null || _a === void 0 ? void 0 : _a.href, target: (_b = this.readMoreLink) === null || _b === void 0 ? void 0 : _b.target, title: (_c = this.readMoreLink) === null || _c === void 0 ? void 0 : _c.title, tabindex: "0" }, (_d = this.readMoreLink) === null || _d === void 0 ? void 0 : _d.text)));
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c05fa685d65b0b884c0697d259ba1b4811f038d7' }, index.h("limel-markdown", { key: '6260af655452683b21b704fb9962e010abfe2a1b', value: this.value }), this.renderReadMoreLink()));
+    }
+};
+HelpContent.style = limelHelpContentCss();
+
 exports.limel_help = HelpComponent;
+exports.limel_help_content = HelpContent;

package/dist/cjs/limel-helper-line_3.cjs.entry.js

@@ -34,9 +34,9 @@ const HelperLine = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '67896281429efb2375427383aa6c7046096ad203', tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '3dba31860682ccb6230de96f458e19252a150dd0', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '7fbf830b9edd0b2aeb36539ddbc8c2b472acc4eb' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '28dd4294f7a2d6db746388109ef9fb7d1f640b4d' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
 };
 HelperLine.style = helperLineCss();
@@ -334,7 +334,7 @@ const List = class {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (index.h(index.Host, { key: 'c0b436d0236fd177e789d43518eb193d5e5e7bbf', style: {
+        return (index.h(index.Host, { key: 'c1c087f11542451c1747d510c133e79f94d643ba', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -430,7 +430,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: '3a89f4df1e456e91ae6963275d8e554f785d5806', class: "limel-notched-outline" }, index.h("slot", { key: 'd372b467d8aed4d97fe89073f3a9bf8d6af451ae', name: "content" }), index.h("span", { key: 'f56e6d2d3b75e5d05738e28696d892cfdddc991b', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '76c5ac529a46fa4a32969deb9a00bc872ab903e9', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: 'a37b86f6ebb5db2eb9c1f2c8994fce60e70260b6', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (index.h("div", { key: '8d1e3ea6b74700e4f79050dac678c5a1b4d1d0bc', class: "limel-notched-outline" }, index.h("slot", { key: 'fcb6831f64089a7ac25a0a9998eb331a9a965ae7', name: "content" }), index.h("span", { key: '870e9ddbefbbba75e61336b7171fcf43137c1379', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '5a12f8d71d2dbf8245b4faacf3ae8ec3f92a3cba', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '73d69b455321439990591b94894f13f8837f2617', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -132,7 +132,7 @@ const Hotkey = class {
         const parts = hotkeys.tokenizeHotkeyString(this.value);
         const displayParts = parts.map((part) => formatDisplayToken(part, this.isApple));
         const ariaLabel = getHotkeyAriaLabel(this.value, this.isApple);
-        return (index.h(index.Host, { key: '9c75664311ac5138a87c1c5bb58c48a40ec44dc5', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
+        return (index.h(index.Host, { key: '6c2857b3a8827d78ea18379d7338f0e31c3f44a9', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -2004,7 +2004,7 @@ const Portal = class {
         this.showContainer();
     }
     render() {
-        return index.h("slot", { key: 'd342bcf892ea6bba5eafc93d07119a3c86df2623' });
+        return index.h("slot", { key: '153c97264598d26b0c043075c889ed882bf5e9de' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2420,10 +2420,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (index.h("div", { key: '731a0a14fd82106f3f64239f602b348c2053762d', class: "trigger-anchor" }, index.h("limel-portal", { key: 'c862ecd6be6f48fa6a4cc8a7c5d5470b317bdf16', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (index.h("div", { key: 'd3fb680f623403a5951303e4d104c07fc7a21d4e', class: "trigger-anchor" }, index.h("limel-portal", { key: '4050fdb323fce7e7f9953ce76c70e98e92a73eac', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: '941de1ecb63c329f12c1e38833be15dc8d3283b5', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
+            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: '53ca0371e38f9dcb7ea1382fd20e892d4e0e4b72', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
     }
     async updateDescription() {
         if (!this.ownerElement) {
@@ -2495,7 +2495,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (index.h(index.Host, { key: 'f5812cfa3d4abb1bddd71f4a1356666e655c9665', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '3bd66c2b52150d4f2b740c914fc13465b2833e7a', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (index.h(index.Host, { key: 'f9735b1c49a51e6945014d8a5a23a3e284b53ace', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '12ed325f94deb0788c72e8ce643adce1127af675', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

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

@@ -49,7 +49,7 @@ const IconButton = class {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (index.h(index.Host, { key: '0df9ac9a4c51f8062cdd7a6fa91204ea0e3b78f7', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '3ebf706164e779db253d82d38c4aab3ddf33e770', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (index.h(index.Host, { key: 'ecf9bef958b6d3f2666d61c8eb10b6790311706d', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: 'fcadafff6a3e2a36082f4baad0c342a448c4126f', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

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

@@ -186,7 +186,7 @@ const Icon = class {
         this.loadIcon(this.name);
     }
     render() {
-        return index.h("div", { key: '0f09232e65b213e57673054707f6bdb400000fd6', class: "container" });
+        return index.h("div", { key: '68180e22c8eda7efb4a5ca9085ff0dc127052b3f', class: "container" });
     }
     updateAccessibility() {
         if (!this.internals) {

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

@@ -116,9 +116,9 @@ const InfoTile = class {
             this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
         const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
         const rel = linkHelper.getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (index.h(index.Host, { key: '549c508fdd747f3883afe97efd8eba297d75bc33', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: '3a04537d79c62bce556b0b46bf5f1f3a011ba280', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
+        return (index.h(index.Host, { key: '4ae5614ddf0ecc7cb112788bd1c42ca4747cf431', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: '5cb4cd396a5472c050e5911f54aa0272cf1d324d', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '10b2f70309046c0f811a2af8fadedb86d53a4e10', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '0c3e378b14d23909e1b957704d6c846d1d6a20c3', class: "value-group" }, this.renderPrefix(), index.h("div", { key: '0cf56fce6179d34ebd047a16492935542fc7c6ed', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: 'b239b27230d6e0fe766517f4c7aba9176a6fdf1e' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: 'd111590fd120c7f4a784430d9f13423e6813d88f', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '717a54afb2ffe8c434fdbbe403bbc816ba231fbd', class: "value-group" }, this.renderPrefix(), index.h("div", { key: '569a6cbb516d6c455757c7685d48a2af9692eca2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '2afedffb05ddd550677d943a58564565965194dc' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -131,9 +131,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (index.h(index.Host, Object.assign({ key: 'c546782bb0418b47bffe81e5532c2f1ac3971c82', role: this.getHostRole(), class: {
+        return (index.h(index.Host, Object.assign({ key: '0ff3eea71319a17641cc264d85ba35c1c8db83c8', role: this.getHostRole(), class: {
                 'has-primary-component': !!((_a = this.primaryComponent) === null || _a === void 0 ? void 0 : _a.name),
-            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), index.h("div", { key: '16b10f373ce8c8508a0ef680acea777c9f6aeac6', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), index.h("div", { key: 'e38dc3bb9a09cf08892e7485681a4421a5bdd2ba', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

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

@@ -1193,7 +1193,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'eb1749c0d9dda5b26400cb8a11e884d435e759f4' }, index$1.h("div", { key: '2574a46c51bd1d18808f1bac945a7d356550e02c', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (index$1.h(index$1.Host, { key: '3121124a57e9522dced4b749bfedfbe8dea2ea70' }, index$1.h("div", { key: '6f2b983303c0921a7b979cf0bbbdcc657e7555f8', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

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

@@ -44,7 +44,7 @@ const MasonryLayout = class {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (index.h(index.Host, { key: 'b25a2eb6e10535aa5fedb8de8baeb96f51e10739', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: 'fa2c4773d1fb41e2ea0725a28911840e45e5c809' })));
+        return (index.h(index.Host, { key: 'db11d17d15303afcf0d767e085dbe653ab90f9dd', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: '7a4f2639e7b02720b08b778d437e536ee5707cfa' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

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

@@ -18,7 +18,7 @@ const MenuItemMeta = class {
         this.showChevron = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'd8b7f496ec83b138cfe9b7ea5deaf7a862a92a7f' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (index.h(index.Host, { key: 'd4bb2de50d260fdf49eafe2449ca388f0369a682' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

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

@@ -289,7 +289,7 @@ const Pagination = class {
     }
     render() {
         const { slots } = this.view;
-        return (index.h(index.Host, { key: 'b8e02650528bd6547965afb437129cad0ea6cd33' }, index.h("nav", { key: '3b4b66479357da55ff6ff41d78cc37f77b2d32f6', "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: 'b248701311dd6da9d4fb158299d07e618297038e', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        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)));
     }
     /**
      * Without a count we know where the user is but not how far the set goes,
@@ -327,7 +327,8 @@ const Pagination = class {
         if (pageCount === null) {
             return;
         }
-        return (index.h("limel-popover", { key: `gap-${index$1}`, open: this.openGap === index$1, openDirection: "bottom", onClose: this.closeJump }, index.h("button", { slot: "trigger", class: "gap", id: this.slotId(index$1), "aria-label": this.translate('pagination.jump-to-a-page'), "aria-disabled": this.loading ? 'true' : null, "data-index": index$1, onClick: this.openJump }, "\u00B7\u00B7\u00B7"), index.h("limel-pagination-jump", { open: this.openGap === index$1, page: this.view.page, pageCount: pageCount, loading: this.loading, language: this.languageForNumbers, onJump: this.handleJump })));
+        const jumpLabel = this.translate('pagination.jump-to-a-page');
+        return (index.h("limel-popover", { key: `gap-${index$1}`, open: this.openGap === index$1, openDirection: "bottom", popupRole: "dialog", accessibleLabel: jumpLabel, onClose: this.closeJump }, index.h("button", { slot: "trigger", class: "gap", id: this.slotId(index$1), "aria-label": jumpLabel, "aria-disabled": this.loading ? 'true' : null, "data-index": index$1, onClick: this.openJump }, "\u00B7\u00B7\u00B7"), index.h("limel-pagination-jump", { open: this.openGap === index$1, page: this.view.page, pageCount: pageCount, loading: this.loading, language: this.languageForNumbers, onJump: this.handleJump })));
     }
     focusGap(index) {
         var _a;

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

@@ -197,7 +197,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            index.h("limel-chip-set", Object.assign({ key: '48b339e4313ecdd3541e4256d96b54cebb04b0d8', 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)),
+            index.h("limel-chip-set", Object.assign({ key: 'eed0789b538bd50638936e1c6ad7e9deaef954ec', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
             this.renderDropdown(),
         ];
     }

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

@@ -55,6 +55,7 @@ const Popover = class {
          */
         this.open = false;
         this.shouldRestoreFocusOnClose = false;
+        this.hasWarnedAboutMissingName = false;
         this.handleGlobalKeyPress = (event) => {
             if (event.key !== keycodes.ESCAPE) {
                 return;
@@ -76,11 +77,12 @@ const Popover = class {
             focusTriggerElement.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 = randomString.createRandomString();
@@ -100,6 +102,9 @@ const Popover = class {
     disconnectedCallback() {
         this.teardownGlobalHandlers();
     }
+    componentWillRender() {
+        this.warnIfRoleHasNoName();
+    }
     componentDidRender() {
         if (!this.triggerSlot) {
             return;
@@ -136,7 +141,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: 'a02ffc9fddedc154172b0d4882bfe59b2577ffac', class: "trigger-anchor" }, index.h("slot", { key: '3665da92007e5943986f57c449055b892502f67e', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '461758e543e835682034c689fcb093fb53ea352e', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '85c7c3d6b11c616eab35bc8419fa2769e5e602ed', contentCollection: this.host.children, style: cssProperties }))));
+        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 }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -161,6 +166,24 @@ const Popover = class {
         });
         return focusTriggerElement.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 index.getElement(this); }
     static get watchers() { return {
         "open": [{
@@ -180,7 +203,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return index.h("div", { key: '565d94e781d72493de84f12970471ecf220dd601', class: "limel-popover-surface", tabindex: "0" });
+        return (index.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/cjs/limel-profile-picture.cjs.entry.js

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

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

@@ -3,28 +3,31 @@
 var index$1 = require('./index-BlsqxTB1.js');
 var types = require('./types-C7gNcwzE.js');
 var markdownParser = require('./markdown-parser-BYtTHL4W.js');
-var cloneDeep = require('./cloneDeep-D2immmwT.js');
+var cloneDeep = require('./cloneDeep-CiuKX6HE.js');
 var translations = require('./translations-CLSqfR3x.js');
 var index = require('./index-zZvs6xK-.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var isItem = require('./is-item-DMELyaao.js');
 var files = require('./files-DpGigQ8k.js');
-var isEqual = require('./isEqual-D3eFkhqd.js');
+var isEqual = require('./isEqual-QhCilNoo.js');
 var debounce = require('./debounce-DgDnRSlt.js');
 require('./_commonjsHelpers-CFO10eej.js');
-require('./_baseIsEqual-zzV9DKMv.js');
-require('./eq-DFcUoVzv.js');
-require('./_getTag-BC28Za7d.js');
+require('./_baseIsEqual-DNSR68qD.js');
+require('./_arrayPush-0Rd-eNkQ.js');
+require('./_getNative-Cf52giNE.js');
+require('./isFunction-RSHwsz1x.js');
 require('./isObject-B6Osvvqp.js');
+require('./eq-DFcUoVzv.js');
+require('./_Map-BsuE0Kgq.js');
 require('./isObjectLike-Dlpn-j-1.js');
-require('./isArrayLike-C2RwZMG4.js');
-require('./isFunction-RSHwsz1x.js');
-require('./_getNative-Cf52giNE.js');
 require('./isArray-BuFVIU_i.js');
+require('./_getTag-CxGZ3DRt.js');
+require('./isLength-DvlFY_9S.js');
 require('./_isIndex-Bu45fvR7.js');
+require('./isArrayLike-0-cyPB5I.js');
 require('./_assignValue-DQh76m39.js');
 require('./_defineProperty-Csu6P9HT.js');
-require('./_getPrototype-CCLHkBHj.js');
+require('./_getPrototype-D74M8h-k.js');
 require('./language-v-MMS6ym.js');
 require('./file-metadata-BrhOssGG.js');
 require('./icons-isR5V1X0.js');
@@ -28656,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: 'bfdaaa62c1d97672795987a0320fcaaf7df6aee0', onFocus: this.handleFocus }, index$1.h("div", { key: '6ea1e3685c40f85d9ca1f62e924f117c34571db9', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: 'f5d3b059f54cdb32f9499b9063e4b3c732490f0e', onFocus: this.handleFocus }, index$1.h("div", { key: '81aa602b9cf3575da987261e60629e008c03269c', 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: '1ee999435baebb1badb909227d94d083fcc0fb03', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (index.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/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: 'f648a356af28a59101187075c6f42ac7afe28b49', class: {
+        return (index.h(index.Host, { key: '6a13619b314af79329c8bb375b13db650ff84bc0', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, index.h("input", { key: 'ddbbe3e3cd47a3434121a37053e0f556b3f823df', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: '5af2a675fcf855d4c14a0297e1389a7098ee13f6', class: "box" }), index.h("label", { key: 'a12ad0a7ba7319c0f01fb3523f6a6cb94577e0c1', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, 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)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();

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

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

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

@@ -819,7 +819,7 @@ const Select = class {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (index.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 (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() }));
     }
     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: 'e3ecd861d0acb20d1e5a3d832a6b5e641d5a4804', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.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 }, index.h("limel-icon", { key: 'c9e2de4ab8bdb3d8de874e3f92584a4bdce6af07', name: this.icon }), index.h("limel-3d-hover-effect-glow", { key: '816c61763d036dc0343805d816c5dc6983af2a41' })), this.renderLabel(), this.renderNotification()));
+        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()));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/limel-side-panel.cjs.entry.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: 'f4ddb3df52344cfb6106ab2982c7d0c077e075fb' }, index.h("section", { key: '2dcf62861e49014f9fc080a945a9c1e0c5bd3920', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), index.h("div", { key: '169006b7eed55cf37b7db4ce393d29b5d1184d42', class: "content" }, index.h("div", { key: '9fa270803bf650e258358e7c9031d10f58c35189', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), index.h("span", { key: 'c8e01b49683bdaa2d549830930e4247f3a49895b', "data-limit": "min", ref: this.setMinLimit }), index.h("span", { key: '9baec9cc89a6e1f375f97d4f9069f8951f90bf6a', "data-limit": "max", ref: this.setMaxLimit })));
+        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 })));
     }
     // 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

@@ -308,15 +308,15 @@ const Slider = class {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (index.h(index.Host, { key: '4fe4c4d105e9b5cbee5299d8eccb215a2da9e79e', class: this.getContainerClassList() }, index.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 }, index.h("div", { key: 'd4c854c56f632778ad84444de663883af90066f0', slot: "content" }, index.h("div", { key: '8ee47dd4e40db9ba9645d3725e6153df874318c1', class: "slider", style: { '--slider-fraction': `${fraction}` } }, index.h("input", Object.assign({ key: '44943cd55fcd376686cf7912665834932fc0f244', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        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
                 ? 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: 'fd5746650df94db4fd49a80566ae984b491c449d', class: "track" }, index.h("div", { key: '0096471f182419bcb738282520b3cd23bff091fd', class: "active" }), this.renderStepDots(min, max)), index.h("div", { key: '1babaa01bf6238f0728f19ad14b84355dc094498', class: "thumb" }, index.h("div", { key: 'b3d3cb4785a1aaed224961e3809fa1ea18ccbd94', class: "knob" }), index.h("div", { key: '2ca4e3cc659ecf02fd05a144a35e6bd9969ca7bf', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, 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
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), index.h("div", { key: '4309cea286f1f2a22ac2ae625cb7a9cd286df3c5', class: "range-labels" }, index.h("span", { key: 'd60949614cd7ce926f3c745ef731ee7a132ae342', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), index.h("span", { key: '4aa7e0b42c83079738fd83b85e8d8e8b796df7c3', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : 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()));
     }
     watchValue() {
         this.syncStateFromValue();

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

@@ -148,14 +148,14 @@ const Snackbar = class {
         }
     }
     render() {
-        return (index.h("aside", { key: '8783a6f2dfbc27d97e2923e4b1733a605c96426a', popover: "manual", style: {
+        return (index.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 }, index.h("div", { key: '96335eef9b7ea7c5c32a7fe3dc197a5a51f91606', class: "surface" }, index.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 }, 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))));
     }
     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: '7d99f6e787578f89d011b03d7f74555514e26644', class: {
+        return (index.h(index.Host, { key: '18de8e93a8ff6756ad149bde1ea84ce90ce0036b', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, index.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 }, 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()));
     }
     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: 'c85cef5b79b367de3c8ce07e486873f2311b47be' }, this.readonly
+        return (index.h(index.Host, { key: 'f587a415d29965c927cca8900bc06e4168eb2113' }, this.readonly
             ? this.renderReadonly()
             : this.renderInteractive(), this.renderHelperLine()));
     }

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

@@ -1,22 +1,26 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var isEqual = require('./isEqual-D3eFkhqd.js');
+var isEqual = require('./isEqual-QhCilNoo.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
-var dragToReorder = require('./drag-to-reorder-BP5YkPuu.js');
-var _baseIsEqual = require('./_baseIsEqual-zzV9DKMv.js');
+var dragToReorder = require('./drag-to-reorder-BmVz_kUy.js');
+var _baseIsEqual = require('./_baseIsEqual-DNSR68qD.js');
+var _baseFlatten = require('./_baseFlatten-BonTAUIo.js');
 require('./identity-Dz5mxHaJ.js');
-require('./_defineProperty-Csu6P9HT.js');
-require('./_getNative-Cf52giNE.js');
+require('./isArrayLike-0-cyPB5I.js');
 require('./isFunction-RSHwsz1x.js');
 require('./isObject-B6Osvvqp.js');
-require('./_getTag-BC28Za7d.js');
+require('./isLength-DvlFY_9S.js');
 require('./isObjectLike-Dlpn-j-1.js');
-require('./isArrayLike-C2RwZMG4.js');
-require('./isArray-BuFVIU_i.js');
+require('./_arrayPush-0Rd-eNkQ.js');
+require('./_getNative-Cf52giNE.js');
 require('./eq-DFcUoVzv.js');
+require('./_Map-BsuE0Kgq.js');
+require('./isArray-BuFVIU_i.js');
+require('./_getTag-CxGZ3DRt.js');
 require('./_isIndex-Bu45fvR7.js');
+require('./_defineProperty-Csu6P9HT.js');
 
 /** Used as the size to enable large array optimizations. */
 var LARGE_ARRAY_SIZE = 200;
@@ -93,7 +97,7 @@ function baseDifference(array, values, iteratee, comparator) {
  */
 var difference = dragToReorder.baseRest(function(array, values) {
   return dragToReorder.isArrayLikeObject(array)
-    ? baseDifference(array, dragToReorder.baseFlatten(values, 1, dragToReorder.isArrayLikeObject))
+    ? baseDifference(array, _baseFlatten.baseFlatten(values, 1, dragToReorder.isArrayLikeObject, true))
     : [];
 });
 
@@ -356,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: 'dc7667c302c9f0e6646fde68910a7db307df4981', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, index.h("limel-scroller", { key: 'bedbb5b569822a394582a7f1c3e108206d230912', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
+        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)))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);