@limetech/lime-elements 40.13.0 → 40.14.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: 'fcc80e1ddf56068650e342120441027bce5263b5' });
+        return index.h("slot", { key: '3b806c24a8ef43720ed744030f791878c592bc1a' });
     }
 };
 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: 'e90e33e08296a0215db2467226e09da918df2e89' }, index.h("div", { key: '82c18d96c84e78109a38add09df18b0b8b6dd0e3', class: "information" }, this.renderIcon(), index.h("div", { key: '16e17dfe84b683aece74dafd2ab6a9c433014959', class: "headings" }, index.h("h1", { key: '1dc86af4d544af7d610442f05fb88c24cc3bb969', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '8dcec7cba249b55b543025e7484e3b5cf6b2a6d8', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '589ab97c6f9574b84e785ff79c57ecccd51a633d', name: "actions" }, index.h("slot", { key: '5c1b4d222d5200690917c7a25ef7bb7565d07ef5' }))));
+        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' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

package/dist/cjs/limel-help-content.cjs.entry.js

@@ -16,7 +16,7 @@ const HelpContent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dd9facb6511b80349bc2da0b226bb660b6d90027' }, index.h("limel-markdown", { key: 'e74f0a9a0321bfb0fb16544c39b0c05c736e0d8b', value: this.value }), this.renderReadMoreLink()));
+        return (index.h(index.Host, { key: 'dc61745d8db673bafa3179ec2075ac40d26c265e' }, index.h("limel-markdown", { key: '81b4c0871a566e55119abeebe42e26c45d16ab68', value: this.value }), this.renderReadMoreLink()));
     }
 };
 HelpContent.style = limelHelpContentCss();

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

@@ -26,9 +26,9 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '0a59bc47d2f8281466fb478804656d4d69707293' }, index.h("limel-popover", { key: '4fbb9cc254d7d8428dac179dfecdec15589646cb', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: 'b15e2219cb9850fc571d6b2441e2efa999ae3c2d', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        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: {
                 'is-open': this.isOpen,
-            } }, this.trigger), index.h("limel-help-content", { key: '38e1a3222de220e2da82cf0cfc6e7885d7af0c6d', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), index.h("limel-help-content", { key: '86cb41721ed8e9eb2b5c0dc6eb930c2b0a412a6e', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();

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

@@ -34,9 +34,9 @@ const HelperLine = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ac3dcfadd4d281bf64bce4124602279eef598d87', tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '67896281429efb2375427383aa6c7046096ad203', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '80aaa762e38841ed13a880cc5444c8aa23025130' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '7fbf830b9edd0b2aeb36539ddbc8c2b472acc4eb' }, 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: '5a259a6d125ba3cc5ee04a68dd3ab761bceb2cfb', style: {
+        return (index.h(index.Host, { key: 'c0b436d0236fd177e789d43518eb193d5e5e7bbf', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -430,7 +430,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: 'c93fb22346511118f2a512f2910653efc246138e', class: "limel-notched-outline" }, index.h("slot", { key: '25cedc7d6cc4cc5a1392a8b66c7b81f264dbec25', name: "content" }), index.h("span", { key: '8d57b4c8920dd6b6a381e6f9f6a39e9117a7b5f6', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '1f6ae50a5e9e4e46b4993024f8dbfa0286e51200', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '722664ca8623cd3f4359a871561c2cf9cc2ca82d', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        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())));
     }
     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: '8ffc94c7ac5061743e423e5efb8097b7ea03dc6e', "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: '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))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -2004,7 +2004,7 @@ const Portal = class {
         this.showContainer();
     }
     render() {
-        return index.h("slot", { key: 'f4db0b146b4cd851a9837bf10dc7d331cd5a9dce' });
+        return index.h("slot", { key: 'd342bcf892ea6bba5eafc93d07119a3c86df2623' });
     }
     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: 'f77ad0d2453d4abda766785d0ccfe96154df71bb', class: "trigger-anchor" }, index.h("limel-portal", { key: 'e7f314f76039381ebe5c3add9e675a53650ad8f1', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        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: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: 'afbd8bf04d7070fa8afe22f14496c2c24cdf222e', 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: '941de1ecb63c329f12c1e38833be15dc8d3283b5', 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: '63d36a0e0f1fb0e4eb94c5c216c80299d82f63b2', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '6d4ecf58b8854edeece92a53065816292a2a39b9', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        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()));
     }
     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: '0c2536bf5d9628ed72bc55ed768c4e5eb6396b68', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '3c18c8f45209887df5c4f76ec635839f3cc147ab', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        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))));
     }
     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: 'f363dbc57375ccaa52112f6113347f96811ed95a', class: "container" });
