@limetech/lime-elements 40.9.0 → 40.10.0

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

@@ -111,10 +111,10 @@ export class ActionBar {
         if (this.actions.length > 0) {
             overflowActions = this.actions.slice(this.overflowCutoff);
         }
-        return (h(Host, { key: '71acb52e4f9d3cf1303c0dbb71b97c60ccf6fd76', "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : translate.get('action-bar', this.language), class: {
+        return (h(Host, { key: 'e640a88791dcb0eedb27e7fdc446b9e2de4d3abb', "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : translate.get('action-bar', this.language), class: {
                 'is-full-width': this.layout === 'fullWidth',
                 'is-floating': this.layout === 'floating',
-            }, role: "grid" }, h("div", { key: '008912758ba53bb232c19b54032bbd87f009b4c2', class: "items", role: "rowgroup" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
+            }, role: "grid" }, h("div", { key: '419affc9dade0b73c308af4f824d8407ac76adc6', class: "items", role: "rowgroup" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
     }
     isVisible(index) {
         return index < this.overflowCutoff;

package/dist/collection/components/ai-avatar/ai-avatar.js

@@ -140,7 +140,7 @@ export class AiAvatar {
         if (effectiveVariant !== this.variant) {
             console.warn(`limel-ai-avatar: unsupported variant "${this.variant}"; falling back to "minimal".`);
         }
-        return (h(Host, { key: 'eb01855b1ae021bf0f4dce8c0f30581c394fc6ef', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
+        return (h(Host, { key: '7983a4ee0c5c0ad154b434e101e8a828f75aea36', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
     }
     getHostAriaLabel(mode) {
         const baseLabel = this.getTranslation('ai-avatar.label');

package/dist/collection/components/badge/badge.js

@@ -10,9 +10,9 @@ import { abbreviate } from "./format";
  */
 export class Badge {
     render() {
-        return (h(Host, { key: '4de1c13bb754968d56ba0648089bd9a3c4b5d1af', title: this.labelIsLarge() ? this.label : '', class: {
+        return (h(Host, { key: 'b56fd3ddacb7d7c61ce378459cab3f91372ba188', title: this.labelIsLarge() ? this.label : '', class: {
                 'has-large-label': this.labelIsLarge(),
-            } }, h("span", { key: '360b7dccadff48dd9b9cf9894c86910d7b90d7f2' }, this.renderLabel())));
+            } }, h("span", { key: '8f525a884ec3eb1fa0eb25e413d3fa5d145637b4' }, this.renderLabel())));
     }
     renderLabel() {
         if (typeof this.label === 'number') {

package/dist/collection/components/banner/banner.js

@@ -20,7 +20,7 @@ export class Banner {
         this.isOpen = false;
     }
     render() {
-        return (h("div", { key: '13289f08089e4f089f212383c14b72825ca25e79', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'e8889dd2afa2f85f3755d6cf25a9a6b060152941', class: "lime-banner__surface" }, h("div", { key: '0ebc39c7f2e0f241c770347296be2cdd79a84b49', class: "lime-banner__content" }, h("div", { key: 'eb5691b0816dc572d79e634e9d44edab8d1edab6', class: "icon-message" }, this.renderIcon(), h("div", { key: '41b718b2fd9d2a2a3ea0c8179a66d860cf266b15' }, this.message)), h("div", { key: 'acb1e0ceac51a5446d0441b0c05cd7a13d1e3f72', class: "lime-banner__actions" }, h("slot", { key: 'fcd2396ffe9f3c4f3f6750253122c10bae3623ca', name: "buttons" }))))));
+        return (h("div", { key: '7eed4752f08d518573c751e438c965719c0d9d20', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: '4022b7958715c4cd46315781376a6e88a1e6cd80', class: "lime-banner__surface" }, h("div", { key: '3c0903a0b01d3628afea51601aeaff458f91f125', class: "lime-banner__content" }, h("div", { key: '31c872703758fad2768ce5ce80422e271e30da78', class: "icon-message" }, this.renderIcon(), h("div", { key: '99f4756b2fd9333768efa22f8e5d6484fe240c05' }, this.message)), h("div", { key: 'e26c837a5dea983e198fcaccb4307fb4450d52b2', class: "lime-banner__actions" }, h("slot", { key: '92f9551eb914b94b07282f382e81767a1a90efb8', name: "buttons" }))))));
     }
     renderIcon() {
         if (!this.icon) {

package/dist/collection/components/breadcrumbs/breadcrumbs.js

@@ -90,7 +90,7 @@ export class Breadcrumbs {
         };
     }
     render() {
-        return (h("ol", { key: '90915e820a8b7a4cbf13d06b14726c351a6da4b5', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
+        return (h("ol", { key: 'e2a58896d570d6aeb5b854675cc78abb8e0c7e10', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
     }
     componentWillLoad() {
         makeEnterClickable(this.host);

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

@@ -66,12 +66,12 @@ export class Button {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: 'e93ab42db5212170ff86c8c2a5f5b8e63c57ba91', onClick: this.filterClickWhenDisabled }, h("button", { key: '4c53bd6a15635afc55635c677404828bb94115da', class: {
+        return (h(Host, { key: '0c29dc9e776e7f8847c3c2b72c901f4c48614fe7', onClick: this.filterClickWhenDisabled }, h("button", { key: '4b4ce07c60d70ee0586ede555a354f44a8c28502', class: {
                 loading: this.loading,
                 'just-loaded': this.justLoaded && !this.loadingFailed,
                 'just-failed': this.justLoaded && this.loadingFailed,
                 outlined: this.outlined,
-            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: 'bbfdda5c889727f50bea9a5f27442afc1a53c347', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
+            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: 'ec49bd0ef8920fd33b6db0d5e7b1569f756c5eeb', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
     }
     loadingWatcher(newValue, oldValue) {
         const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);

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

@@ -65,7 +65,7 @@ export class ButtonGroup {
         this.setSelectedButton();
     }
     render() {
-        return (h(Host, { key: '9bb63bb91ee69fd4776a86d16ef36ed6653fe4b6', role: "radiogroup" }, this.value.map(this.renderButton)));
+        return (h(Host, { key: '0a5911ea0a61af38396429207d8b1089b76ad54d', role: "radiogroup" }, this.value.map(this.renderButton)));
     }
     renderButton(button) {
         // Prefix with 'b' because html IDs cannot start with a digit,

package/dist/collection/components/callout/callout.js

@@ -42,7 +42,7 @@ export class Callout {
         this.language = 'en';
     }
     render() {
-        return (h(Host, { key: 'ddc015eda0b634de30943dd46f558e9a22178947' }, h("div", { key: '4b99ac3cb7c04695722b7ccc02112b6cb0a93cbf', class: "side", role: "presentation" }, h("limel-icon", { key: '7909ecad8de51938085e4d4e3ebebde8e40ac2bf', name: getIcon(this.icon, this.type) })), h("div", { key: '6edb1484b65dd185f38746f0f98f8004fcaadbbf', class: "main" }, h("h1", { key: '7bda16bedf50947c55ef10b3c6e24389fc738117', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '09b4acf6a2d87acbb51ed47ba58cf4b026e818fe' }))));
+        return (h(Host, { key: '75e504d202310d31d4a7b854d31a9ed295f93e83' }, h("div", { key: 'c5a37db532c8778174edec1d70fd2c99dd9d1318', class: "side", role: "presentation" }, h("limel-icon", { key: '1c58e025e1b922e2f77eca3da333a5facedddbc7', name: getIcon(this.icon, this.type) })), h("div", { key: '6d63facb76ebed8131a3e8f326b090b15c39f385', class: "main" }, h("h1", { key: 'cfbbc6fb6eafbf9cb3fcddb558a700e963846d1a', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '4ad48050ecf5c5577b3cdcb1f4928d3b69348425' }))));
     }
     static get is() { return "limel-callout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card/card.js

@@ -119,7 +119,7 @@ export class Card {
         this.setMarkdownElement(this.markdownElement);
     }
     render() {
-        return (h(Host, { key: '4e496b56cdab851ab0f002e18f6c5d86be22b5f0', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: 'a4d804f65b3991e0e328f6ea178e5b2f46e442c6', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: '16b92c4f9edf683d03127508aeff3650c16b2abf', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: 'b2da47d92903869e46196bd2eaf05e259ce1abff' }))));
+        return (h(Host, { key: '39e949f12412df4052b268e0dba9893b72b42fa7', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '3d3be31c7e11482c9f43bac06dddb7f3a845e8b9', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: '0e442d9d05d178440a311eaa54e6a41fcaac5fca', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: 'e533629a6b32e854afcdebddf9682919b1300c47' }))));
     }
     renderImage() {
         var _a;

package/dist/collection/components/checkbox/checkbox.js

@@ -133,7 +133,7 @@ export class Checkbox {
         this.destroyMDCInstances();
     }
     render() {
-        return (h(CheckboxTemplate, { key: '3c6dfd5ba4a5b93d470b28e754c6c18dffd53c11', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.inputId }));
+        return (h(CheckboxTemplate, { key: '18293e7965b6b90f5ddf535d777f1881d065ea72', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.inputId }));
     }
     static get is() { return "limel-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/chip/chip.js

@@ -176,7 +176,7 @@ export class Chip {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: '9d3e6d04feadd8ce09a34eabc47d0d5648f1df6b', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
+        return (h(Host, { key: '7d2c6296cbae87c77939c47ecf6244604a7f79bd', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
     }
     renderPicture() {
         var _a, _b;

package/dist/collection/components/chip-set/chip-set.js

@@ -292,7 +292,7 @@ export class ChipSet {
             });
         }
         const value = this.getValue();
-        return (h(Host, { key: 'd41420c02e1907dce3a05fbbe1dbc68866fa6eb2' }, h("limel-notched-outline", { key: '18bd2cdc4bf86875a839a1c508782850c3608e1c', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, h("div", Object.assign({ key: '9217477e8ff9ea83ab9b2f172b28f8eea5a3320e', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
+        return (h(Host, { key: '6a9ed9bfe71387485f520c318b3d49effcf0f85c' }, h("limel-notched-outline", { key: 'aad5cf7264834ec8a4afeaade8d37bf599798303', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, h("div", Object.assign({ key: '91ff61bece550868ee593234cf23a8fdfb37350b', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
     }
     getContentProps() {
         if (this.type === 'input') {

package/dist/collection/components/circular-progress/circular-progress.js

@@ -60,7 +60,7 @@ export class CircularProgress {
         };
         const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';
         const value = Math.round(this.value * 10) / 10;
-        return (h("div", { key: 'c4d09437d38d219716e38e08f52cfea7b58769ff', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), h("span", { key: 'f30babc1921c94b3d61456ab5d2e507af145dab7', class: "value" }, abbreviate(value), h("span", { key: '0706ea08bb17d11d49218c32d3ab47e0d5ac8e89', class: "suffix" }, this.suffix))));
+        return (h("div", { key: '4f8f013a605075bc3e1cafb9edd41a31fc4bcb4b', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), h("span", { key: 'a2b0076dbab6c11ee7410f7637d18b5d34077ceb', class: "value" }, abbreviate(value), h("span", { key: '18c06765eae7ac95347cef0dfd9cabf12f4f2c62', class: "suffix" }, this.suffix))));
     }
     static get is() { return "limel-circular-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/code-diff/code-diff.js

@@ -117,7 +117,7 @@ export class CodeDiff {
         // Capture total matches after rendering completes
         this.totalSearchMatches = this.searchMatchCounter;
         const lineNumberWidth = this.computeLineNumberWidth();
-        return (h(Host, { key: 'd7d3296359c35867f354c7eecb42c76cf7d9c2cb', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: '07b3433f319a0d39cdce53e916770fb6b477b0dd', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: 'd4073f339c20ade38f788c644a0f14d055a82099', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
+        return (h(Host, { key: '13e3760d20dc968eb4a544fa8f440e7da85c00ea', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: 'b88c8d9f1d6290eb8d442b4015f7fdb89d6ea2c9', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '8d63b99fb744892f49db1ba8d394353bc1a759b0', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
     }
     watchInputs() {
         this.recomputeDiff();

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

@@ -251,7 +251,7 @@ export class CodeEditor {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (h(Host, { key: 'd3da6ac9cbe13e78b2d45b1c17ff03769f381089' }, this.renderCopyButton(), h("limel-notched-outline", { key: 'e115d7334648538fb35f124d39adcef572928a16', 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: 'e5b274126bbd4b5606ac3ee70226646ef0dbe8c5', slot: "content", class: classList })), this.renderHelperLine()));
+        return (h(Host, { key: '184f26afa1c867d86ba5a36d877e38be4a4263f3' }, this.renderCopyButton(), h("limel-notched-outline", { key: '42e0a2a1790d22f1ad28cacd7c9f948f8328d9cb', 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: '3f107668ca36f1bb3c86e238ffe2e86ef1205e22', slot: "content", class: classList })), this.renderHelperLine()));
     }
     forceRedraw() {
         // eslint-disable-next-line sonarjs/pseudo-random

package/dist/collection/components/collapsible-section/collapsible-section.js

@@ -111,7 +111,7 @@ export class CollapsibleSection {
         removeEnterClickable(button);
     }
     render() {
-        return (h("section", { key: '807611ee422e33a8bf5c4e81420e9732dd2afae9', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '5c443243692de265960d4059ac52611b24021488' }, h("button", { key: 'c2061fbcb7195c59f353311993cbf397327c2a7a', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: 'faf8794a7422a1e3b073bd823c716cb6bc0d4985', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '3011e5ef7625cca66d4d12187f71c4cb2c102ae1', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '6a4495b89228c1333ed782f6c9fe4af1fe59ba34' }))));
+        return (h("section", { key: '392e1bffb71032613a58bfd44be360ad5feb1562', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '1ca781122b0e6a211c6e12bfdd5aba15ed3b6769' }, h("button", { key: '154e1b372e62b3451cbd298e3d2be732ab573bc5', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '8454716fb737daa803371cd306a6e295354aef97', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '0f7512b72aae26ffaf6dc862d5377c120a4e8758', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '36eae40684e97805634690b668ed11c306a1253f' }))));
     }
     renderHeaderSlot() {
         return h("slot", { name: "header" });

package/dist/collection/components/color-picker/color-picker-palette.js

@@ -39,10 +39,10 @@ export class Palette {
     render() {
         const background = this.value ? { '--background': this.value } : {};
         return [
-            h("div", { key: 'd1aa9d71db15ffd1dcdf9d9ee02fc32994823da1', class: "color-picker-palette", style: {
+            h("div", { key: '3832db244fa668ef6b78e211b69c6e7bab53ec77', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            h("div", { key: '672f283279af600b1d916117758881e06c50c262', class: "chosen-color-name" }, h("limel-input-field", { key: '2ff6619dc30e22e6702e6f62f1c37e2ae7fb6c73', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '627939eb427bab51bb79f427deedcffb4ff3b436', class: "chosen-color-preview", style: background })),
+            h("div", { key: 'b082ed6dd12f6eafbfc4c8870cf860dbb5579506', class: "chosen-color-name" }, h("limel-input-field", { key: '024ce76b65357da456390953e0c68248b8a3c729', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: 'bc2f938c3eae4e39aaaa416d286e2e053f6ae64c', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

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

@@ -87,7 +87,7 @@ export class ColorPicker {
         (_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '21a178b66e44ec92e371d45c83eb92ba449252b1' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: '3cd84c7f4db763047cc3fdf7497a3de5290238d7', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
+        return (h(Host, { key: 'cf7bd266bdf2f3351616467e24dc2be249f258da' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: '54acaedf89d52d5f1dd7c9e2c794e216539dfd82', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
     }
     static get is() { return "limel-color-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js

@@ -96,7 +96,7 @@ export class DatePickerCalendar {
         });
     }
     render() {
-        return (h("div", { key: '7e048e91687bf7ede4147a08304b22ff6f6e10c0', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: 'a1e6de699055b7bd6c86eb194ff3ce756d9b4834', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translate.get('date-picker.today', this.language)}"`,
             } }));
     }

package/dist/collection/components/dialog/dialog.js

@@ -84,10 +84,10 @@ export class Dialog {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: '4886b11c840da8520cddf9ab1a0921ce8a5ca637', class: {
+        return (h("div", { key: 'd8827ca3327d18f6d52d0e3a1f4aa09046dde8e2', class: {
                 'mdc-dialog': true,
                 'full-screen': !!this.fullscreen,
-            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: '214a87734409c358c9859192eba63939e752837b', hidden: true, id: "initialFocusEl" }), h("div", { key: '68a0b649fe6a2f9bc726c468ffd3194ec51e86e8', class: "mdc-dialog__container" }, h("div", { key: 'c286666a1af4980dfbe6b06e4792503f859cb2d8', class: "mdc-dialog__surface" }, h("input", { key: 'f4b4b585282feeab427f31fee0a59e9e43db9ddb', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '97a6ce8610e39c63371b84757c561d13a4dae8ab', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '73f7a89738a19675289da0cf100bce48908ba54c' })), this.renderFooter())), h("div", { key: 'e4e6b9f7ea833f43f7aa65db1d278dc81806ef06', class: "mdc-dialog__scrim" })));
+            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: '941dc7a8d6c779912c5bd0bfe85c8ed2542fb438', hidden: true, id: "initialFocusEl" }), h("div", { key: '435969f643d7ab2f3274981ec3b7125de73a0eda', class: "mdc-dialog__container" }, h("div", { key: 'e9284f9a13ef6aa37742f38fe3f17cf35ce7647a', class: "mdc-dialog__surface" }, h("input", { key: 'c930e13c55db2aa081be7f3c8a7f9ba48bf4e636', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '8967a34e50cd285c5c91749fd254f96c7b6b6a25', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: 'aeb23f666f0724cf1f9b283a210387bd9431d65e' })), this.renderFooter())), h("div", { key: '11d4a090d5fb0a38ff893825453034b858430ab0', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue || !this.mdcDialog) {

package/dist/collection/components/dock/dock.js

@@ -94,11 +94,11 @@ export class Dock {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: 'e65453b3695262055614dbfa5ed8661dc01ec453', class: {
+        return (h(Host, { key: '42483e781906b34b452ce608280a4c9413c7ef8b', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: '53e89c37b752969184959043fe790fa481acb464', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: 'fe46daba5b59ad2103b543f7bc07238c7e1bcc90', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
     }
     renderExpandShrinkToggle() {
         if (this.useMobileLayout || !this.allowResize) {

package/dist/collection/components/drag-handle/drag-handle.js

@@ -51,7 +51,7 @@ export class DragHandleComponent {
     render() {
         const tooltipLabel = translate.get('drag-handle.drag-to-reorder', this.language);
         const ariaLabel = translate.get('drag-handle.drag-handle', this.language);
-        return (h(Host, { key: 'c315460d24dc77db9aa84d6c7db94b0aff0d04fa' }, h("button", { key: '4b1b29c9937bf15335ad67c99b14b40ff0c11c94', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '920d6d0d09d81908e98db8624da6a9bc34e09bd7', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: 'fa9e84778a57dbb6186de4a18c66d30b8c711417', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (h(Host, { key: '7ec003311284f01a8ab6fcfa681b859d80c751c9' }, h("button", { key: '6c8eecad5a1ee902f8cde0d582a7f61881186516', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: 'ff1b68465914660147a3813950ca89e8aefd3579', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: '6e4858827eaf55787d5a30a1842c4ec8f106b158', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
     static get is() { return "limel-drag-handle"; }
     static get originalStyleUrls() {

package/dist/collection/components/email-viewer/email-viewer.js

@@ -75,7 +75,7 @@ export class EmailViewer {
         }
     }
     render() {
-        return (h(Host, { key: '1039e0b6331706b0a075d87c6156e2acd869e977' }, h("div", { key: '88dedb9af5a2d7a9870d484a23b649eae726633f', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '107a24b3cb6199b79ce19331f2660d72854e06ce' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: 'f28d5f5b43643c9bb0ce9640d4d774d36e87e5ba' }, h("div", { key: '33383fce3618029de03eab77b920c8ba7784ee76', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '64141b9920deaf952f80db9f65a7627bb36aefd9' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

package/dist/collection/components/file/file.js

@@ -154,7 +154,7 @@ export class File {
         this.resizingFile = undefined;
     }
     render() {
-        return (h(Host, { key: 'dfaf1d7c9ddb1a8e960547db042402fa690dc829', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'a3ebe9b925c2e13ad1b87aa3f3a948b05e6b7473', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
+        return (h(Host, { key: 'ecfb98bb1d97078de666e3b92649cf17241ea533', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'f41a99e5614efacf6428eef83f5567db10ca7c94', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
     }
     get statusText() {
         var _a, _b, _c;

package/dist/collection/components/file-dropzone/file-dropzone.js

@@ -90,7 +90,7 @@ export class FileDropzone {
         };
     }
     render() {
-        return (h(Host, { key: 'e9f43878405c9d969b0825e55322ae95b8770db1', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '39087bebe8f40c34b3905891d22c3f9a585e4824' }), this.renderOnDragLayout()));
+        return (h(Host, { key: '5323ec725e0f49a0d10879955fe0c09fd4d54880', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'ffbf75fbe962bfc3db501cced37dc9c56e8a9092' }), this.renderOnDragLayout()));
     }
     static get is() { return "limel-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

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

@@ -72,7 +72,7 @@ export class FileInput {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: '38213e8f3e58a565368415e61fce7fcc44975848', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '1f75283470841c3821f601959038c31c72322f57', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '4509934962cbfddb994329102f80c4abe0879d63' })));
+        return (h(Host, { key: '3f50f6c3dd1b0111be466ddb5fbd1feac8760159', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '1c3b89baf7511a4de2b32543ee77135a58a7ecbe', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '857a60a5108c6b179537270e0be02bb7009f294c' })));
     }
     handleKeyDown(event) {
         if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {

package/dist/collection/components/flex-container/flex-container.js

@@ -31,7 +31,7 @@ export class FlexContainer {
         console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
     }
     render() {
-        return h("slot", { key: 'b198feb938d5eb26cf1f96aa6cbfd412c843a3b1' });
+        return h("slot", { key: '791a96736443febd2103b7aeb1437299b103be80' });
     }
     static get is() { return "limel-flex-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/form.js

@@ -87,7 +87,7 @@ export class Form {
         this.initialized = false;
     }
     render() {
-        return h("div", { key: '843ccbe06e291ffa1958da88634f4aee41007f2b', class: "root" });
+        return h("div", { key: '9c5db05ffcc594473a3ca7b2e3962f1659d3601d', class: "root" });
     }
     reactRender() {
         if (!this.root) {

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: '4928fa4c63f2db778bde762470299c8bf05952b3' });
+        return h("slot", { key: 'fcc80e1ddf56068650e342120441027bce5263b5' });
     }
     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: '77afcbc01f9ba4c71ad2aec82114564de1cfd591' }, h("div", { key: 'd20b369bd1ae5e472afeee2b6f1bed0c17eacb87', class: "information" }, this.renderIcon(), h("div", { key: '91e5a5aea8fad80316b890e88594da6aa8183182', class: "headings" }, h("h1", { key: '4477c5c6a2f134e98c8aaa4e9716399a4496e09a', class: "heading", title: this.heading }, this.heading), h("h2", { key: 'd81bd39f801ade017cd84d308141041faad4e33b', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '7f1e532fb88771ecd3ab52c5581528e3aa7a14e4', name: "actions" }, h("slot", { key: '5cafb4367e7e9fed6dc3bffb17b4a310daec0c6a' }))));
+        return (h(Host, { key: 'e90e33e08296a0215db2467226e09da918df2e89' }, h("div", { key: '82c18d96c84e78109a38add09df18b0b8b6dd0e3', class: "information" }, this.renderIcon(), h("div", { key: '16e17dfe84b683aece74dafd2ab6a9c433014959', class: "headings" }, h("h1", { key: '1dc86af4d544af7d610442f05fb88c24cc3bb969', class: "heading", title: this.heading }, this.heading), h("h2", { key: '8dcec7cba249b55b543025e7484e3b5cf6b2a6d8', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '589ab97c6f9574b84e785ff79c57ecccd51a633d', name: "actions" }, h("slot", { key: '5c1b4d222d5200690917c7a25ef7bb7565d07ef5' }))));
     }
     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: '5c4eb2e9819635fb321c9544044521218677b2f6' }, h("limel-markdown", { key: 'bf231a4673cc49263838a41e0469636755df5772', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: 'dd9facb6511b80349bc2da0b226bb660b6d90027' }, h("limel-markdown", { key: 'e74f0a9a0321bfb0fb16544c39b0c05c736e0d8b', 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: 'ea89d810cf9e7406a4a299eb98d9470c758d82ec' }, h("limel-popover", { key: '3693e98650f4d94fef1abd8a033dac0cf12906d7', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '34db4bb7f2c61377b6068f14105d0e6a88fc827e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (h(Host, { key: '0a59bc47d2f8281466fb478804656d4d69707293' }, h("limel-popover", { key: '4fbb9cc254d7d8428dac179dfecdec15589646cb', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: 'b15e2219cb9850fc571d6b2441e2efa999ae3c2d', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: '5e50557a652e842bf9846738b1aae1df63d55755', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: '38e1a3222de220e2da82cf0cfc6e7885d7af0c6d', 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: '9fe6acba5a79d706deec8353cdb761565269ab0c', tabIndex: -1, class: {
+        return (h(Host, { key: '69872d6dcdbecf1d703a9fb441f118f9389596bc', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '8cec25fd07c608ee5bbbd97af8d3276d124efa64' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'bf63441b2481b1d91fae50d7f85630e361fb2089' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
     static get is() { return "limel-helper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hotkey/hotkey.js

@@ -32,7 +32,7 @@ export class Hotkey {
             .map((p) => p.ariaName)
             .filter(Boolean)
             .join(' ');
-        return (h(Host, { key: 'dd8bc8134560dae3014e6ab5ab6eadeaa0bb6a4e', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
+        return (h(Host, { key: '91e09b5c874135ac3473c995ffce864a1cf8a9d6', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
     }
     static get is() { return "limel-hotkey"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class Icon {
         this.loadIcon(this.name);
     }
     render() {
-        return h("div", { key: '3e5dc80a0e19e21988169509b33685bdb3005f1d', class: "container" });
+        return h("div", { key: '6d01432082e0272137562dd22ab309b75ce95504', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

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

@@ -52,7 +52,7 @@ export class IconButton {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (h(Host, { key: 'e2fa10697beccc59cb8f332695e445522391649d', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '2dc00d1341e9a458f5a7d060abd777c29cd333e0', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: '0c2536bf5d9628ed72bc55ed768c4e5eb6396b68', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '3c18c8f45209887df5c4f76ec635839f3cc147ab', "aria-label": this.label, 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

@@ -127,9 +127,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: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'd6c9828fa7aaea462e9fefaad921da51b2376738', 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: 'a21ede478dc485edad5648d167cb5168a8560c85', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, 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: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '753e0576a88b10a3a981e0e46ba266266d84aec6', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '0d125992ed03f4aedcc8b82d47929bd45a268c80', class: "value-group" }, this.renderPrefix(), h("div", { key: 'bde1b5e9cd8fe539d29f267d8b1675bcbc8dbe0b', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '6263b7a134238981c5ce6cdc5dc4321cc7ac43d1' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -597,7 +597,7 @@ export class InputField {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (h(Host, { key: 'f75582060395fe9167939a30d0fb07a89d225cf2' }, h("limel-notched-outline", { key: '85e40d1ceee2efb56a7175f090b876b6514a41cb', 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: '683ee7c3e879a07f590ac27e8056489cb626b36f', 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: 'd12c660cb9aad1bd47680672e632287aba8dd97e' }, h("limel-notched-outline", { key: '91b34653b223e956a6218de02c7f6670a1fe1857', 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: 'd55df49d702b0bf8938304512b716e82b3d3e348', 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 || this.changeWaiting) {

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

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

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

@@ -158,9 +158,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: '005e6e5fa87bab94b1d3c00970ed4efff409de1b', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '628910c7216db5d7580fb139475210d0a05c55db', 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: '351438e788b747b86a9700ab1a8c700532aee409', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'acb5d43d2690515d88146b5592a9bfd32225ab88', 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

@@ -22,7 +22,7 @@ export class MenuItemMeta {
         this.showChevron = false;
     }
     render() {
-        return (h(Host, { key: '6dbc3a71962933c5cfdf415096e41f90e84e7740' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '468078fa475182bea0474fa0806bd54bb00db4c6' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

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

@@ -170,7 +170,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: 'a1883ae4c80a775bc1dbdd9f2b993ab4af8c4cba' }, h("div", { key: 'd8a1cd8f5a102a209fa89f8baf0b08912ead1059', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/collection/components/masonry-layout/masonry-layout.js

@@ -59,7 +59,7 @@ export class MasonryLayout {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (h(Host, { key: 'eac58da6cc41749eaaae8ca78d9940132c632fba', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: 'c551e446908efa397c665301f121a02c2efb068c' })));
+        return (h(Host, { key: '4739b8085adca277a42f36478b1692970e2a8675', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '14290465ddb5ea67ff9d2883904f3298900151ee' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

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

@@ -593,7 +593,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: '53dad76785873b9673e15413e2c2f6d3b7253725', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '13bb5f53e6e13101a8ecbb18dbc4df4d74ac5f27', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'cb64f614e55158e1b3d49fe9111e8c4ad36794b1', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: 'bfe7f53832ac43ec7b0e60f8dd7ac385d0ea3f14', 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: '4297bd7cef14f8cc64e76b855bb816cd957ae777', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '5b9d29a6a872c56d0473dc1b758275c1061d29e9', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: '4df2b9dee190c430c66697fc28834f4b2e648d93', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: 'a09c1a6ebcaf9faadbf05de1c3d901e391249de3', 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.js

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

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

@@ -103,7 +103,7 @@ export class MenuSurface {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (h("div", { key: '9bc341ae3ec547e20c882d282cfeb8e876ef067a', class: classList, tabindex: "-1" }, h("slot", { key: '81a18040d209809e41d20d2d37b1a657b8e07c33' })));
+        return (h("div", { key: 'ad7c084b7ac99d8837f0641eb2d1da16cf54866a', class: classList, tabindex: "-1" }, h("slot", { key: 'ddba9bf6dca376d72801e0feb5548bbd0e767d61' })));
     }
     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: 'dc6355aacb61f03ab180b619bd8a619cd2c80cb4', class: "limel-notched-outline" }, h("slot", { key: '49297b4ac7c981f840c359a7f536e57f9a92b91f', name: "content" }), h("span", { key: '78018e75d6e77cbd0ca235d5036d29f9360fe2d0', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: 'ae1aaa6291a429db8f376a68609241c2701c6c80', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'd86779e2e34c5bd4138d3d47d127b73af95456d0', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (h("div", { key: 'a7d059bafca0519edd93c90daad620131d3fbdd0', class: "limel-notched-outline" }, h("slot", { key: '2498cc520769655fe0445ff58bd782e5ccfb857f', name: "content" }), h("span", { key: '8946f7b280ee76331b6ac66e4b212ea8a3aa567c', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: '096357fb61dddafd811669d36d910dfd753fcc1e', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: '37460f34ac2cd82360a0a3bd6cba015133d64516', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {