@limetech/lime-elements 39.5.7 → 39.7.0

package/dist/collection/components/grid/grid.js

@@ -12,7 +12,7 @@ export class Grid {
         console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
     }
     render() {
-        return h("slot", { key: 'b080a36f1771ee8da78a25bdd3baab5437faa917' });
+        return h("slot", { key: '7248c244edbe50a29b32b327a8317d7be106bd18' });
     }
     static get is() { return "limel-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header.js

@@ -61,7 +61,7 @@ export class Header {
         this.subheadingDivider = '·';
     }
     render() {
-        return (h(Host, { key: 'af88692a3c1dcaf463519b33909f8338810437fc' }, h("div", { key: 'e5f38998bcae91adf802ec5f6bcf2bf8df25b93b', class: "information" }, this.renderIcon(), h("div", { key: '23e44ba0626bf7f0a936c3a2285353efa5fa950d', class: "headings" }, h("h1", { key: '66483d8c6ef67101b401c5609a3c7dc606da6f03', class: "heading", title: this.heading }, this.heading), h("h2", { key: 'e9748ebc2213157544835ff540400e14fab433dd', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '8bcdf617951b5da61e75c0c1d8ff6722d6903e4f', name: "actions" }, h("slot", { key: '6adf11869362405ad30c0a6a7a7a463844b4022a' }))));
+        return (h(Host, { key: 'a15f9daaa43d8c03c79f30c2a9d543b97185ed6b' }, h("div", { key: 'f9142be782bd6c20605387073db02ede3acd1a2e', class: "information" }, this.renderIcon(), h("div", { key: 'a1919b8bd21f92aeae4be0c26822517780d0bfc1', class: "headings" }, h("h1", { key: '2c6b225fc76359fa6573b25f232a3530bec7508b', class: "heading", title: this.heading }, this.heading), h("h2", { key: '14be7addf9b4a3082dab7373381a8daa30530fa8', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '27d8265622b327f77e893d5dc3e736a25d7b4da3', name: "actions" }, h("slot", { key: '03837c68e6f1ae38941702aef2ea6c74fa1b479d' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

package/dist/collection/components/help/help-content.js

@@ -19,7 +19,7 @@ export class HelpContent {
         };
     }
     render() {
-        return (h(Host, { key: '72c02356b943cf997908589e7a6b9c10a16fc38b' }, h("limel-markdown", { key: '300ce7a4ea70e956f15ac2499935f73181340133', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: '6f52a747b64fe7136596a1edb660cd030021f473' }, h("limel-markdown", { key: '7c0913d1a8c39d38f392529ee8fd4a1531aae638', value: this.value }), this.renderReadMoreLink()));
     }
     static get is() { return "limel-help-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/help/help.js

@@ -41,9 +41,9 @@ export class HelpComponent {
         };
     }
     render() {
-        return (h(Host, { key: '3e7272ecc3c94a3fc8e62836f75aec832be5b242' }, h("limel-popover", { key: '55e5a79476d983f4602946ab7ab1a6e79843240a', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '92ddb2a98e452e82a12c5862ba8c1b2450558a74', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (h(Host, { key: 'df993a4485c405a756eb69ccbee5ab8ec616a6d3' }, h("limel-popover", { key: 'f4aab0006a23c83a1609f1c8e1b97f5d6f69b4b4', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: 'a88ae28570d62668a4b34d3e334816bc665dc33e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: '9b14d405df2eccfdbe8d16c5700dc934b245fb17', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: '32f146b00380d0de6529a7b6a4ab0bcb82b067d4', value: this.value, readMoreLink: this.readMoreLink }))));
     }
     static get is() { return "limel-help"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/helper-line/helper-line.js

@@ -46,9 +46,9 @@ export class HelperLine {
         };
     }
     render() {
-        return (h(Host, { key: '141eab695d67c1561ac6175c30596833b96ad384', tabIndex: -1, class: {
+        return (h(Host, { key: 'ca260d9f14bb76025f382964f3f24eafc25daeeb', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'd82f31bec7730301ba43b380e034de632c391bda' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '3d24d9b80729945c7ebd3f1ecd4348afec77185b' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
     static get is() { return "limel-helper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon/icon.js

@@ -18,7 +18,7 @@ export class Icon {
         this.loadIcon(this.name);
     }
     render() {
-        return h("div", { key: '1af49b178e75a2701d2362817c5f74614a4a900a', class: "container" });
+        return h("div", { key: '80c6844e64217d24e957368feafddc831b497b2f', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

package/dist/collection/components/icon-button/icon-button.js

@@ -51,7 +51,7 @@ export class IconButton {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (h(Host, { key: '9405f3e395bf097253da6a24e0a6ab06dd85dc4b', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: 'd0c646ad1b57fd65a12ebb56bdfaa72b267632aa', disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: 'eb93a508920a2a1124a5002faf24cbe837c5ff48', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: 'b4ef2d7c4f260a88be131e072e9db8f560ed136b', disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

package/dist/collection/components/info-tile/info-tile.js

@@ -116,9 +116,9 @@ export class InfoTile {
             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 = getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (h(Host, { key: '3acd30e03e1eca5ffee1ca2e1ad92acef99eac1d', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '755afc858a330aadd152cc4c7efe348660f8a8b9', 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 (h(Host, { key: '57b632bbe5ba4171c118171cbb1d5c7c87550a53', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'aa3e1db51f262a204a4d0bf7fc025e067f608629', 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(), h("slot", { key: '26069e0fb0b3179882d095176e555cdef5a63c1f', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: 'd8147e61d31a53e25468a562f5286476ffb515ba', class: "value-group" }, this.renderPrefix(), h("div", { key: '11abbbbb0b4774cb78597a0658a990079fb1823e', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '626259aa388561cf05d3dcb65e82b57ac27fb15a' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '2f9643af8bfe88ff99eba045983081e9388ba688', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '9cf8b84d5f2376d36ba7dbae8e86cbb8e11fa390', class: "value-group" }, this.renderPrefix(), h("div", { key: 'c073080821cd0b4bd4340d6566688a10cd0acd5e', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '5ac6fee4d62020b9dfe1232309de0a414d35d6e4' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

package/dist/collection/components/input-field/input-field.js

@@ -588,7 +588,7 @@ export class InputField {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (h(Host, { key: '5026e41e99b24333c72b6372f85ba5915a5ba0a1' }, h("limel-notched-outline", { key: '5d50900e3b92709a8f4e581d6c08cb21a3aa53f1', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '24de43f8c2e05781db453a7d71b3f84b8f5ac0e9', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
+        return (h(Host, { key: '6427ea1655ab4fa9d07a2e5e4f8f1b4bad169065' }, h("limel-notched-outline", { key: '5dbf37b876ed2673acdd439a875b6b82ef34ee22', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '47ec8a216b5b5799769af87ce603e04f6a3abbaa', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
     }
     valueWatcher(newValue) {
         if (!this.mdcTextField) {

package/dist/collection/components/list/list.css

@@ -194,7 +194,8 @@
 * @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
 * @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.
 * @prop --list-background-color-of-even-interactive-items:  Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.
-* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;
+* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect.
+* @prop --list-item-image-border-radius: Defines the border radius of the list item image. Defaults to `50%`.
 */
 :host(limel-list) {
   --limel-list-border-radius: 0.5rem;

package/dist/collection/components/list/list.js

@@ -143,7 +143,7 @@ export class List {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (h(Host, { key: 'd40f927cbdcfb8ac41cb770921fcb57d3f0686a8', style: {
+        return (h(Host, { key: 'cc025328924cab9298919a2873ec1744aeed3dab', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }

package/dist/collection/components/list-item/list-item.css

@@ -3,6 +3,7 @@
  * @prop --notification-badge-text-color: (Publicly documented in `limel-menu` too) Defines the text color of notification badges. Defaults to `--color-white`.
  * @prop --notification-badge-background-color: (Publicly documented in `limel-menu` too) Defines the background color of notification badges. Defaults to `--color-red-default`.
  * @prop --limel-list-item-menu-order: Defines the order of the menu, within the list item's flexbox. Defaults to `3`.
+ * @prop --list-item-image-border-radius: Defines the border radius of the list item image. Defaults to `50%`.
  */
 /**
 * Note! This file is exported to `dist/scss/` in the published
@@ -95,6 +96,7 @@
  * @prop --notification-badge-text-color: (Publicly documented in `limel-menu` too) Defines the text color of notification badges. Defaults to `--color-white`.
  * @prop --notification-badge-background-color: (Publicly documented in `limel-menu` too) Defines the background color of notification badges. Defaults to `--color-red-default`.
  * @prop --limel-list-item-menu-order: Defines the order of the menu, within the list item's flexbox. Defaults to `3`.
+ * @prop --list-item-image-border-radius: Defines the border radius of the list item image. Defaults to `50%`.
  */
 /**
 * :::important
@@ -127,6 +129,7 @@
  * @prop --notification-badge-text-color: (Publicly documented in `limel-menu` too) Defines the text color of notification badges. Defaults to `--color-white`.
  * @prop --notification-badge-background-color: (Publicly documented in `limel-menu` too) Defines the background color of notification badges. Defaults to `--color-red-default`.
  * @prop --limel-list-item-menu-order: Defines the order of the menu, within the list item's flexbox. Defaults to `3`.
+ * @prop --list-item-image-border-radius: Defines the border radius of the list item image. Defaults to `50%`.
  */
 *,
 *:before,
@@ -499,7 +502,7 @@ limel-list-item limel-icon:has(+ img) {
 limel-list-item img {
   flex-shrink: 0;
   object-fit: cover;
-  border-radius: 50%;
+  border-radius: var(--list-item-image-border-radius, 50%);
   width: 2rem;
   height: 2rem;
   box-shadow: 0 0 0 1px rgb(var(--contrast-800), 0.5);

package/dist/collection/components/list-item/list-item.js

@@ -162,9 +162,9 @@ export class ListItemComponent {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: '04d1f12fca6598e4d28ca447e6b3cf3d7a42e09b', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: 'cc58d641c46fc21c81d9fbc6fbcd3a483aa7d803', 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(), h("div", { key: '6f6bcd5a83e866144aa2061f045d8136827a8a63', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '2d8f6496d714faf9f3bd59cc829459191d650dc7', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

package/dist/collection/components/list-item/menu-item-meta/menu-item-meta.js

@@ -17,7 +17,7 @@ export class MenuItemMeta {
         this.showChevron = false;
     }
     render() {
-        return (h(Host, { key: '60731fc2a51315556731654a08616092dc6e44a8' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '9e84c6ecc29e50b5a4e871d646fb11539e5fe86f' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (!this.commandText) {

package/dist/collection/components/markdown/markdown.js

@@ -119,7 +119,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: '61ca61192c4d1141494ced2b431770cccb623581' }, h("div", { key: 'b0ebadbc5b2ee426df9f1a0c77d88cf162a43bcc', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: '89f9536407969e0bb9dd206ca540dabee9c3eecf' }, h("div", { key: '373f17c2933a715a97f2854343c1d26d32a26a27', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/collection/components/menu/menu.js

@@ -519,7 +519,7 @@ export class Menu {
         const cssProperties = this.getCssProperties();
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
         const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
-        return (h("div", { key: 'adec7fedfe610207eed79b9587438d17111ffe82', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '5dbc488a563ea2dcc315c35b7751fe829298e46d', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: '98b47d2d25f40b5294f6bbfca40371917ce438b2', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '1a616b513b25383c6534d76c66a088c1e264f4b1', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
+        return (h("div", { key: '7769d71e01b3e7835fdec458a56858c10eb0c71a', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '800c993b63e1ae0fd94d1c984ffbfaef96eec627', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'cc4da9d70f09030f4c41567611b42dda8ad4403e', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '5bb2a262f66d2f9b7bcbe46009574daf5eddf589', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
                 'has-grid-layout': this.gridLayout,
             } }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
     }

package/dist/collection/components/menu-list/menu-list.css

@@ -194,7 +194,8 @@
 * @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
 * @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.
 * @prop --list-background-color-of-even-interactive-items:  Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.
-* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;
+* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect.
+* @prop --list-item-image-border-radius: Defines the border radius of the list item image. Defaults to `50%`.
 */
 :host(limel-list) {
   --limel-list-border-radius: 0.5rem;

package/dist/collection/components/menu-list/menu-list.js

@@ -88,7 +88,7 @@ export class MenuList {
             iconSize: this.iconSize,
         };
         const html = this.MenuListRenderer.render(this.items, this.config);
-        return h("div", { key: 'f2a299d2e47ed6344fd817e748b8cc22f0e0e3a7', class: "mdc-menu mdc-menu-surface" }, html);
+        return h("div", { key: 'a0d43ee28ff19b78b99ed0ec7fc0d1ff79f235e0', class: "mdc-menu mdc-menu-surface" }, html);
     }
     itemsChanged() {
         setTimeout(() => {

package/dist/collection/components/menu-surface/menu-surface.js

@@ -105,7 +105,7 @@ export class MenuSurface {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (h("div", { key: 'd00fdc8b36fb54a29a2a310ddbc2f589ce34bce3', class: classList, tabindex: "-1" }, h("slot", { key: 'd134575dc508794b42fed852e952a7d12c399b2a' })));
+        return (h("div", { key: '0d834530b1abaa97c0443447ae573ff4eb000ea7', class: classList, tabindex: "-1" }, h("slot", { key: 'caea2ed90273cdacfd7e79ae2f2b5aff476dc7ed' })));
     }
     static get is() { return "limel-menu-surface"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/notched-outline/notched-outline.js

@@ -59,7 +59,7 @@ export class NotchedOutline {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (h("div", { key: '3071dff00262f73ae8555fac09dedccad474b7fb', class: "limel-notched-outline" }, h("slot", { key: '15f3ecd4b18c36c310b62d4670aa81bdff90c99e', name: "content" }), h("span", { key: 'c7b02545a82d0f995bb86d489392d38c36f770e2', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: 'f03ae4002a01844989af7d2ad19252f3113d2155', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: '6e15221fe2d1c6fafb0d8109c6031d8302447762', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (h("div", { key: 'b50040fa4388423e4a918aead75dc425c8b1b2f4', class: "limel-notched-outline" }, h("slot", { key: 'd8c2b975c3f82ec33dffd773b7461e28427f1dbe', name: "content" }), h("span", { key: '981dc0b50cf8de443fd70e25272819af2e91e4ac', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: 'b0f18a32926f2a1e308675911ac2cdcc8b8adb69', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'ac7812bc4b30d93b8cf73b49db14f51db8845d82', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

package/dist/collection/components/picker/picker.js

@@ -188,7 +188,7 @@ export class Picker {
             props.maxItems = 1;
         }
         return [
-            h("limel-chip-set", Object.assign({ key: '21f4444eee99a33af5565df2c20aec5f7248f216', 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, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
+            h("limel-chip-set", Object.assign({ key: '996808bffc8715bab47a4b225d02d57247b3287d', 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, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
             this.renderDropdown(),
         ];
     }

package/dist/collection/components/popover/popover.js

@@ -127,7 +127,7 @@ export class Popover {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (h("div", { key: 'fdd43de39ed86b15e3eb72b519e13c21556fbc0e', class: "trigger-anchor" }, h("slot", { key: 'ed797a95c6cc7bccec411795c7f4c3c30c43d3d4', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: 'b665286d6ef9077a61b224190619df18afe7bd07', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: '9ccea4d6828e1cd33b79d850c4e9cf2f2e31ff44', contentCollection: this.host.children, style: cssProperties }))));
+        return (h("div", { key: '862c9700bce5d7a3f55b20cb4ef8eb8346e62a25', class: "trigger-anchor" }, h("slot", { key: '08dd9ac01930db903dba46c15e25d00727f251ff', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: 'bc03a58425d52d5d7447a5ed1308ee51c51480b5', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: 'a9b117aee79359fa1f2800b914aed8ed8ab2a203', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;

package/dist/collection/components/popover-surface/popover-surface.js

@@ -8,7 +8,7 @@ export class PopoverSurface {
         this.appendElement();
     }
     render() {
-        return h("div", { key: '26fa5134de057639d52e71eb9a0bce69ff38a894', class: "limel-popover-surface", tabindex: "0" });
+        return h("div", { key: '553798a32efa190cbceb65aec00b56bfb5eb25f7', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

package/dist/collection/components/portal/portal.js

@@ -120,7 +120,7 @@ export class Portal {
         }
     }
     render() {
-        return h("slot", { key: 'bd5589945e34f7da397083ea53ab92ce38d3c56c' });
+        return h("slot", { key: 'e41cbd7a44b0e55525f9e99d056cc9ab627082d0' });
     }
     onVisible() {
         if (!this.container && this.visible) {

package/dist/collection/components/radio-button-group/radio-button-group.js

@@ -37,7 +37,7 @@ export class RadioButtonGroup {
         };
     }
     render() {
-        return (h("limel-list", { key: '591ebaf4100003058cf2c38202b9f7befa32d398', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (h("limel-list", { key: 'f6aca37c9b00f4f92b1a048f8d7d0dd86e6f8c1f', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
     }
     createItems() {
         return this.items.map((option) => {

package/dist/collection/components/radio-button-group/radio-button.js

@@ -31,12 +31,12 @@ import { Host, h } from "@stencil/core";
  */
 export class RadioButtonComponent {
     render() {
-        return (h(Host, { key: 'eb692bd85b7ae08effca48b0061ce070fa2d726c', class: {
+        return (h(Host, { key: '09013c710b49de8c6aa1b3b0342add87ee69230b', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, h("input", { key: 'd91531ef558efb24cfabef237a36f494ea1b8127', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: 'dd3a2a4b54c7b395fb8f28fad4921f31c644bd1e', class: "box" }), h("label", { key: 'ec47a41a86ab3e743168c5f8a8b792d14aeb3262', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, h("input", { key: '0199ebfe42f8d46ccc848c00725739617863a1b3', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '80fc53f911d4524267a5c9e915e2c3ba7d3b58e8', class: "box" }), h("label", { key: '6e260d713cd802b12bdd88251a79eaaaf97ea9e8', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
     static get is() { return "limel-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/select/select.js

@@ -101,7 +101,7 @@ export class Select {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (h(SelectTemplate, { key: '5424f4adaf0466b29bbce1129851fbb6809a8f91', 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, onTriggerPress: this.handleMenuTriggerKeyPress, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.isMobileDevice && !this.multiple, dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
+        return (h(SelectTemplate, { key: 'f2a3c3f06af578829d134ba4276850bbd035a3e2', 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, onTriggerPress: this.handleMenuTriggerKeyPress, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.isMobileDevice && !this.multiple, dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
     }
     watchOpen(newValue, oldValue) {
         if (this.checkValid) {

package/dist/collection/components/shortcut/shortcut.js

@@ -56,7 +56,7 @@ export class Shortcut {
     render() {
         var _a, _b, _c, _d, _e;
         const rel = getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
-        return (h(Host, { key: '3a8b1065324570ae46d22a1974c34432692632dc', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: 'a29c1d1e4c3bd0222762fb0675f01e9d12000ab7', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: '1f1c964a055f6625ff0d67e6e1c7da182834d101', name: this.icon }), h("limel-3d-hover-effect-glow", { key: '45b45dd5a3c945c6662dbba504f2d2d43a87f1c4' })), this.renderLabel(), this.renderNotification()));
+        return (h(Host, { key: '4c999ffbf57f45f652d4bfa881b54e421a58df8f', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: '5b7f3a5e43237b9a302bc63735b63a92c019eb2f', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: '421faadecac1f5444ecab389574ad24cab6d7012', name: this.icon }), h("limel-3d-hover-effect-glow", { key: '0d932adbb6b7c343b3120d01e866b29d4c165543' })), this.renderLabel(), this.renderNotification()));
     }
     static get is() { return "limel-shortcut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slider/slider.js

@@ -237,7 +237,7 @@ export class Slider {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (h(Host, { key: 'cf07e4288eae4c909632d74fe77e6a827b122abb', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '23ed21c06dea5c581ec9d8cdf2dcfea767417e2f', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: 'afdaaa1f8b4d0ceeebb3eca73649849f871dff69', slot: "content" }, this.renderRangeContainer(), this.renderSliderContainer(inputProps))), this.renderHelperLine()));
+        return (h(Host, { key: '770ec2fd58abc5cc34bae66a4b8ec4928c233327', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'a3cd421f2bdb9e10ebab358ffc18d7aac06068da', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: 'a76ef62e54db1061e69078bf26b95554f9c59186', slot: "content" }, this.renderRangeContainer(), this.renderSliderContainer(inputProps))), this.renderHelperLine()));
     }
     watchDisabled() {
         this.updateDisabledState();

package/dist/collection/components/snackbar/snackbar.js

@@ -121,14 +121,14 @@ export class Snackbar {
         }
     }
     render() {
-        return (h("aside", { key: '325959bb9699eb9067483534cb7599fc22ce3858', popover: "manual", style: {
+        return (h("aside", { key: 'e07fbddded6a243a118dd9122db77e8286d5733e', popover: "manual", style: {
                 '--snackbar-timeout': `${Math.max(this.timeout || 0, 0)}ms`,
                 '--snackbar-distance-to-top-edge': `${this.offset}px`,
             }, class: {
                 open: this.open,
                 'is-closing': this.closing,
                 'limel-portal--parent': true,
-            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: '20522b3364e47a201f73fe9ab5e2ebc3e7cd81e6', class: "surface" }, h("div", { key: 'd5d7020b4d8dfe9032afe8d06080af8cdadc6f07', class: "label" }, this.message), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
+            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: 'd672fadb9f690c99c60b0582cf371313278a9642', class: "surface" }, h("div", { key: '7502281b26c83fbac612d7896b25563255fd46e3', class: "label" }, this.message), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {

package/dist/collection/components/spinner/spinner.js

@@ -16,7 +16,7 @@ export class Spinner {
         this.limeBranded = false;
     }
     render() {
-        return (h(Host, { key: 'ab7701f350fe31ca2449c9a571346857c64f26c1' }, h("svg", { key: 'ea186e285a113460701895a1abde7c3d1f07307d', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (h(Host, { key: '2ea3c8e615b6f95452c1ce2f8d5eb9ee989b8612' }, h("svg", { key: 'd0ff66dbbf8f7fefa0c6a52cd51a7fca2abe0c4a', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

package/dist/collection/components/split-button/split-button.js

@@ -55,9 +55,9 @@ export class SplitButton {
         };
     }
     render() {
-        return (h(Host, { key: '4d795d0bc0bb80a5b489bb60af7962ae0f527943', class: {
+        return (h(Host, { key: '7ec8239476acbb6a539f5c510c315834c3cc7d13', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '85b94eef97a460419273c3e09a8b4f27d75e7f8b', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: 'cc1b19340e231dd0851c91eed4633bdc72b83124', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
     }
     static get is() { return "limel-split-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -62,11 +62,11 @@ export class TabBar {
         this.tearDown();
     }
     render() {
-        return (h("div", { key: '45f3317b1c8cbfe3802246b1cd1d5d471146e83b', class: "mdc-tab-bar", role: "tablist" }, h("div", { key: 'abd04a97eaa3eb974d28c2d5c22849d73cd53797', class: {
+        return (h("div", { key: '24724f0e550a495e3c76157322aec3c1795c35d2', class: "mdc-tab-bar", role: "tablist" }, h("div", { key: 'e715431c3daba67c220731763fa4ee1d3fb05964', class: {
                 'mdc-tab-scroller': true,
                 'can-scroll-left': this.canScrollLeft,
                 'can-scroll-right': this.canScrollRight,
-            } }, h("div", { key: '3b5df540248c33fa540ba786633d8b1d8070799b', class: "mdc-tab-scroller__scroll-area lime-hide-scrollbars" }, h("div", { key: '3c39585e170c368aab830babf2ce1ff82526fabc', class: "mdc-tab-scroller__scroll-content" }, this.tabs.map(this.renderTab))), h("div", { key: '8f6db31c759593e791bcfdf209c2a4c48be01da1', class: "scroll-fade left" }), h("div", { key: '59b96e94a8552234de5d999fd9f442a46d2d0db8', class: "scroll-button left" }, h("button", { key: '06ae8f2a560fa334360c226876d1854d663bb0db', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollLeft, onClick: this.handleLeftScrollClick }, h("limel-icon", { key: '8174bb5b83552a27d96bf171fb1bb2594a0791c2', name: "angle_left" }))), h("div", { key: '814a277b31d58d8f3953033bc68689f0c2972e24', class: "scroll-fade right" }), h("div", { key: '029cae303674062675bd85ac36fdeb41cc5e0901', class: "scroll-button right" }, h("button", { key: '23a341ae7bde119dc4ff93d9c88e19bd5fa3ab9e', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollRight, onClick: this.handleRightScrollClick }, h("limel-icon", { key: 'e2b7da5cf9547e31705bed6d5e2a1312bcfdf22a', name: "angle_right" }))))));
+            } }, h("div", { key: '13575d1fd979e0acba904279929e0dc0f170770e', class: "mdc-tab-scroller__scroll-area lime-hide-scrollbars" }, h("div", { key: '090cabba1bdfe2166c7a4af3b31e744e8d04f415', class: "mdc-tab-scroller__scroll-content" }, this.tabs.map(this.renderTab))), h("div", { key: '8c2319f5f15bf1d5c06fe7f92a688c99ce302d1a', class: "scroll-fade left" }), h("div", { key: '5d54b52b021b1d65756bfba38b47367124233e38', class: "scroll-button left" }, h("button", { key: '126822721bc814a391cd20e45506d4884069d8e7', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollLeft, onClick: this.handleLeftScrollClick }, h("limel-icon", { key: 'd8bd0a943c89c3a58e9f3e7b4fa46024413de92b', name: "angle_left" }))), h("div", { key: 'eb1e078fca4124c6277cbbd8e1584b0b3879c581', class: "scroll-fade right" }), h("div", { key: '4309055997e231e6aae0c573fa4abeec72b27201', class: "scroll-button right" }, h("button", { key: 'c965ef3d215e9c3d44260894fc7a8e3edfb5d675', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollRight, onClick: this.handleRightScrollClick }, h("limel-icon", { key: '83132fe176b81172f308dd0ebb06c20741f1df6c', name: "angle_right" }))))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);

package/dist/collection/components/tab-panel/tab-panel.js

@@ -56,7 +56,7 @@ export class TabPanel {
         this.tabs.forEach(this.setTabStatus);
     }
     render() {
-        return (h(Host, { key: '72cfa3773a3e1a963d2212dbab203d85a9b0a0c6', onChangeTab: this.handleChangeTabs }, h("div", { key: '1faa5cd3c361acce5141a27791fb0fb401dab968', class: "tab-panel" }, h("limel-tab-bar", { key: 'c7b9cef34448d5e96d3ddb851a0e2bdca876ee80', tabs: this.tabs }), h("div", { key: 'b1cba255e44496a03f7bffcea062e0686b2725f2', class: "tab-content" }, h("slot", { key: '44152fc36221478d7d8656a8e199e36044584283' })))));
+        return (h(Host, { key: 'dabaea500271fdc964b3ade5f79adc266c160aee', onChangeTab: this.handleChangeTabs }, h("div", { key: '7a1c4ba3a41d361f85e5b2fc23474b84bac3f978', class: "tab-panel" }, h("limel-tab-bar", { key: '00e7431d9ca39536c90fcb75883bc148f301f1d5', tabs: this.tabs }), h("div", { key: 'f108ed8f0f99326cd8c1ee2267d61c6b177c1b5f', class: "tab-content" }, h("slot", { key: '2ae16e81cc9272f64d107d5c7ee5d8f60d8347c9' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

package/dist/collection/components/table/table.js

@@ -575,16 +575,16 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: '1e5a487ca15e58ca2104ca5b348941898e166f4b', class: {
+        return (h(Host, { key: '498a9a20e6d11e68845977a78ce64084ef73fb80', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
-            } }, h("div", { key: '8bcc9cc7d5726ee08a45ceeeeed3c97efa4cbd60', id: "tabulator-container", class: {
+            } }, h("div", { key: 'c5135d414bbe1115d2b3ec68205bade7c02facd2', id: "tabulator-container", class: {
                 'has-pagination': totalRows > this.pageSize,
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-movable-columns': this.movableColumns,
                 'has-rowselector': this.selectable,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: 'b03b6405f9c49ab038215be2de74e0cbb20b82bc', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '497e6f2a64ad6dff35cccbe6121872b185edcd04', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: 'e382941693af4e887eb939f665231a91f5b90bda', id: "tabulator-table" }))));
+            } }, h("div", { key: '3dba4b573af560cc2cbbe9d984a6197092c78700', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '7f2c103555838161a2a8de6c726ce9ff175bb0ef', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '28de3b3e37382b323d676c33cd660dd39e7f9a6c', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/text-editor/link-menu/editor-link-menu.js

@@ -106,9 +106,9 @@ export class TextEditorLinkMenu {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            h("limel-input-field", { key: '3553915b0afcb641ba9dbf4031c376ca9774af40', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown, ref: (el) => (this.textInput = el) }),
-            h("limel-input-field", { key: '06ac95f42941cc0680b3339886ae125388b47da5', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown }),
-            h("div", { key: '176c41973294fd76512a3e4d927e03841bf83b8d', class: "actions" }, h("limel-button", { key: '58e7e4298ec04325d4dc1769bb6c39fda33f9092', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'b57aa7e6d6573f2a2722f9d3dc78f48febef63e6', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            h("limel-input-field", { key: '59a19c43140dc628d165014767ed46d2c01012d4', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown, ref: (el) => (this.textInput = el) }),
+            h("limel-input-field", { key: 'de5d72e0ff74a96278615c55871a86883ebc8ad5', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown }),
+            h("div", { key: '28e258290e650ae336b348bc8ff5d749100438f0', class: "actions" }, h("limel-button", { key: 'de6ca7d3594dd64897a8589c5e2fc04e7f0b623e', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'be505a063196c20992e4918fa60d1d0bcd0b40d5', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
     static get is() { return "limel-text-editor-link-menu"; }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js

@@ -246,7 +246,7 @@ export class ProsemirrorAdapter {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: '1d27dcbd164b5ad8bfb0f84a515b0898b82f8065', onFocus: this.handleFocus }, h("div", { key: '622f4a64560e1bb1f6f7b99aaf8473b7234ea026', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '7b35a08b74fd562be3d626db5133110b135ba0e8', onFocus: this.handleFocus }, h("div", { key: '820b11f0a4e475c6a91b4569886d955d38107b46', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/collection/components/text-editor/text-editor.js

@@ -142,7 +142,7 @@ export class TextEditor {
         this.editorId = createRandomString();
     }
     render() {
-        return (h(Host, { key: 'fc1ed446943af3b38407273c6415af76dbbb6a58' }, h("limel-notched-outline", { key: 'c6ada9e2121ea761ed2773a05a7b733d5362e33f', labelId: this.editorId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (h(Host, { key: '1115f9ddf6545702dc6c99cbde8ae8b1ab96ac06' }, h("limel-notched-outline", { key: '476e1210b9d10e7061fbb81235300a56260b4515', labelId: this.editorId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {

package/dist/collection/components/tooltip/tooltip-content.js

@@ -18,7 +18,7 @@ export class TooltipContent {
             };
         }
         return [
-            h("text", Object.assign({ key: 'fafc5e09cabff7714c6ff3f962c75371fa688689', class: { 'has-column-layout': isLabelsTextLong } }, props), h("div", { key: '23b24f6a3d0713721dc1b99e6b2b56ef31353e0c', class: "label" }, this.label), h("div", { key: 'eab1beacbefb439a662e842f8b93c83a173ffa78', class: "helper-label" }, this.helperLabel)),
+            h("text", Object.assign({ key: '3d96f1730668d689661312967b858e93497699c3', class: { 'has-column-layout': isLabelsTextLong } }, props), h("div", { key: 'd1bad177a97b5f57011aaa7691d8ef99b6dfe3ee', class: "label" }, this.label), h("div", { key: '6b593758bc01dd59b6b192cf000bc1dfbe9db3b2', class: "helper-label" }, this.helperLabel)),
         ];
     }
     static get is() { return "limel-tooltip-content"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -78,10 +78,10 @@ export class Tooltip {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: 'e7c7bdf3927b4e62b8aeea01db9322a1af15be44', class: "trigger-anchor" }, h("limel-portal", { key: 'cfeab6c990e3a88ed7c7cc127f153413e089ff0a', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: '9b3cb71f61c465c196d4beb767297478efe7855d', class: "trigger-anchor" }, h("limel-portal", { key: '36d2dc1ec350e199face794b8100983dff284f29', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '1fd936e5f297f30e11740c9e9f0c43fe6fe5f19a', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '5584b033478721872c759f59a7f442d2d032dea4', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaLabel() {
         var _a;

package/dist/collection/translations/da.js

@@ -76,6 +76,35 @@ Du kan fortsætte med at blokere billeder (e-mailen kan se ufuldstændig ud) ell
     'ai-avatar.thinking': 'tænker',
     'table.select-all': 'Vælg alle rækker',
     'table.select-row': 'Vælg denne række',
+    'code-diff.table-label': 'Kodesammenligning',
+    'code-diff.no-differences': 'Ingen forskelle',
+    'code-diff.no-differences-found': 'Ingen forskelle fundet',
+    'code-diff.copy-old-version': 'Kopiér gammel version til udklipsholder',
+    'code-diff.copied': 'Kopieret!',
+    'code-diff.copied-to-clipboard': 'Kopieret til udklipsholder',
+    'code-diff.copy-change': 'Kopiér gammel version af denne ændring',
+    'code-diff.search': 'Søg i fjernede linjer',
+    'code-diff.previous-match': 'Forrige match',
+    'code-diff.next-match': 'Næste match',
+    'code-diff.close-search': 'Luk søgning',
+    'code-diff.no-matches': 'Ingen match',
+    'code-diff.match-count': '{ current } af { total }',
+    'code-diff.hidden-lines': '··· { count } skjulte linjer ···',
+    'code-diff.show-hidden-lines': 'Vis { count } skjulte linjer',
+    'code-diff.expanded-lines': 'Skjulte linjer udvidet',
+    'code-diff.expanded-lines-end': 'Skjulte linjer i slutningen udvidet',
+    'code-diff.line-added': 'Tilføjet',
+    'code-diff.line-removed': 'Fjernet',
+    'code-diff.line-context': 'Uændret',
+    'code-diff.old-line': 'Gammel linje { number }',
+    'code-diff.new-line': 'Ny linje { number }',
+    'code-diff.diff-addition': '{ count } tilføjelse',
+    'code-diff.diff-additions': '{ count } tilføjelser',
+    'code-diff.diff-deletion': '{ count } sletning',
+    'code-diff.diff-deletions': '{ count } sletninger',
+    'code-diff.old-heading': 'Original',
+    'code-diff.new-heading': 'Ændret',
+    'code-diff.diff-summary': 'Diff: { parts }. Brug piletasterne til at navigere.',
     'profile-picture.remove': 'Fjern valgt billede',
     'profile-picture.unsupported-preview.title': 'Ikke-understøttet billedformat',
     'profile-picture.unsupported-preview.description': 'Vi kan ikke vise det valgte billede i denne browser. Vælg venligst en anden billedfil.',