+        return index.h("div", { key: '0f09232e65b213e57673054707f6bdb400000fd6', 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: 'a21ede478dc485edad5648d167cb5168a8560c85', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: '694ed4b61590373e448f63d0814a91d506db9caf', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
+        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: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '753e0576a88b10a3a981e0e46ba266266d84aec6', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '0d125992ed03f4aedcc8b82d47929bd45a268c80', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'bde1b5e9cd8fe539d29f267d8b1675bcbc8dbe0b', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '6263b7a134238981c5ce6cdc5dc4321cc7ac43d1' })), this.renderNotification()));
+            } }, 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()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -5,7 +5,7 @@ var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var renderListComponent = require('./render-list-component-BtAliHQp.js');
 var checkbox_template = require('./checkbox.template-CNJ29zDR.js');
-var translations = require('./translations-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.js');
 var image_template = require('./image.template-DlF-f23b.js');
 require('./language-v-MMS6ym.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: '628910c7216db5d7580fb139475210d0a05c55db', role: this.getHostRole(), class: {
+        return (index.h(index.Host, Object.assign({ key: 'c546782bb0418b47bffe81e5532c2f1ac3971c82', 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: 'acb5d43d2690515d88146b5592a9bfd32225ab88', 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: '16b10f373ce8c8508a0ef680acea777c9f6aeac6', 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: 'a1883ae4c80a775bc1dbdd9f2b993ab4af8c4cba' }, index$1.h("div", { key: 'd8a1cd8f5a102a209fa89f8baf0b08912ead1059', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (index$1.h(index$1.Host, { key: 'eb1749c0d9dda5b26400cb8a11e884d435e759f4' }, index$1.h("div", { key: '2574a46c51bd1d18808f1bac945a7d356550e02c', 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: '4739b8085adca277a42f36478b1692970e2a8675', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: '14290465ddb5ea67ff9d2883904f3298900151ee' })));
+        return (index.h(index.Host, { key: 'b25a2eb6e10535aa5fedb8de8baeb96f51e10739', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: 'fa2c4773d1fb41e2ea0725a28911840e45e5c809' })));
     }
     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: '468078fa475182bea0474fa0806bd54bb00db4c6' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (index.h(index.Host, { key: 'd8b7f496ec83b138cfe9b7ea5deaf7a862a92a7f' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var pagination_util = require('./pagination.util-B5zzH8vg.js');
 require('./language-v-MMS6ym.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.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: 'dce4e827fbbaba2f2423b7623caa1371b51a7750' }, index.h("nav", { key: '18e75c58c919f78a5c19986d3a42612c0b125a55', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), index.h("span", { key: '1aea124497cbec584bdb1977c7371b391f5576a2', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        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)));
     }
     /**
      * 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,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var translations = require('./translations-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.js');
 var dom = require('./dom-BWMDM6En.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var randomString = require('./random-string-CFCtFh5l.js');
@@ -197,7 +197,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            index.h("limel-chip-set", Object.assign({ key: '3bd160f27baba3f2b6cfdb75bac451b87a25f75a', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
+            index.h("limel-chip-set", Object.assign({ key: '52839878b5dfc5477a0fdc848ad3f7ea7a48019b', 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

@@ -136,7 +136,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: 'a819793a1a82680cb7ce15239366c57c5e8300cc', class: "trigger-anchor" }, index.h("slot", { key: 'ddd5f786c93939afae68e0a35446be8470bfe638', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '369a832fab6a9e3438202ed1c3dbb6fe9b5a5f39', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '1b583fc37aa48fb67ff2b40f8c2e88cb7f6db88f', contentCollection: this.host.children, style: cssProperties }))));
+        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 }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -180,7 +180,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return index.h("div", { key: '0efb74a821ff0c1919a048ee08209befdf5582c0', class: "limel-popover-surface", tabindex: "0" });
+        return index.h("div", { key: '565d94e781d72493de84f12970471ecf220dd601', class: "limel-popover-surface", tabindex: "0" });
     }
     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-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.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

@@ -4,7 +4,7 @@ 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 translations = require('./translations-DDyw5Zzz.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');
@@ -28656,7 +28656,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'eff663aa0d2c0ce2906fc160a70691e78dbda774', onFocus: this.handleFocus }, index$1.h("div", { key: '71111267b9098261ca843516ae067443c7f40740', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: 'bfdaaa62c1d97672795987a0320fcaaf7df6aee0', onFocus: this.handleFocus }, index$1.h("div", { key: '6ea1e3685c40f85d9ca1f62e924f117c34571db9', 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: '9c12503b398b5c5d35d47d554b64219baf75d21b', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (index.h("limel-list", { key: '1ee999435baebb1badb909227d94d083fcc0fb03', 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: '7cdb4d6a667a0afe8ed668cc32b4a38c39817d75', class: {
+        return (index.h(index.Host, { key: 'f648a356af28a59101187075c6f42ac7afe28b49', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, index.h("input", { key: 'f51cfa414dd1e2f50ea211a690a55dc7525d5501', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: 'a6ec3d879e3410c9973a1b8c66469a852e4e4995', class: "box" }), index.h("label", { key: '978984158d1c8344da8bcc6a4e3d7aa8003f75b2', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, 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)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();

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

@@ -1,7 +1,9 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CLSqfR3x.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
+require('./language-v-MMS6ym.js');
 
 const KEYBOARD_SIZE_STEP = 8;
 const resizeLocations = {
@@ -187,8 +189,9 @@ function dragToResize(handle, listener) {
     };
 }
 
-const resizeHandleCss = () => `@charset "UTF-8";:host(limel-resize-handle){position:absolute;z-index:1;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:100vh}:host::before,:host::after{pointer-events:none;content:"";display:block;position:absolute;inset:0;border-radius:100vh;margin:auto}:host::before{transition:scale 0.3s ease, opacity 0.3s ease;transition-delay:0.2s;opacity:0}:host::after{transition:background-color 0.4s ease;transition-delay:0.2s;background-color:rgb(var(--contrast-600))}:host([location=top]),:host([location=bottom]){cursor:row-resize;height:var(--limel-resize-handle-thickness, 0.5rem) !important;right:0;left:0}:host([location=top])::before,:host([location=bottom])::before{scale:1 0.9;height:0.5rem;width:var(--limel-resize-handle-visual-length, auto)}:host([location=top])::after,:host([location=bottom])::after{height:0.125rem;width:var(--limel-resize-handle-visual-length, auto)}:host([location=top]){top:0}:host([location=top])::before{top:0;bottom:auto}:host([location=top])::after{top:calc((0.5rem - 0.125rem) / 2);bottom:auto}:host([location=bottom]){bottom:0}:host([location=bottom])::before{top:auto;bottom:0}:host([location=bottom])::after{top:auto;bottom:calc((0.5rem - 0.125rem) / 2)}:host([location=left]),:host([location=right]){cursor:col-resize;width:0.5rem;top:0;bottom:0}:host([location=left])::before,:host([location=right])::before{scale:0.9 1}:host([location=left])::after,:host([location=right])::after{width:0.125rem}:host([location=left]){left:0}:host([location=right]){right:0}:host(:focus-visible){outline:none}:host(:hover)::before,:host(:focus-visible)::before{transition-duration:0.46s;transition-timing-function:ease-in;opacity:1;scale:1 1;background-color:rgb(var(--color-sky-light), 0.4)}:host(:hover)::after,:host(:focus-visible)::after{transition-duration:0.2s;transition-timing-function:ease-in;background-color:rgb(var(--color-sky-default))}div{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);pointer-events:none;position:relative;z-index:1;display:flex;gap:0.25rem;align-items:center;justify-content:center;width:fit-content;padding:0.1875rem 0.25rem;border-radius:100vh;margin:auto;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-pressed)}div span{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);border-radius:0.125rem;width:0.25rem;height:0.125rem;background-color:rgb(var(--contrast-700))}:host([location=top]) div{margin-top:0;margin-bottom:auto}:host([location=bottom]) div{margin-top:auto;margin-bottom:0}:host([aria-orientation=vertical]) div{rotate:90deg}:host(:hover),:host(:focus-visible){--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}:host(:hover) div,:host(:focus-visible) div{will-change:background-color, box-shadow, transform;transform:translate3d(0, -0.04rem, 0);box-shadow:var(--button-shadow-normal)}:host(:hover) span,:host(:focus-visible) span{will-change:background-color;background-color:var(--mdc-theme-primary)}`;
+const resizeHandleCss = () => `@charset "UTF-8";:host(limel-resize-handle){position:absolute;z-index:1;touch-action:none}div[role=separator]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:100vh;outline:none}div[role=separator]::before,div[role=separator]::after{pointer-events:none;content:"";display:block;position:absolute;inset:0;border-radius:100vh;margin:auto}div[role=separator]::before{transition:scale 0.3s ease, opacity 0.3s ease;transition-delay:0.2s;opacity:0}div[role=separator]::after{transition:background-color 0.4s ease;transition-delay:0.2s;background-color:rgb(var(--contrast-600))}:host([location=top]),:host([location=bottom]){cursor:row-resize;height:var(--limel-resize-handle-thickness, 0.5rem) !important;right:0;left:0}:host([location=top]) div[role=separator]::before,:host([location=bottom]) div[role=separator]::before{scale:1 0.9;height:0.5rem;width:var(--limel-resize-handle-visual-length, auto)}:host([location=top]) div[role=separator]::after,:host([location=bottom]) div[role=separator]::after{height:0.125rem;width:var(--limel-resize-handle-visual-length, auto)}:host([location=top]){top:0}:host([location=top]) div[role=separator]::before{top:0;bottom:auto}:host([location=top]) div[role=separator]::after{top:calc((0.5rem - 0.125rem) / 2);bottom:auto}:host([location=bottom]){bottom:0}:host([location=bottom]) div[role=separator]::before{top:auto;bottom:0}:host([location=bottom]) div[role=separator]::after{top:auto;bottom:calc((0.5rem - 0.125rem) / 2)}:host([location=left]),:host([location=right]){cursor:col-resize;width:0.5rem;top:0;bottom:0}:host([location=left]) div[role=separator]::before,:host([location=right]) div[role=separator]::before{scale:0.9 1}:host([location=left]) div[role=separator]::after,:host([location=right]) div[role=separator]::after{width:0.125rem}:host([location=left]){left:0}:host([location=right]){right:0}:host(:hover) div[role=separator]::before,:host div[role=separator]:focus-visible::before{transition-duration:0.46s;transition-timing-function:ease-in;opacity:1;scale:1 1;background-color:rgb(var(--color-sky-light), 0.4)}:host(:hover) div[role=separator]::after,:host div[role=separator]:focus-visible::after{transition-duration:0.2s;transition-timing-function:ease-in;background-color:rgb(var(--color-sky-default))}div[role=presentation]{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);pointer-events:none;position:relative;z-index:1;display:flex;gap:0.25rem;align-items:center;justify-content:center;width:fit-content;padding:0.1875rem 0.25rem;border-radius:100vh;margin:auto;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-pressed)}div[role=presentation] span{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);border-radius:0.125rem;width:0.25rem;height:0.125rem;background-color:rgb(var(--contrast-700))}:host([location=top]) div[role=presentation]{margin-top:0;margin-bottom:auto}:host([location=bottom]) div[role=presentation]{margin-top:auto;margin-bottom:0}div[role=separator][aria-orientation=vertical]>div[role=presentation]{rotate:90deg}:host(:hover),:host div[role=separator]:focus-visible{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}:host(:hover) div[role=presentation],:host div[role=separator]:focus-visible div[role=presentation]{will-change:background-color, box-shadow, transform;transform:translate3d(0, -0.04rem, 0);box-shadow:var(--button-shadow-normal)}:host(:hover) span,:host div[role=separator]:focus-visible span{will-change:background-color;background-color:var(--mdc-theme-primary)}`;
 
+const SEPARATOR_ID = 'separator';
 const ResizeHandle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -198,12 +201,31 @@ const ResizeHandle = class {
          * The location of the handle relative to the resizable element.
          */
         this.location = 'left';
+        /**
+         * Defines the language for translations.
+         */
+        this.language = 'en';
+        this.isPointerOver = false;
+        this.hasKeyboardFocus = false;
+        this.handlePointerEnter = () => {
+            this.isPointerOver = true;
+        };
+        this.handlePointerLeave = () => {
+            this.isPointerOver = false;
+        };
+        this.handleFocus = (event) => {
+            this.hasKeyboardFocus = event.currentTarget.matches(':focus-visible');
+        };
+        this.handleBlur = () => {
+            this.hasKeyboardFocus = false;
+        };
         this.handleKeyDown = (event) => {
             const change = getKeyboardSizeChange(this.location, event.key);
             if (change === undefined) {
                 return;
             }
             event.preventDefault();
+            this.hasKeyboardFocus = true;
             this.changeSize.emit(this.elementSize() + change);
             this.endResize.emit();
         };
@@ -225,7 +247,25 @@ const ResizeHandle = class {
         this.stopResizing = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'b4f84fff38ded8d6493be55685fbe1c8d27affdb', role: "separator", "aria-orientation": getOrientation(this.location), "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, tabindex: "0", onKeyDown: this.handleKeyDown }, index.h("div", { key: '02b4abbc61b0dd571ceda1d69de057605523e29a', role: "presentation" }, index.h("span", { key: 'ea5083fca722c11df72f4b0f647f087732a28033' }), index.h("span", { key: '81a176e0594f20572dbc94aea0e5dc7709a21d96' }), index.h("span", { key: '4c39fcd49f2ad087f16a032dfa085d3a8630c41e' }))));
+        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 })));
+    }
+    getName() {
+        if (!this.resizableRegionLabel) {
+            return translations.translations.get('resize-handle.resize-this-region', this.language);
+        }
+        return translations.translations.get('resize-handle.resize', this.language, {
+            region: this.resizableRegionLabel,
+        });
+    }
+    getHint() {
+        if (this.isPointerOver && !this.hasKeyboardFocus) {
+            return translations.translations.get('resize-handle.drag', this.language);
+        }
+        const key = getOrientation(this.location) === 'vertical'
+            ? 'resize-handle.keys-left-right'
+            : 'resize-handle.keys-up-down';
+        return translations.translations.get(key, this.language);
     }
     resizableElement() {
         if (this.host.parentElement) {
@@ -233,6 +273,7 @@ const ResizeHandle = class {
         }
         return this.host.getRootNode().host;
     }
+    static get delegatesFocus() { return true; }
     get host() { return index.getElement(this); }
 };
 ResizeHandle.style = resizeHandleCss();

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

@@ -810,7 +810,7 @@ const Select = class {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (index.h(SelectTemplate, { key: 'dd610ca15d4efd4ebc6bc52dae88625dcbca241f', id: this.portalId, disabled: this.disabled || this.readonly, 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: 'f7cecafda170b279f117175603e646bf483f5f87', id: this.portalId, disabled: this.disabled || this.readonly, 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: 'a5b5f21fa6c27511357c3fdf498384ad7b8c3f6e', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("a", { key: '74496e167864c94b9169fe2d5ed1aea82c4e2d20', "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: '7ba30c4e1f4aae41ad2626228f238979bcce1405', name: this.icon }), index.h("limel-3d-hover-effect-glow", { key: 'f6dd1cedf07c7bce7eba7d8b8eb44f948ab4ce25' })), this.renderLabel(), this.renderNotification()));
+        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()));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,8 +1,10 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CLSqfR3x.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
 var randomString = require('./random-string-CFCtFh5l.js');
+require('./language-v-MMS6ym.js');
 
 /**
  * Returns the element that has focus, also when it is inside shadow roots.
@@ -47,6 +49,10 @@ const SidePanel = class {
         this.selectAction = index.createEvent(this, "selectAction", 7);
         this.changeWidth = index.createEvent(this, "changeWidth", 7);
         this.selectStackEntry = index.createEvent(this, "selectStackEntry", 7);
+        /**
+         * Defines the language for translations.
+         */
+        this.language = 'en';
         /**
          * Label of the close button. Shown as a tooltip and used as the accessible
          * name.
@@ -62,10 +68,6 @@ const SidePanel = class {
          * Buttons in the toolbar, to the right of the close button.
          */
         this.actions = [];
-        /**
-         * Label of the resize handle. Used as the accessible name.
-         */
-        this.resizeLabel = 'Resize';
         /**
          * Whether pressing Escape emits `close`. Set to `false` to let only the
          * close button emit `close`. The panel then does not prevent the Escape
@@ -228,7 +230,7 @@ const SidePanel = class {
             .querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'ca07c3557df3be7e026a95da296689e1e3c0cf41' }, index.h("section", { key: '610a8b47c7b34a6d4cb4d253d40cff889ea4c73d', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), index.h("div", { key: 'c9ddb80456ac82cb39801943b55fcd4de3928852', class: "content" }, index.h("div", { key: 'f1430da0610a4fe71363ead5c7730d627a8a935c', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), index.h("span", { key: 'c7d204c8b323f88962508a4c54493717fe347c8e', "data-limit": "min", ref: this.setMinLimit }), index.h("span", { key: '2a7fa787fd0d4c777f90b2ef7dff1d9316108416', "data-limit": "max", ref: this.setMaxLimit })));
+        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 })));
     }
     // 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`.
@@ -268,7 +270,15 @@ const SidePanel = class {
         if (this.fullScreen) {
             return;
         }
-        return (index.h("limel-resize-handle", { class: "handle", label: this.resizeLabel, value: (_a = this.widthRange) === null || _a === void 0 ? void 0 : _a.now, min: (_b = this.widthRange) === null || _b === void 0 ? void 0 : _b.min, max: (_c = this.widthRange) === null || _c === void 0 ? void 0 : _c.max, onChangeSize: this.handleChangeSize, onEndResize: this.handleEndResize }));
+        return (index.h("limel-resize-handle", { class: "handle", resizableRegionLabel: this.getRegionLabel(), language: this.language, value: (_a = this.widthRange) === null || _a === void 0 ? void 0 : _a.now, min: (_b = this.widthRange) === null || _b === void 0 ? void 0 : _b.min, max: (_c = this.widthRange) === null || _c === void 0 ? void 0 : _c.max, onChangeSize: this.handleChangeSize, onEndResize: this.handleEndResize }));
+    }
+    getRegionLabel() {
+        if (!this.label) {
+            return translations.translations.get('side-panel.resize-region', this.language);
+        }
+        return translations.translations.get('side-panel.resize-region.named', this.language, {
+            label: this.label,
+        });
     }
     renderBody() {
         return (index.h("div", { class: "body", ref: this.stopContentEvents }, index.h("slot", null)));

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-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.js');
 require('./language-v-MMS6ym.js');
 
 /**
@@ -307,15 +307,15 @@ const Slider = class {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (index.h(index.Host, { key: '6d910879894ffc7ff36df228e4252e4758622ab9', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: '56e3b4dbc963b6923c63a33acb21895f4e86c947', 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: 'f74ef31e0b7d67dcc8a231a05f9b00b84de50b33', slot: "content" }, index.h("div", { key: '4a4018ac095977f89cba99a0222603469d11ce30', class: "slider", style: { '--slider-fraction': `${fraction}` } }, index.h("input", Object.assign({ key: '3c9dc1fb20dd26ae0ea6cbab0914d5012a9c0184', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        return (index.h(index.Host, { key: '3a782f6aa420997f4a088e922438245c7c34143b', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: '997046fb961c325d2a4a1e5cc51b08d84bcc2274', 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: '985fceba0aa4385936c06b1e8cd083ead77823b2', slot: "content" }, index.h("div", { key: '47238548b281254d3fe7e9fe7350890ffb5f573e', class: "slider", style: { '--slider-fraction': `${fraction}` } }, index.h("input", Object.assign({ key: 'f3fc215a6b2c331342487f206c549e04d109a061', 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: '4873567abad9bd78cd44cf244bb5c41e87c10e12', class: "track" }, index.h("div", { key: '165858a4a1ee9ff35ed17b3f31c358b77143af47', class: "active" }), this.renderStepDots(min, max)), index.h("div", { key: 'ad6a62247047caad0332385713acf0660473589c', class: "thumb" }, index.h("div", { key: '10a5b6171a86d156de78987caf36c6256b1d3db7', class: "knob" }), index.h("div", { key: 'dac6f4e48e2345091c58433124afeb29cca52e02', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), index.h("div", { key: '407448db5cd86d489adb909e4c5ecc0e0d050c53', class: "track" }, index.h("div", { key: '7f8c47aa449ee1a5ffe9c8fbc35e7b8ec9c818ad', class: "active" }), this.renderStepDots(min, max)), index.h("div", { key: '866541538223dddbd750c57836426941ef4e6139', class: "thumb" }, index.h("div", { key: 'b663cbb67b3656bec79b81a3d0b47fb08f234bfb', class: "knob" }), index.h("div", { key: '58bc88bc2c9ff6e1a2c4635708d2dd1c5744e7ac', class: "indicator", "aria-hidden": "true" }, this.isUnset
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), index.h("div", { key: 'b62ca0a0dc80b5d6c370d477a7cb340c5c1fb79d', class: "range-labels" }, index.h("span", { key: '4455915693d0c95db8f5a05ac344e8de3c7efe4d', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), index.h("span", { key: 'ef141dec4f89ad937e521cb82b94ad3348904e49', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : this.displayValue))), index.h("div", { key: '4bc12eebc0006e5e54ff2d6c44d04303e0370de0', class: "range-labels" }, index.h("span", { key: 'faa2e129c54b50f7503277fdfb8430270a154524', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), index.h("span", { key: 'ade8069607794cddfddec0d6b5d574b54fb7da0e', 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-DDyw5Zzz.js');
+var translations = require('./translations-CLSqfR3x.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: 'afddc11b55b4f3bdf05bc9ff50ed8c05851d53ac', popover: "manual", style: {
+        return (index.h("aside", { key: '8783a6f2dfbc27d97e2923e4b1733a605c96426a', 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: 'ea4aff6aba7f089e34e48aeb91a2a2d7382f3ca4', class: "surface" }, index.h("limel-markdown", { key: '3b2cc771e74d951a2dc2118e179c5a7670e2eab2', 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: '96335eef9b7ea7c5c32a7fe3dc197a5a51f91606', class: "surface" }, index.h("limel-markdown", { key: 'a28c251f5c22723a816e0c662a479ecd98c59ad0', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {