@limetech/lime-elements 39.34.0 → 39.34.2

package/dist/cjs/{render-list-component-DgRQ8H3v.js → render-list-component-DAV1Dyg1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 
 /**
  * Renders a `ListComponent` as a JSX element.

package/dist/collection/collection-manifest.json

@@ -82,9 +82,10 @@
     "components/tooltip/tooltip-content.js",
     "components/tooltip/tooltip.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.1",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/3d-hover-effect-glow/3d-hover-effect-glow.js

@@ -16,7 +16,7 @@ import { h } from "@stencil/core";
  */
 export class HoverEffectGlowComponent {
     render() {
-        return h("div", { key: 'c8ef041030a8e8d6d02a7f434d2b5babe89c32bc' });
+        return h("div", { key: 'c2d6416ea7353fc433bce0c492a78bebc7b1739f' });
     }
     static get is() { return "limel-3d-hover-effect-glow"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/action-bar/action-bar-item/action-bar-overflow-menu.js

@@ -18,7 +18,7 @@ export class ActionBarOverflowMenu {
         };
     }
     render() {
-        return (h(Host, { key: '41087ef503f3cf6d0e113ce8c89b37d184d6db33' }, h("limel-menu", { key: 'd659a0a75e128ccc7c7c69a35b0141aa5f48a433', openDirection: this.openDirection, items: this.items, onSelect: this.handleSelect }, h("button", { key: 'e3ae308652d389b12e06656524ca0acf0f06c75b', type: "button", slot: "trigger" }, `+${this.numberOfMenuItems}`))));
+        return (h(Host, { key: '815fa0a643d25103be63b07893bcbdfae9a49830' }, h("limel-menu", { key: '1126a58f9330d84233bdd22c96f1e8af40e9734b', openDirection: this.openDirection, items: this.items, onSelect: this.handleSelect }, h("button", { key: '9097a8f2ef93ea3305091a3f36462b9259a53419', type: "button", slot: "trigger" }, `+${this.numberOfMenuItems}`))));
     }
     get numberOfMenuItems() {
         return this.items.filter((item) => this.isMenuItem(item)).length;

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

@@ -110,10 +110,10 @@ export class ActionBar {
         if (this.actions.length > 0) {
             overflowActions = this.actions.slice(this.overflowCutoff);
         }
-        return (h(Host, { key: '770a02d08ba8a05d243c8fc56f3eb370eb01001d', "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : translate.get('action-bar', this.language), class: {
+        return (h(Host, { key: '34dbdc5fa679da8c3f6db942b37083db11a40fa5', "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: '364647ea01493a1a3cbd9aa8eaa8c4b86db3dd20', class: "items", role: "rowgroup" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
+            }, role: "grid" }, h("div", { key: '595544ff2f772028a868cc9e0b9fe9ea83a98d32', 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: '4f295ac1477d48e2de9667e13f4323b3ffd3c572', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
+        return (h(Host, { key: 'a6f9446b7b85ef4b3d448089c1ce59e0d6ba8b01', 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: '7f1adcb2e0c107b5051edf494440bb6f9de386ed', title: this.labelIsLarge() ? this.label : '', class: {
+        return (h(Host, { key: 'ed3ea542b8d14a307a8e05e97325ec7ecf83ec84', title: this.labelIsLarge() ? this.label : '', class: {
                 'has-large-label': this.labelIsLarge(),
-            } }, h("span", { key: 'df4660640af1bbb733017b4ba1b55f83554ced38' }, this.renderLabel())));
+            } }, h("span", { key: 'f00427c98ea024a5ecee4d6fb7593105fabc95d9' }, 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: '12c3f872fb9236446d170c5ce126e691c2b485a9', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: '663cbe2e434376a36e3f39f8e5e7e22c03d3ab9f', class: "lime-banner__surface" }, h("div", { key: 'b9906b471bae7fa75ba3c4fd5756684a47957b59', class: "lime-banner__content" }, h("div", { key: '314b880eded739707ef7ce7f4a5cfff6dee51b17', class: "icon-message" }, this.renderIcon(), h("div", { key: 'ae51d13af3768d9347c5bcfa41a9cc05651f2eae' }, this.message)), h("div", { key: '268e5b1c02a83db8d7721b21c3eaaf399b68598b', class: "lime-banner__actions" }, h("slot", { key: 'a56bc343e0ddb83d1bfb238e9ca9d431de7c5da0', name: "buttons" }))))));
+        return (h("div", { key: 'cfe24857508935ebcb48b1526b5965060e71633d', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: '4fca5a056900b92828e37674d792b3dc4f60b26c', class: "lime-banner__surface" }, h("div", { key: '09795c599464163cfea5e5a9dc8e07dfa6323b56', class: "lime-banner__content" }, h("div", { key: '2eac37ebc84b55e076af6e371121cafdc46e3fc3', class: "icon-message" }, this.renderIcon(), h("div", { key: 'e9f5f088e31e989663414e65405870189c5a7d07' }, this.message)), h("div", { key: 'abcf0c660e2f56522c67e93cdcd8222422d717a6', class: "lime-banner__actions" }, h("slot", { key: '9df13ed8e33895f9a7d2b2c339b8dca083b4b67b', 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: '8d25beefb4884a5ca5f20685d93f26926811ddc3', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
+        return (h("ol", { key: '66f28dfd61493e4aa5d86b0d2434c2039fee4636', 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: 'be6719c7163fb832a762238007508a6eafc6a07d', onClick: this.filterClickWhenDisabled }, h("button", { key: '063a30533b1c01800aba6c39273d928d148180fe', class: {
+        return (h(Host, { key: 'bfebce6487fa10f139b35aa336d03088fea2ec4a', onClick: this.filterClickWhenDisabled }, h("button", { key: '713fe73f4559616ae72daef67abc14dc9b61cc50', 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: '57a6cba8077070a441eac95ce92c1d5101747485', 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: '00041ca5ff2020bda43f2514ea1c6522fe90a183', 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

@@ -61,7 +61,7 @@ export class ButtonGroup {
         this.setSelectedButton();
     }
     render() {
-        return (h(Host, { key: 'f9056c2bca25ea9fb9ab4654de5877e6f01265b0', role: "radiogroup" }, this.value.map(this.renderButton)));
+        return (h(Host, { key: '867ce929125e09bbe9f0862e6cb68ad10f90a768', 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: '5c8de23bc6a5feb2ec1ef2b49efb3989ccf3e589' }, h("div", { key: '358c89688ae542c3ae2c921ae5ad2cd186c8edb3', class: "side", role: "presentation" }, h("limel-icon", { key: 'a826f770da20612ecf4a339c010b7e47b388e15e', name: getIcon(this.icon, this.type) })), h("div", { key: 'c4856980a6e5ba4a5eadd995edf295e16032cb6c', class: "main" }, h("h1", { key: '87c1ff3a6910f6e0cc5790a739804ecb053853d7', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '1e86c6de27bc14aecab7bd6ba2e7ba7fadceddc0' }))));
+        return (h(Host, { key: '9b3680c41ef9f6e59a7c660fc369673184ee686f' }, h("div", { key: 'aebd8fe227720850d26a40e45a047333800cf0a8', class: "side", role: "presentation" }, h("limel-icon", { key: 'ec96ae40c53247284c01ddcf9071f9ed1b43b549', name: getIcon(this.icon, this.type) })), h("div", { key: 'fbb0f9464d322262bb9510f149fc39d1f3620d10', class: "main" }, h("h1", { key: '064760d55c61fc9f15d495a459651078e1752682', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '41f770334cf9e27a5005f8f74da966b83a6aa469' }))));
     }
     static get is() { return "limel-callout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,7 +115,7 @@ export class Card {
         this.setMarkdownElement(this.markdownElement);
     }
     render() {
-        return (h(Host, { key: 'bf776f0aa74e1269afe83c28c4ccfc534fed94a6', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '7bf9a7167fc42992c0395c3e5b200240c868510e', 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: 'dca5962ab2bc05f27aecf411a5ced7c844bfd73d', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '8d5541186963b436fac10d29d099ea2315300cac' }))));
+        return (h(Host, { key: '44bb83ce255cae492800db3f8283b928118700e8', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '9e9de67b83534b0d3bafa199adf03706ab3b9903', 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: 'be85792383afb78a9d8290283c248a6aebbaf636', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '6e6f191c5df43949be0655b5c4729274f99f67e7' }))));
     }
     renderImage() {
         var _a;

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

@@ -131,7 +131,7 @@ export class Checkbox {
         this.destroyMDCInstances();
     }
     render() {
-        return (h(CheckboxTemplate, { key: 'fe1809d29d34d1bcd3442a6b6633116488d0d3b0', 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.id }));
+        return (h(CheckboxTemplate, { key: 'f01c9a3786bfb88bbf4450fc4b96f48385e50cc2', 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.id }));
     }
     static get is() { return "limel-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -175,7 +175,7 @@ export class Chip {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: '33322062803d37bd242ceb4e1f8ea99e66aee76e', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
+        return (h(Host, { key: 'b8f705c07c6099b0a6dec51a0dd8b19e40385d9f', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
     }
     renderPicture() {
         var _a, _b;
@@ -625,15 +625,17 @@ export class Chip {
                 "mutable": false,
                 "complexType": {
                     "original": "Array<MenuItem | ListSeparator>",
-                    "resolved": "any[]",
+                    "resolved": "(ListSeparator | MenuItem<any>)[]",
                     "references": {
                         "Array": {
                             "location": "global",
                             "id": "global::Array"
                         },
                         "MenuItem": {
-                            "location": "global",
-                            "id": "global::MenuItem"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::MenuItem",
+                            "referenceLocation": "MenuItem"
                         },
                         "ListSeparator": {
                             "location": "import",
@@ -683,11 +685,13 @@ export class Chip {
                 },
                 "complexType": {
                     "original": "MenuItem",
-                    "resolved": "MenuItem",
+                    "resolved": "MenuItem<any>",
                     "references": {
                         "MenuItem": {
-                            "location": "global",
-                            "id": "global::MenuItem"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::MenuItem",
+                            "referenceLocation": "MenuItem"
                         }
                     }
                 }

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

@@ -291,7 +291,7 @@ export class ChipSet {
             });
         }
         const value = this.getValue();
-        return (h(Host, { key: '12f201f6cc74321894a330a48a9c59c35e286ccd' }, h("limel-notched-outline", { key: 'e0ebae33c750184dfb14c6c5bfe68d32a521c4b0', 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: '7c26f8e664cb1018b88aa8289a9979d405e78e42', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
+        return (h(Host, { key: '84e8f447146c8bee60101aaceb71c624951e4ef8' }, h("limel-notched-outline", { key: '0ae5ecce5f12ae52edab644e02d200d8e0fb6be7', 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: '18f6ee785e839bdcf6a63cae036f301d0059b12a', 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: '9a3aa40f5e932abcdf6b16ff2f443435ad707f57', 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: 'd910dc9e68ded861880805b19a688be43fed8387', class: "value" }, abbreviate(value), h("span", { key: '502c1dc1a2b84576433fd9ac5f25428a1682ea54', class: "suffix" }, this.suffix))));
+        return (h("div", { key: 'a68b6dfed82b13ae01ea8a7595d3fbadf921f8bd', 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: '3e40afaaf4f263e692739be5172e6ad25fb8ad96', class: "value" }, abbreviate(value), h("span", { key: '0459d0eae1f6aa938d592c5e32a4be17495fbc18', class: "suffix" }, this.suffix))));
     }
     static get is() { return "limel-circular-progress"; }
     static get encapsulation() { return "shadow"; }
@@ -114,7 +114,7 @@ export class CircularProgress {
                 "setter": false,
                 "reflect": false,
                 "attribute": "max-value",
-                "defaultValue": "PERCENT"
+                "defaultValue": "100"
             },
             "prefix": {
                 "type": "string",

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

@@ -115,7 +115,7 @@ export class CodeDiff {
         // Capture total matches after rendering completes
         this.totalSearchMatches = this.searchMatchCounter;
         const lineNumberWidth = this.computeLineNumberWidth();
-        return (h(Host, { key: 'e8702728849ac6f988d7d366244b51c141a733a9', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: '4c8c95c8d48f43bc21ba6d2ea1808aefc4ed4c57', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '613bb6194ffa692175ccc105a9c404025ed32851', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
+        return (h(Host, { key: '85dc5cd00f441edf194ce90698bf1f6a44e1630a', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: 'a381e603b3e177a184711dfa46deb0d1c3d7080c', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '827d60b982ca309f6225290ff6c40f1df05cd2d2', 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

@@ -250,7 +250,7 @@ export class CodeEditor {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (h(Host, { key: '2df7ccaf43abecad22620a92768eed005ced5741' }, this.renderCopyButton(), h("limel-notched-outline", { key: '6a2617ca0e1425e8f0db059644f8598ecc046fc0', 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: 'b5b37607831941a45e25d21cda2e3494e6529eac', slot: "content", class: classList })), this.renderHelperLine()));
+        return (h(Host, { key: 'a28c6ab385e70bd2028e259e8ec612dcd0ee0878' }, this.renderCopyButton(), h("limel-notched-outline", { key: 'f376d2131b755e1d56acd63a11037e4967b37575', 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: 'dfb5e8d38946a4878723734d46a6a455c8576061', 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: '658655acbb6ed39081dbb43c0fb3f20f0b7b1847', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: 'b149315553c5137fbd806be21f85c40f17ea2bf2' }, h("button", { key: '56df786af25a14ebd33e9dd94178f92915ed58a0', 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: '0f1bef19ffd7ef5b541afaa9dbab340e4124e5d3', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: 'cd7c3a87a8e4c20ad9d7288608e32877fb509b98', class: "body", "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '878daf56be6afbefb1c5f8c54ba4815e6ae9b012' }))));
+        return (h("section", { key: '4462b37febab2416ae74b771c78d8b3c47b8d2ab', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '32107fa97b348e94f8a76520af82b97562d6d875' }, h("button", { key: '9542583877442339c9acda43783ab0859ab718c8', 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: '024fc7375d3ace7f3da27770a7727ac36612f444', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '2a85eebbe33c7c367b03c53b887838afb6990ef3', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '8ba73da10870f7e19aa6ae7b56008a4c1084e653' }))));
     }
     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: '33c07aa0306951f8151e167bc43f7dc4e3f5a1f1', class: "color-picker-palette", style: {
+            h("div", { key: '223f1badc2450d203705c116d34fe00cd196c911', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            h("div", { key: 'e2a40e39cc00a8e2c06f74827f7a117444288dc3', class: "chosen-color-name" }, h("limel-input-field", { key: 'e5aff06c03c289531de96d89269d6fe209ab2d98', 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: 'bfef89d250d75a84ed136e0f8c9a7aa38fd3bbb0', class: "chosen-color-preview", style: background })),
+            h("div", { key: '72ecf755e2001895280f884e106d3ff87094cdd3', class: "chosen-color-name" }, h("limel-input-field", { key: '17d3872cfd01fae6caef39f124ffaa71a1e54a96', 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: '86b91cf56f9a9389d18b5929141094a63c52a9d3', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

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

@@ -86,7 +86,7 @@ export class ColorPicker {
         }
     }
     render() {
-        return (h(Host, { key: '76b9357ed363f32ecb23d73382ed12ed4895221d' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: '625f7767c43aa45c066b398e89d142b43b279beb', 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: '3ccb84fc0ab06f81be5a3f75991c4ce64f88a547' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'f0d15f5ac8576a1685eb6c0bdc331ca45a220562', 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: '41bbb26bc5120bde237df9ae3a17d633e597b918', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: '84520ade591db0e5be9b730765d2fb0b381cac40', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translate.get('date-picker.today')}"`,
             } }));
     }

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

@@ -84,10 +84,10 @@ export class Dialog {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: '36dc82a451b2fa8ea194abbf18c8807c8e5374b6', class: {
+        return (h("div", { key: 'd639ccde65c504b0225a4b0fbdb65b5667bb86bd', 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: '94f2916fc46faa085968f971492a18e18da4ea43', hidden: true, id: "initialFocusEl" }), h("div", { key: '3d60080d453f2970f375327ff99a98af66c85ce4', class: "mdc-dialog__container" }, h("div", { key: 'b9f86ba3f93e6ebd97063723a319b319a6d0ad52', class: "mdc-dialog__surface" }, h("input", { key: '35b0f87461025a34d1ce182d36251197f615c948', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '0d09ea298790f4d7f50dfabc68461320d4ea551f', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '56cf87544caee93d453304a976af625314ba6164' })), this.renderFooter())), h("div", { key: '3a3824e1d8b8cd048d0ccf0715a59fa1bdbca8f2', 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: 'b23d88e1959d4eb722046ff2f5a3a562ea8a6071', hidden: true, id: "initialFocusEl" }), h("div", { key: '171df8142cf0b238515b9c8267d0d9b9f5d01bc4', class: "mdc-dialog__container" }, h("div", { key: '41afe3bb19541ab218965af66dd1578b70e322b3', class: "mdc-dialog__surface" }, h("input", { key: 'db610f13fa09d5745e0aa979227fb0a18e6b25cb', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: 'f4a7a93232d8dc82b1c1ad4d2540ad63a819e34c', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '93a4f256894406591bb5d387a77df95bb445e84b' })), this.renderFooter())), h("div", { key: '3aee4c567f39fff7f560d8d11bf4c522c24e86ed', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue) {

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

@@ -79,11 +79,11 @@ export class Dock {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '206ac399202f8fddff9466c329d4de7b595d3f78', class: {
+        return (h(Host, { key: 'ec062cb0aa3a5be006fc8eb6e383e0c508530a3b', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: '6bb724bf6d07c82ff9a36484562d4551e24b1eb7', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: '5a0b61e7074961be51b05928c345dc0985f5675c', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
     }
     renderExpandShrinkToggle() {
         if (this.useMobileLayout || !this.allowResize) {
@@ -235,7 +235,7 @@ export class Dock {
                 "setter": false,
                 "reflect": true,
                 "attribute": "mobile-break-point",
-                "defaultValue": "DEFAULT_MOBILE_BREAKPOINT"
+                "defaultValue": "700"
             }
         };
     }

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: '73d94aff2fe3748634cf2e81ed9f064e52368da4' }, h("button", { key: '43277535b5759d921a5e02c75c304d12d89d5420', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: 'a1f003fd07b139ebd966097ecfd0c8bfad96b3ed', 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: 'd7c11c5bb0a294a9dde74df8aea095efc6ef6f1a', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (h(Host, { key: '257a86c3f5415af8bda3cd4454b04c8401363822' }, h("button", { key: '6627141679925685149b05734f0740b4d5597f71', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '470d10f55e5268ac05630219b2f1022757f573f1', 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: '5e45cfca77420892559b1cdbaf1bd9dabaa166fe', 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: 'a2beb0e4d0dadd8e745aff449e07466b6becf725' }, h("div", { key: '1592e35fe27e50b8e81346e9bc02473e8cb495cc', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'e9f848430487075e272e25672eb9e032e85d4a59' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: 'dadacd7b883d41ec1c76cfa9d4cdfb8b0f966a03' }, h("div", { key: 'e90456f41af276b6c8d253d1f2ccd8b808930ddf', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '2d4ccef6dbf63062fed72d806b6389b24e81efc4' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

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

@@ -89,7 +89,7 @@ export class File {
         };
     }
     render() {
-        return (h(Host, { key: '401aab598ccb204e781169a80e6e2d0585c76d8a' }, h("limel-file-dropzone", { key: '1979ee6425b29c7f20e353226c074ff9ed13b233', disabled: this.disabled || this.readonly || !!this.value, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip()));
+        return (h(Host, { key: 'e18047c4433798845cb52ad0873a2c4c7ab131b3' }, h("limel-file-dropzone", { key: 'fcdbdcd4334035343acba319ccde231e44fa86a8', disabled: this.disabled || this.readonly || !!this.value, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip()));
     }
     renderDragAndDropTip() {
         if (this.value || this.disabled || this.readonly) {

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

@@ -90,7 +90,7 @@ export class FileDropzone {
         };
     }
     render() {
-        return (h(Host, { key: '099fe487311b6a593f84f455d278eea2322741d6', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '1e26e166c84e6fbc41c4890427bee228b825d0db' }), this.renderOnDragLayout()));
+        return (h(Host, { key: '5143c9cda4ccbcd0c34bb55fb7f8eb6b9d028863', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'c283ffdb9838d4cee80842127360303f77a6de39' }), this.renderOnDragLayout()));
     }
     static get is() { return "limel-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class FileInput {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: 'e8f45ab6b7378ea357ae920e99bf137eda289a5e', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'bcb7df16d5d645892294c7f6e3b38d55a02a2dfe', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '320bf90892159e3bf3df59b862c8cae7c960bc82' })));
+        return (h(Host, { key: '4746b407c045a406385f4b26b7a82298a37c7fca', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'b599d3a8d60802f0977c2ffc12f14975a7a8d4f0', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '4e526023fd5287a112708d2012cc9b897facb93b' })));
     }
     handleKeyDown(event) {
         if (event.code === 'Tab' ||

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: 'fd157b39594a7aa1a7ac4ee7496c8a89301c8296' });
+        return h("slot", { key: '9e8444d16ed9d2f40cfb7a2f90c88b2ab739c109' });
     }
     static get is() { return "limel-flex-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class Form {
         this.initialized = false;
     }
     render() {
-        return h("div", { key: '8d32f742da3237b922f0315bc13fd211a1fb9d4b', class: "root" });
+        return h("div", { key: '95a56e77b132ef94a400166fcfad518a171f1fcf', 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: '8ec4bbb25d004dc1aa8106750554d43044635947' });
+        return h("slot", { key: '418d2f7f705d16d24cb41f1e744c4e6a1e1ef948' });
     }
     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: '7b4bb2afba2edc1aa92f095334d3357ef7d43119' }, h("div", { key: '378af719cf876c5df13b843b411ffedbd11e105b', class: "information" }, this.renderIcon(), h("div", { key: '0cc76fd71596306ba168c06c9eb3ec5a97a9f40f', class: "headings" }, h("h1", { key: 'a8ac4616c41979de148d4a84b26567ea2b484b37', class: "heading", title: this.heading }, this.heading), h("h2", { key: '541fff2f1234da2aef156967715344aec7db48d3', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '3eacc9f93ce32d0e28d1cd64363b80080345e2e4', name: "actions" }, h("slot", { key: 'aa627b14a02dd3106e52680bc1e194e5130eaf1c' }))));
+        return (h(Host, { key: '1d3cea65304d0df1ed842858834a15d8adccb009' }, h("div", { key: '5a0fd2711645722e2bf15d0bdf1f9c0f08518351', class: "information" }, this.renderIcon(), h("div", { key: '9baaa9f6262db0880dae4607f7f6904683556442', class: "headings" }, h("h1", { key: '1b12de5508a14a0fb74f2cdca2d6ee13772ef1d4', class: "heading", title: this.heading }, this.heading), h("h2", { key: '670349e5d1c7032c76a6721218264fc808ea71d1', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '83586427cfc08622ad3a7b3ac544e07ca64573e5', name: "actions" }, h("slot", { key: '92fb49c8c35511e2c02033941afe60adc8f234dd' }))));
     }
     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: 'd8348566878d1ebc277acd98741b6069a5ba41ae' }, h("limel-markdown", { key: '28a3655258389463093dff17a4c928d8f8e0c6d1', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: 'b5408c48ce24f66774b0758a373b24c632054833' }, h("limel-markdown", { key: '3508f334fb1562d58fb03e3a9dcf9dfea6e36f18', 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: 'bb98d15ffbc75245a879209cd9198237cdb687fa' }, h("limel-popover", { key: '4f508fccb54a611c594b82bdcd0cf371aa449a17', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '338edb90b5f181639d96ef9dfcda1bea732ab063', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (h(Host, { key: '422cfd64a383d0e203107da405e6504b81cab646' }, h("limel-popover", { key: '65fe65550956fbfa6242e5c1aa1bf2ba212aaa77', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '71665acc8eebd1b7e61085f7aa0deb0dd1c812ae', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: '012a79ec5695adb852f8b8ec98a718e516faf113', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: '91081ca9cec938d1667517f6e3d36ad6d19ec4f2', 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: 'a98bee6c37925cbbf8c27957e61bc94912cecf2f', tabIndex: -1, class: {
+        return (h(Host, { key: 'fa23d0b17ccd8b914ce22e3dcad3f1967f942c59', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'e2f8640001f002c5fcb825a52c8020aa85e40b9c' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '33d0ca3087175c7cf560aa97cc4739c75b068c8f' }, 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: '64fe94022e5b3d6fad796b04223408ce4ce8abfd', "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: '42a7d50e38cc3c8c3c7921cf32e0a2501dcaca62', "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: '24f5b154eb8ee0229ed1eff823b14bee7f6f0070', class: "container" });
+        return h("div", { key: '8a098fbcad85b6d6a6178a580a154edcb2c6f1e5', 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: '2b7e9fa78a431c534a75cc547e514c37d56fb99d', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '969e377c71b0e04dc14418b0233a1407e05d1c27', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: '9b5f48288887324a2e67c6f7cd91367acc067d24', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '72f8290e704db9aad33c19d50def6b28db2629ce', "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

@@ -122,9 +122,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: '1e467fd2bd72fc4c66f18d19d2b5ae887458cb5d', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '0cbb02ee3df2eafda6d09dbb8cb95c0d4b5cea78', 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: '7a2d9a27bdd3940056e89a1852806ac15ecb00d2', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '99a5a942a3ceb22a2892a0757c681b95b81ca6fa', 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: 'adf5d36acd234496be6e04eb8384a1edd0df2115', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '423c4d72f7836f9c222a4d9276acafe334550e67', class: "value-group" }, this.renderPrefix(), h("div", { key: 'ef14730961b8f71f4f7d731c70db5321891dd4f3', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '8437ac0fcd7116ae78cc047a58090f453cbca767' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: 'a01a194b2c7718fbe9003ed7a2480d578264389c', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '4005660d80f8607d52c8eccd7ff04bb238c21f86', class: "value-group" }, this.renderPrefix(), h("div", { key: '884a1b013fe8720783894fb5c99c13d8289d343d', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '9567012a0a77a8ad43e73f3872e9bb4cc22afe58' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -594,7 +594,7 @@ export class InputField {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (h(Host, { key: '883ac6e2bbca1b5491ed08d432101fb03984992a' }, h("limel-notched-outline", { key: 'c0ff8073d2cc6a0960513d7e038643373fe30af3', 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: 'c28e3ca982d3c11c521db80212f86d287e2b586b', 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: 'e6f4d81dfdfef80077c4537a6e23220fc7c0dbce' }, h("limel-notched-outline", { key: 'a0feabbe707cd51308a40cea1bff974bc3459f74', 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: 'ef17b7ae25a2c4511aa7b4011f1692cd4065b5b2', 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.js

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