@maggioli-design-system/magma 1.10.4 → 1.10.5

package/dist/hydrate/index.mjs

@@ -15140,6 +15140,8 @@ var MdsDetailsStyle0 = mdsDetailsCss;
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @slot icon - Insert an icon image, it can be `HTML elements` or `components`, it is **recommended** to add `mds-icon` element.
  * @slot title - Add a `text string`, `HTML elements` or `components`, it is **recommended** to use `mds-text` element.
+ * @part header - The header of the component
+ * @part content - The content wrapper of the `default` and `content` slots
  */
 class MdsDetails {
     constructor(hostRef) {
@@ -15171,7 +15173,7 @@ class MdsDetails {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: '4400af2cf2374ad775dbb674183e7ed818e9423d' }, hAsync("div", { key: '7e979be3544d0655a299ea140958fc0846241a1c', class: "icon", onClick: this.toggle }, hAsync("slot", { key: '3410738c97a4b5f5fbc891b586323e59af6f020c', name: "icon" })), hAsync("div", { key: '35e8128fe18a2948a6a19fbfd25658de306ab66c', class: "content" }, hAsync("div", { key: '52c4639e28d131772969d6774f638605b259286b' }, hAsync("header", { key: 'ad4b30b2b72c806b866c26a7b4a658bafe3a9a91', class: "header focus-bounce", tabindex: "0", onClick: this.toggle }, hAsync("div", { key: 'f16d2c9d8768da3fa6ddf6866660065922247f89', class: "title" }, hAsync("slot", { key: '30768522d6ce188e728793f00334fae315321269', name: "title" })), hAsync("i", { key: '3c8987dbfe38f0c7ace2716cba482449e0346d98', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown }))), hAsync("div", { key: 'e8b5909160c36497b300801c799d725701495b73', class: clsx('details', this.isOpened && 'opened') }, hAsync("div", { key: '508eccc12b85a696a8d9555b317f250d5ad7719b', class: "content-expander", part: "content" }, hAsync("slot", { key: '94c21083731915192ea3832c26fcf31010a26719' }), hAsync("div", { key: '4fd3d19056da10f24ce69880799803592dba445c', class: "actions" }, hAsync("slot", { key: 'f7bba8c6a7711d5d42e1181005b34701c446347c', name: "action" })))))));
+        return (hAsync(Host, { key: 'e3e892519912e01747ed7dc49d699fa33da1d41a' }, hAsync("div", { key: 'cf163ad613b49c19c4955f5819ae6d04605daa94', class: "icon", onClick: this.toggle }, hAsync("slot", { key: 'dddaa9f81beb67f202914093b5cbfc6e35c8da7e', name: "icon" })), hAsync("div", { key: 'b7544cdac291702a1feca6c970a653e236fd4ec0', class: "content" }, hAsync("header", { key: '04f9494ad3137238151a9d41ffabb0f4b66fc316', class: "header focus-bounce", part: "header", tabindex: "0", onClick: this.toggle }, hAsync("div", { key: '7de8e4e84d6d3c9b425255ecb812ab4771bebd92', class: "title" }, hAsync("slot", { key: '265617b49e00f5e11057f046aac48033d153ab05', name: "title" })), hAsync("i", { key: 'f19bd0920c1c80c83bd528eed4ff21aae750e70e', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), hAsync("div", { key: '789a77d86539706da59f69238ada9a8087b2f31c', class: clsx('details', this.isOpened && 'opened') }, hAsync("div", { key: '67fca5a21e0855254e6a30fdc1d9c0fe9d2454b9', class: "content-expander", part: "content" }, hAsync("slot", { key: '88c1bf72272f3521954b4d71a1dd278b5be714cb' }), hAsync("div", { key: 'fe27242362726a96b68db4b4854ddbfdd0775d1c', class: "actions" }, hAsync("slot", { key: '79ffeac7bba879e2946f58cd804a83e4b69befe6', name: "action" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -17702,9 +17704,9 @@ class MdsDropdown {
         this.km.detachEscapeBehavior();
     }
     render() {
-        return (hAsync(Host, { key: 'cd5febad6dd79d424582de304afe4ea727d5262d', style: {
+        return (hAsync(Host, { key: 'd1da570558e373c58fd8806494d50903705f3975', style: {
                 zIndex: `${this.zIndex}`,
-            } }, hAsync("div", { key: 'd549575c1325ec54ef74acf469c2992aa5030613', class: "arrow", innerHTML: arrowSvg$1 }), hAsync("slot", { key: 'e49e1b4b29756d67dfb152fe59b60fbae943ebad' })));
+            } }, hAsync("div", { key: '08ca7259305dbb9dfcf979b6f4e65701187ea65f', class: "arrow", innerHTML: arrowSvg$1 }), hAsync("slot", { key: 'cafea12f69617beda65ae7653804d03a39f3ffa7' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -24169,7 +24171,7 @@ class MdsEmoji {
         window.removeEventListener('mousemove', this.handleFollowMouse);
     }
     render() {
-        return hAsync(Host, { key: 'a85aaf6f7eee08db5098357411ca26b766f55d0f' }, this.name === 'hexabot' && (hAsync("svg", { key: '826d742c7bba177e7f87e9bd8875c3cffb5dc670', ref: el => (this.emojiEl = el), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'c74f8430c3c28ddc4aa7838f7d9d06e2e5527d5b', class: "head", ref: el => (this.headEl = el), d: this.headGeometry.hexagonRounded, fill: "black" }), hAsync("path", { key: '563f2f8a7e697a68024d0245591987d50adba98e', class: "eye", ref: el => (this.eyeLeftEl = el), d: this.eyeLeftGeometry.open, fill: "white" }), hAsync("path", { key: '1dceb62d8fbb6960c7a1bec3221f2600d9b0701c', class: "eye", ref: el => (this.eyeRightEl = el), d: this.eyeRightGeometry.open, fill: "white" }), hAsync("path", { key: '6afce8c0fb3fb7125ae0e32767cd64f9584ceefc', class: "mouth", ref: el => (this.mouthEl = el), d: this.mouthGeometry.smile, fill: "white" }), hAsync("path", { key: 'bf14c6e02258b7472ddb48094531c20896c52147', class: "hand", ref: el => (this.handLeftEl = el), d: this.handLeftGeometry.think, fill: "white" }))));
+        return hAsync(Host, { key: '27445bb72a3b9356d04c9f750659e340c55df645' }, this.name === 'hexabot' && (hAsync("svg", { key: 'dc5b2458b8d81a2442a17ab78977872d1e38980d', ref: el => (this.emojiEl = el), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '1fcbc98434f91dde73cd07d0949fa204054f77b1', class: "head", ref: el => (this.headEl = el), d: this.headGeometry.hexagonRounded, fill: "black" }), hAsync("path", { key: '83e37976089c0178c1fae60afbebc69c095c58ba', class: "eye", ref: el => (this.eyeLeftEl = el), d: this.eyeLeftGeometry.open, fill: "white" }), hAsync("path", { key: 'b269ce64bf75a48edcfda40ce43148e96aa01040', class: "eye", ref: el => (this.eyeRightEl = el), d: this.eyeRightGeometry.open, fill: "white" }), hAsync("path", { key: '181b23f8bfe386eb904b03a2c701dc8afc897214', class: "mouth", ref: el => (this.mouthEl = el), d: this.mouthGeometry.smile, fill: "white" }), hAsync("path", { key: '97f3ab4d10088161dee6c9e577815cb38ac5cbd0', class: "hand", ref: el => (this.handLeftEl = el), d: this.handLeftGeometry.think, fill: "white" }))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsEmojiStyle0; }
@@ -24225,10 +24227,10 @@ class MdsEntity {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (hAsync(Host, { key: 'cff96a196a549d41daad2477e6cc71b90b14b615' }, hAsync("div", { key: 'cba22569bef7953da259063fe506e7b54d489272', class: "spinner" }, hAsync("mds-spinner", { key: 'f2559a532b5b177a5b83ac8c67f00f9f976143bc', running: true })), this.checkAvatar() &&
-            hAsync("mds-avatar", { key: '31205129cac2b36f1ee31d9d290b94ff6987c4c2', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), hAsync("div", { key: '6109abee4ef0f688d67caa378302186bfe15428e', class: "infos" }, hAsync("slot", { key: '522efbd2126cab51f95a7f851a34b3acd2a3ec1a' }), this.details &&
-            hAsync("div", { key: '2c89e366bcc1cc39a0dc79b29bc0b8710e522f63', class: "details" }, hAsync("slot", { key: 'c95c8f7a55952b410e5327f72b9b0893b6bbe048', name: "detail" }))), this.actions &&
-            hAsync("div", { key: '05e9d2ef9e090d87b3aec061e775e2a4b3bb9948', class: "actions" }, hAsync("slot", { key: '96cfcac8332606657a428471486f8aa20f518324', name: "action" }))));
+        return (hAsync(Host, { key: 'e5e5f1785ae0e74bf69fe3ee341074b2f9053d32' }, hAsync("div", { key: '22a995b7e1baaec78953d3b160c99b0c4b63c16a', class: "spinner" }, hAsync("mds-spinner", { key: 'e61d61ae537a4cf07f3ab5d1f5ee064182e317c9', running: true })), this.checkAvatar() &&
+            hAsync("mds-avatar", { key: '24b4619913318b428168d70e7520b411bf5ff968', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), hAsync("div", { key: 'b6bc7d1a8f1a7edefcae8d6961bf10bea81b88c1', class: "infos" }, hAsync("slot", { key: 'a0d2668e3cd6b639d0e04319172a4648de3fb85f' }), this.details &&
+            hAsync("div", { key: '96fa9f64c3f396554d84f29416d3c835e673ed42', class: "details" }, hAsync("slot", { key: '1955f3bcacf0e654d57e09f3dafe7ea9d7437881', name: "detail" }))), this.actions &&
+            hAsync("div", { key: '76af48b3c66dbb40da3fff69f202fd8f62f88a70', class: "actions" }, hAsync("slot", { key: 'e72be00609b3eb24fa15fa02bb28093077b185a2', name: "action" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsEntityStyle0; }
@@ -32062,10 +32064,10 @@ class MdsFile {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '2d642314a50ed611b13685d802590b263d33a20e', tabindex: "0", onClick: this.handleOnClick }, hAsync("div", { key: 'b13ae086e2222a55da1e97a1edb13af9b2cb2a66', class: "preview" }, this.preview !== undefined
+        return (hAsync(Host, { key: '98164a90398e0d806e0670b4340d0561603f9136', tabindex: "0", onClick: this.handleOnClick }, hAsync("div", { key: 'aecf3480d6cbbf362579d657e19e83c94efa41c3', class: "preview" }, this.preview !== undefined
             ? hAsync("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })
-            : hAsync("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), hAsync("div", { key: '8fc60f821fb4a8d249c4cf337915e1e43ae2cd2d', class: "info" }, hAsync("div", { key: '5cab64431273d780edef73f5e567fac8fdae329f', class: "filename", title: this.filename }, hAsync("mds-text", { key: '74feb73a438d14c1c677b4c7cf84a565b1bdde3a', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && hAsync("mds-text", { key: '62fec4fa8b9fd87fdfd98c1bc40729dbd465308d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), hAsync("div", { key: 'c7417fc054dd2c8e892b1ebebd8d60b2795b4d19', class: "detail" }, getSuffix(this.filename, this.suffix) && hAsync("mds-badge", { key: 'cd4fe7482e81d1c4e251fcf212d092322faadaa5', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), hAsync("mds-text", { key: 'afcadbef748ff375d0f307ce1ad4235bf9888e6f', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon &&
-            hAsync("div", { key: '1b46901b9ab59de5c1a85da0b44c87e1a6cba3c4', class: "indicator" }, hAsync("i", { key: '8b40a4a962b16a3000807cf0259d1465ac5797d3', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
+            : hAsync("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), hAsync("div", { key: 'fda6deb724c9de6a6026682741403118c21a5ea7', class: "info" }, hAsync("div", { key: 'c0a75cddb21deaad91ade553996c212676dfd78c', class: "filename", title: this.filename }, hAsync("mds-text", { key: '18379a4576df47772387ed6a7b166b5477c56747', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && hAsync("mds-text", { key: '49a7b61565e18930954d7cbb669747ad51d8b20d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), hAsync("div", { key: '39a5744eda874b5b5f983b17791f6c366e5b9ff2', class: "detail" }, getSuffix(this.filename, this.suffix) && hAsync("mds-badge", { key: 'f5898dbc6fb1fa770acde22a473cd163dff5accd', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), hAsync("mds-text", { key: 'e715745896c8ffb973271fae88bbbed23036190a', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon &&
+            hAsync("div", { key: '67fc181b52fa0cbedc2e0e35ee1def88222815e8', class: "indicator" }, hAsync("i", { key: 'ee1d101f49d8925c11d1dccc91d480a6d84daab4', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -32356,11 +32358,11 @@ class MdsFilePreview {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '48b5d3bca715ae905b8f29c9ac1d86fd4b2e9ca6' }, this.deletable && hAsync("mds-button", { key: '623d4fc6cb18ac730c9ca57e4424c00067c2cf9c', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), hAsync("div", { key: '5eb373931a0d44162e99c454aa5e94d169daedac', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
+        return (hAsync(Host, { key: '0710d30368cdde1184606c5faa805cdd0bb9054a' }, this.deletable && hAsync("mds-button", { key: '366d3fe7de6e92b3bf8c0be6736666b593ec16cb', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), hAsync("div", { key: 'a9c09b7749ea1f63e8cb4ee2e5383bfc9ae0d1b3', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
             ? hAsync("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })
             : hAsync("div", { class: clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon
                 ? hAsync("mds-icon", { class: "icon", name: this.icon })
-                : hAsync("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && hAsync("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), hAsync("mds-text", { key: '6aa54f15d42be186a225dd27382a7feda50525f5', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), hAsync("footer", { key: 'a787fe52590c16f38875cdfc759f74803658dc1d', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && hAsync("mds-text", { key: 'a34543a6f5cefca1eb21a090eebbfe06938a90e5', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && hAsync("mds-text", { key: 'a2a3e90f21c3a613ddc9343c96ecdb3db4fd8d1b', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && hAsync("mds-badge", { key: 'e9a81f4dd32e59ece603c5c85d9ac61b12d38d39', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix)), !this.filesize && hAsync("mds-text", { key: '5f0aa89dd5ad1d364285680cdf8b84651a5fcc58', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription()))))));
+                : hAsync("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && hAsync("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), hAsync("mds-text", { key: 'e2f1c6aca7f7e98f66d89aea9c53610ab9300f95', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), hAsync("footer", { key: '3535084a42e1ad9f62c57ac54032a479f3a34463', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && hAsync("mds-text", { key: '79c2bccab6b0740730193a54551a264beac1d772', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && hAsync("mds-text", { key: '143a603b4d3d974e3f93a06d3e2771a723a257d3', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && hAsync("mds-badge", { key: '39c15b38bc2c5d92151b299f4f93095e9fd17f4e', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix)), !this.filesize && hAsync("mds-text", { key: '646a25849f8188fb5ac60cfeac9d0977ecd9f806', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription()))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -32488,7 +32490,7 @@ class MdsFilter {
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (hAsync(Host, { key: 'acb0b914ec402c5325cda774ab97d8c3e8b5c1cb', "aria-label": this.label, role: "menubar" }, this.label && hAsync("mds-text", { key: '963d6a4e04b3ccf4cf058ad99500ad08712b26a5', class: "label", typography: "label" }, this.label), hAsync("div", { key: '1232b709d7463748c269d15c58229321fc7f5b8d', class: "items-wrapper" }, hAsync("div", { key: '0972ca86723cc49a15e43b3ef0b42acdf36009b6', class: clsx('items', this.active && 'active') }, hAsync("slot", { key: '9133414574d5dadb0c0cb9cb7e947ca72db0c13c' }), hAsync("div", { key: 'd00735adc8ba3b5e3fe8f6ac0f4ac88c6f27e170', class: clsx('reset', this.active && 'reset--opened') }, hAsync("mds-filter-item", { key: 'd7e31b1cd2dcf46fc79eeaebb15658f6fb5fb427', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
+        return (hAsync(Host, { key: '5e8605b02237f9249889191d54ae4246652c92d2', "aria-label": this.label, role: "menubar" }, this.label && hAsync("mds-text", { key: '4d4ee003acd78cbc9a87e2ac9dba5f0aa3481530', class: "label", typography: "label" }, this.label), hAsync("div", { key: '211a57862ff7facadb36b0fc74d82cc2b93c7764', class: "items-wrapper" }, hAsync("div", { key: '99fbbc2e399a0a217a79e453c27e4277bb247721', class: clsx('items', this.active && 'active') }, hAsync("slot", { key: '3803d540618c02719130c4fc44b208190962e3e1' }), hAsync("div", { key: 'd516841b2efe68e2e603099223c6eb0e7d1e5377', class: clsx('reset', this.active && 'reset--opened') }, hAsync("mds-filter-item", { key: 'e9b5c15cd2199d855007a617be24948d16e84fbf', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsFilterStyle0; }
@@ -32531,7 +32533,7 @@ class MdsFilterItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '01eb93797f864027c46caf59f744b393ab3dbf59', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && hAsync("mds-icon", { key: '817590d56a4f47d7391133a968827f45538c92d3', "aria-hidden": "true", name: this.icon }), this.label && hAsync("mds-text", { key: 'e5754fb4fb1e681dd05f3e87cd4bf9d3784d04a5', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && hAsync("div", { key: 'd0e402cc24b00faef1525d59127fffbbe6c08449', class: "count" }, hAsync("mds-text", { key: 'de5c9687735a6480bcdae5051c91cb1423542d6e', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
+        return (hAsync(Host, { key: '2c895fbc29ea9a0a3821a0dc60dee5dea65ab6cd', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && hAsync("mds-icon", { key: 'a4bc5acb9550092fa6fdea9004a602c6e3912b7a', "aria-hidden": "true", name: this.icon }), this.label && hAsync("mds-text", { key: '14d86de48ed76faeee001c5d4a7077b1997693a1', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && hAsync("div", { key: '8fb24204fd2f30917f5041fda4e92c1271877294', class: "count" }, hAsync("mds-text", { key: '2a282fdf25234f0e07c3be767408967070d2d33a', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsFilterItemStyle0; }
@@ -32733,8 +32735,8 @@ class MdsHeader {
         }
     }
     render() {
-        return (hAsync(Host, { key: '79faddee8d4cdf5280e2ce701c1fa9f990c4ce49' }, this.backdrop && hAsync("div", { key: 'ff1ca4571f429c137c3ccf399fbf3e1f9791af0e', class: "backdrop" }), hAsync("slot", { key: '67e11b62f693547536a3237d4da2f5839da28bbf' }), this.hasMenu &&
-            hAsync("div", { key: 'af627b2bd99ad2b01fd1c26ca213131ca0a8cde4', class: "menu", part: "menu" }, hAsync("mds-modal", { key: '38371facac0d13d101a0cfee94327e353607ddf7', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, hAsync("slot", { key: 'b2d3610bacfaa5f3d91f026271bc4c312f5b8c1f', name: "menu" })))));
+        return (hAsync(Host, { key: 'ed4faa9268044cc9b6046ff39cda66f7553a0043' }, this.backdrop && hAsync("div", { key: 'bb88d582b85506376e70e623c5d536392737eac7', class: "backdrop" }), hAsync("slot", { key: '3e3b3b5b19de464572e1a2f1ac3be1b810c41af6' }), this.hasMenu &&
+            hAsync("div", { key: '9bd8c9c2e49b2b2b5df5c6aa69e065a628e1508e', class: "menu", part: "menu" }, hAsync("mds-modal", { key: '50de497869acb91e1a3df249c48063aa1a999ad0', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, hAsync("slot", { key: '0d8173ec63daaf17959d2aaec7ffbfbfab9daa24', name: "menu" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -32804,9 +32806,9 @@ class MdsHeaderBar {
         this.isOpened = isOpened;
     }
     render() {
-        return (hAsync(Host, { key: '484aa97616f0d0a5bfc4c116623dd4f7da2170a7' }, hAsync("div", { key: '51cfc3559edf461b2fe7c3bf57603706d492ce8b', class: "content", part: "content" }, hAsync("div", { key: '3f419f65a5ff12ffe8e8818efdd2aa05860faac1', class: "logo" }, hAsync("slot", { key: 'ae778800d2977a1e35c74bf79c474fdd0f4b2c4a' })), hAsync("div", { key: 'b6fd55598f46e871a6b1e161c2b110ed13306d34', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
-            hAsync("nav", { key: '8b4b826e27fef0da44a4bc655e0ba3c933662c49', class: "nav", part: "nav" }, hAsync("slot", { key: '72e5cb32ed7699db8e939db3b9ffed4c14125f55', name: "nav" })), this.menu !== 'none' &&
-            hAsync("mds-button", { key: 'caaa70dbab763134ad6a693ff4d310b0cb40d55b', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
+        return (hAsync(Host, { key: 'f8dff045e6be9b205bbee68f373ae90ad6f74709' }, hAsync("div", { key: 'c8d0ab25b9ef9c65c95ab7d637f398716a9ccd69', class: "content", part: "content" }, hAsync("div", { key: '8f638de0bc8f252412960300bcbd08eb4507eb97', class: "logo" }, hAsync("slot", { key: 'a663ac9cc2b1e560a3e124622a0e37ddc939f828' })), hAsync("div", { key: '769051e97bc1487231f9a604c998c555618b96c5', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
+            hAsync("nav", { key: '56c2c94577457bec5f1799a3ac8b0b975cca6862', class: "nav", part: "nav" }, hAsync("slot", { key: '1eae94afa33201e1c3840d848664d36f3e93730c', name: "nav" })), this.menu !== 'none' &&
+            hAsync("mds-button", { key: '8ef11e0014ef070974fbef39824cc1ca380d0ce9', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsHeaderBarStyle0; }
@@ -32847,7 +32849,7 @@ class MdsHelp {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'd916d8a8d1c6f4022d1967c0932d73b21ca7c94a' }, hAsync("mds-icon", { key: '59e99dd6f74779a2eb60168ff430dae1b69323d9', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), hAsync("mds-tooltip", { key: 'd3d3ded20e6591a2ab78c61d20606077a4fd3b8f', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, hAsync("slot", { key: 'cb9c40927adab4a2cdde57209b5c99d0408c3639' }))));
+        return (hAsync(Host, { key: '8348457632144e166c3c38d2fd42a13925ba0ec4' }, hAsync("mds-icon", { key: '7b22740b418103eeb49af85a999eb0dfb3766029', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), hAsync("mds-tooltip", { key: 'c148617c3e44b8265be5c973683c365f2eefa460', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, hAsync("slot", { key: '04c9543ea769febd6b68c06a3a4831525063f7c9' }))));
     }
     static get style() { return MdsHelpStyle0; }
     static get cmpMeta() { return {
@@ -33062,7 +33064,7 @@ class MdsHorizontalScroll {
         this.contents.removeEventListener('scroll', this.translateNavigationDot);
     }
     render() {
-        return (hAsync(Host, { key: '813a5af54bdb5a86d7662780f1130726b794598f' }, hAsync("div", { key: '7fc7be70a78e5d1df138842d017ec516965e36d8', class: "contents", part: "content" }, hAsync("div", { key: '9f16ae2a3d5b327685848dac7627e0eabf600c3d', class: "spacer" }), hAsync("slot", { key: 'aab4c93cc415efac5754d63738478f6e1fec9d3e', onSlotchange: this.updateElements }), hAsync("div", { key: '728b3827466733209727823476afd5734bcb581e', class: "spacer" })), hAsync("div", { key: '9d5f8a4bdd74746f6c046172be78f80607458d05', class: "dot-navigation" }, hAsync("div", { key: '7119cfb68b5582f3f906b4f61ea38c320bd84015', class: "dot" })), this.controls && this.controls !== 'none' && hAsync("mds-button", { key: '1ce0a724dd3a2f7e90c897066ea36c150d4357af', onClick: this.moveBack, size: "lg", class: clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: miBaselineArrowBack }), this.controls && this.controls !== 'none' && hAsync("mds-button", { key: '56fa074dcffc7549215827728472d574a9c6b195', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
+        return (hAsync(Host, { key: 'b65cd5aef21f81cf9c660b9e16ee0742033b0522' }, hAsync("div", { key: '957de53a7aeee4ddb820288c54fe4b976b74bac9', class: "contents", part: "content" }, hAsync("div", { key: '385e764035e30f5e0d656c700198de314eb87a8d', class: "spacer" }), hAsync("slot", { key: '85fff563ccf060e4fc590faf05595a79dbd87d57', onSlotchange: this.updateElements }), hAsync("div", { key: '181ee99f3e0d61f4c1062dec205632f0b9d287fc', class: "spacer" })), hAsync("div", { key: 'd575c09eab0fa7e5d08e0fcb720d1740035cf38d', class: "dot-navigation" }, hAsync("div", { key: '403830bc1cca796930ae5da665f9f3d3a206c7b9', class: "dot" })), this.controls && this.controls !== 'none' && hAsync("mds-button", { key: '47befe2f2aa6522819c7ff80b3385ab574ce6c30', onClick: this.moveBack, size: "lg", class: clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: miBaselineArrowBack }), this.controls && this.controls !== 'none' && hAsync("mds-button", { key: '3bcdf715858fbed99e63957506f751e5188f4a53', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -33094,7 +33096,7 @@ class MdsHr {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'bee4576b1e12ab8120755a7ef50a0c7ff68874f7' }));
+        return (hAsync(Host, { key: 'cc9708f0bbede0b64897ded6362a273781ac97c4' }));
     }
     static get style() { return MdsHrStyle0; }
     static get cmpMeta() { return {
@@ -33401,7 +33403,7 @@ class MdsIcon {
         this.svgHTML = await IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (hAsync(Host, { key: '992765f41d4d37744457b9e5da2c9531412e58e6' }, this.svgHTML && hAsync("i", { key: '45fbed1f98dc82f5d1cfc5cf1c396d175a515a9d', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (hAsync(Host, { key: 'b64516e083273f19955d483ace9a7bf2b8c25903' }, this.svgHTML && hAsync("i", { key: 'e9e61853cb3895c0e291f39358d9ab545cb3cfa6', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33874,7 +33876,6 @@ class MdsInput {
         this.isRecording = false;
         this.countVariant = 'count-empty';
         this.isPasswordVisible = false;
-        this.transcript = '';
         // private valuePristine?: string
         this.t = new Locale$1({
             el: localeEl$l,
@@ -34043,11 +34044,19 @@ class MdsInput {
             this.recognition.lang = navigator.language || 'it-IT';
             this.recognition.interimResults = true;
             this.recognition.maxAlternatives = 1;
+            let transcript = '';
+            let progress = 0; // need to save position progress on speech results
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.recognition.onresult = (event) => {
-                const speechResult = event.results[0][0].transcript;
-                this.transcript = speechResult;
-                this.value = this.transcript;
+                const speechResult = event.results;
+                const interimResult = speechResult[progress];
+                if (interimResult.isFinal) {
+                    transcript += interimResult[0].transcript;
+                    this.value = transcript;
+                    progress += 1;
+                    return;
+                }
+                this.value = transcript + interimResult[0].transcript;
             };
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.recognition.onerror = (event) => {
@@ -34208,21 +34217,21 @@ class MdsInput {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '14dfb2925f42f28c3f339aa726250c218c6e8034' }, this.type === 'number'
+        return (hAsync(Host, { key: '6904606bb94fbe4039190d44dc6b146561cb1c9d' }, this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && hAsync("mds-button", { key: 'dfbbf389f9a428b442d53cb2871ce1ac155dc992', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
+            && hAsync("mds-button", { key: 'e529d4c484cd78950a425b884fe927199acc0b05', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
             ? hAsync("textarea", { class: clsx('input', ((_a = this.icon) !== null && _a !== void 0 ? _a : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoFocus: this.autofocus, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, tabIndex: this.tabindex, value: this.value })
             : hAsync("input", { class: clsx('input', ((_b = this.icon) !== null && _b !== void 0 ? _b : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoComplete: this.autocomplete, autoFocus: this.autofocus, disabled: this.disabled, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, pattern: this.pattern, list: this.datalistId, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, step: this.step, tabIndex: this.tabindex, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, value: this.value }), this.type === 'number'
             && this.controlsLayout === 'vertical'
-            && hAsync("div", { key: '7d39995a7de0c544164e6cb34060982f0b75bcee', class: "counter counter--vertical" }, hAsync("mds-button", { key: '3ec8f2d5ebb37515eba684b222984d501344aefa', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), hAsync("mds-button", { key: '4e3ab5d885d4353599dacd8f3f984fc7e88dcab3', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
+            && hAsync("div", { key: 'd000022047e1333c236edce58b177c5f619f4385', class: "counter counter--vertical" }, hAsync("mds-button", { key: 'c96ebc62547c9feec928ffe5ff818015ff011032', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), hAsync("mds-button", { key: 'ee82c65fd71d66b08714461ac8263f4bbfebcc9d', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && hAsync("mds-button", { key: '1c239d77df198fd2b76cd6d8fcfa5506e6961ac9', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
-            && hAsync("mds-button", { key: '23b5a7134a11cf8fcd90ab7b79299738d55c40be', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
-            && hAsync("mds-button", { key: 'c478eff96791fec74b209d82179f9db8ac3a2497', class: clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), hAsync("mds-input-tip", { key: 'c9e753cd4cb261f5c256cf28b24e57966a132b5c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'de56d7c1cbf6038e7870a4008732db5177895a11', expanded: true, variant: "disabled" }), this.readonly && hAsync("mds-input-tip-item", { key: '3b3c3c845e5f51fae63524538703e2897a230e4f', expanded: true, variant: "readonly" }), this.required &&
-            hAsync("mds-input-tip-item", { key: '3097ce033495937f9bb0702d493350f885d677fa', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), hAsync("mds-input-tip", { key: 'cfc189ab082bcff879aae32e68753b1673f7d7a7', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && hAsync("mds-input-tip-item", { key: 'ecaf763fdc308a580b81f57a9c45953fa8b76810', expanded: true, variant: "text" }, this.tip), this.maxlength && hAsync("mds-input-tip-item", { key: '3ce50994c06c0e441ccb991848eec904b52ba568', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
-            hAsync("datalist", { key: 'b837f396a6430518b6f3019f9adc822e6f563908', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
+            && hAsync("mds-button", { key: 'b4621ae846273b4b70642d6747aa5d69fa234342', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
+            && hAsync("mds-button", { key: 'fa637888acee00fb2df6d6b5770f5b40eeae7031', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
+            && hAsync("mds-button", { key: '85613ac5d7b424dc43770a4e54296d0bc9e7794a', class: clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), hAsync("mds-input-tip", { key: '156b330252d0f8483c7996d902e1321bcc05dd7c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: '5ccb7a0700d723bc05bab4fdac21d7bf823cf12f', expanded: true, variant: "disabled" }), this.readonly && hAsync("mds-input-tip-item", { key: 'eed82a87a109822b60e8d0a9ff6b078517087135', expanded: true, variant: "readonly" }), this.required &&
+            hAsync("mds-input-tip-item", { key: '53daa9c77147a4fda3d13e55fdf4bca4c8471b29', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), hAsync("mds-input-tip", { key: 'c95aa6e4c98c074712c772fe3a7513640c4daa63', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && hAsync("mds-input-tip-item", { key: 'a7813d9e3675924fe00e93248292a48d5e273ada', expanded: true, variant: "text" }, this.tip), this.maxlength && hAsync("mds-input-tip-item", { key: '01305a14e95334b7352dbe9cbccc90af18c0cc1d', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
+            hAsync("datalist", { key: 'f99c96b4bbb45760252e2a5fc5965dddfbc60c21', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
                 return hAsync("option", { key: i, value: element });
-            })), this.icon && !this.await && hAsync("mds-icon", { key: '12629ece8dd79082e958dc634e5f610ca4e0fb90', class: clsx('icon', this.variant), name: this.icon }), hAsync("mds-spinner", { key: 'b6dc361107fde37ebebe48c8f417e270fcdb3a28', running: this.await, class: clsx('await', this.variant) })));
+            })), this.icon && !this.await && hAsync("mds-icon", { key: '41f6e990e5f47dbc8821934fc486c44a388d0386', class: clsx('icon', this.variant), name: this.icon }), hAsync("mds-spinner", { key: '85598d3e10e75fff275693b7fe2d17b392e3e8c2', running: this.await, class: clsx('await', this.variant) })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -34269,7 +34278,6 @@ class MdsInput {
             "currentLengthLabel": [32],
             "countVariant": [32],
             "isPasswordVisible": [32],
-            "transcript": [32],
             "updateLang": [64],
             "addValidator": [64],
             "removeValidator": [64],
@@ -34403,14 +34411,16 @@ class MdsInputDate {
     handleChange(event) {
         const input = event.target;
         this.touched = true;
-        this.value = input.value;
+        // manage case when i insert 0 on date and default input behavior change in 01 instead of resetting all date
+        if (input.value)
+            this.value = input.value;
         this.validateValue();
     }
     render() {
-        return (hAsync(Host, { key: '65bead50746f2ac93e77e3b0d2959d44d6bc6ee3' }, hAsync("input", { key: '1c0b86d98f32e82378dea84a2f48acffb87d596b', value: this.value, id: "dateInput", class: "input", part: "input-date", type: "date", disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.handleChange, onChange: this.handleChange }), !this.isSlotted && hAsync("mds-button", { key: 'ed2874e84dc8febec33dfee7a8e1c0ea44b33c61', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
+        return (hAsync(Host, { key: '919d453601a3562de46f9439d3dad1f1eaf3a5e1' }, hAsync("input", { key: '8719aa7ed95ed718ec05dd8d9b52e890696692b0', value: this.value, id: "dateInput", class: "input", part: "input-date", type: "date", disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.handleChange, onChange: this.handleChange }), !this.isSlotted && hAsync("mds-button", { key: '82957882c6a88bbc3163d1d0f1cfec0352ce5822', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), hAsync("mds-input-tip", { key: '0c1de4cfda03e12cf04a236a99f735f09ab96d33', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'd3a2124d567dafe7ac6845ddd8ff4d640406eb13', expanded: true, variant: "disabled" }), this.readonly && hAsync("mds-input-tip-item", { key: 'df71711af47d3a4146d362b9a1dffe410f2db222', expanded: true, variant: "readonly" }), this.required &&
-            hAsync("mds-input-tip-item", { key: '006715ae91e970a8305ff6c11ede212c8aa847fc', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && hAsync("mds-dropdown", { key: '48bf82eda13f4f7a69fc252ed4ece511cdf6e7c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, hAsync("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+            } }), hAsync("mds-input-tip", { key: '7fddea55e6476b4d9ed66fcc2d9008b9887d8bd8', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: '6dadfde7538194e26a86558fe3f2ed912bd951c3', expanded: true, variant: "disabled" }), this.readonly && hAsync("mds-input-tip-item", { key: 'b18b6d06a2ece4f74fdaa93081fe3761675c5337', expanded: true, variant: "readonly" }), this.required &&
+            hAsync("mds-input-tip-item", { key: 'b1bc792f3a3a6f3763d6616efccee124025b85ed', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && hAsync("mds-dropdown", { key: 'e8a3ce8caf29684848cf698d58c838bd5ce10e0b', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, hAsync("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
                 this.value = ev.detail.startDate;
                 if (this.delay === 0)
                     return;
@@ -34768,7 +34778,7 @@ class MdsInputDateRangePreselection {
         };
     }
     render() {
-        return (hAsync(Host, { key: '312780cd0f679e10e34c6aa5d9c15fd5d29835fb', slot: "calendar-preselection" }, hAsync("mds-button", { key: '7d0085b9cc58a162ff47fca25daf104cef64bcb1', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, hAsync("slot", { key: 'cd15d275d8259f651e3fc9a04fb15c70981f2a67' }))));
+        return (hAsync(Host, { key: '16a53ed6c9e6657eba7b66a2429afd07c32b74f3', slot: "calendar-preselection" }, hAsync("mds-button", { key: 'cd91f744d25462a2118712569443b37e8231ec3b', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, hAsync("slot", { key: 'e6d93dfdb6d8323d46b7341776e2bd0421b68f0f' }))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsInputDateRangePreselectionStyle0; }
@@ -34820,7 +34830,7 @@ class MdsInputField {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'ce722d7738fa6c03318ae0e15ce00b6c6bb2cb2c' }, hAsync("mds-text", { key: 'c954639cf415c9c50ccb09b748ea3fd01f9016aa', class: "label", typography: "label" }, this.label), hAsync("div", { key: '1e6f4c4209b77f8cea1934db650afda2e4779569', class: "message-window" }, hAsync("div", { key: '59ee9b986484b2f72b423b3887ad79c87bb40bdd', class: "content", part: "content" }, hAsync("slot", { key: '532f7f929c13a0002141989f03e0fdd3025026c1', ref: i => this.slotInput = i })), hAsync("div", { key: '3d44c1ebc7c741ec9d4efb89640872018b6da2b3', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => hAsync("mds-text", { typography: "caption", key: i }, m))))));
+        return (hAsync(Host, { key: '0efc3e882cecffeac369aa2ff720623b27c0f292' }, hAsync("mds-text", { key: '29563d1b5ba5fd46f0e215513f7576677c886b65', class: "label", typography: "label" }, this.label), hAsync("div", { key: '8dcfff7f2b205e3dac4492aaa9179411c90aa30e', class: "message-window" }, hAsync("div", { key: '3d9f60b3aed4ad3f5ae27f74d47f6478f4a4ba4c', class: "content", part: "content" }, hAsync("slot", { key: '2ce1395022bef207c7cdac52b60f3b1f5ee71856', ref: i => this.slotInput = i })), hAsync("div", { key: 'fbe7e182ffd0a8894c024f0eeefba5145c36531c', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => hAsync("mds-text", { typography: "caption", key: i }, m))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -34926,7 +34936,7 @@ class MdsInputOtp {
         };
     }
     render() {
-        return (hAsync(Host, { key: '12a644ed6f15af0ec2e288353bbe5969ba3ffb06' }, Array.from({ length: this.length }).map(() => (hAsync("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
+        return (hAsync(Host, { key: '377691dfe4f437ed62db8b81b7fdae30589bc4c1' }, Array.from({ length: this.length }).map(() => (hAsync("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
     }
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
@@ -35045,7 +35055,7 @@ class MdsInputRange {
         this.calculateProgress();
     }
     render() {
-        return (hAsync(Host, { key: '4ac73411f2a163e20bb68a46bc97f39664f13b81' }, hAsync("header", { key: '2025dc18061e028fea660711d04985fac10be4a1', class: "header", part: "header" }, hAsync("mds-text", { key: '7c9a106655dd8a8764cfd026e6ae903a6e5b7979', class: "label", typography: "label" }, hAsync("slot", { key: '9ed95e29e20f2dde0194a954ec2a74550b1b3ea5' })), hAsync("mds-text", { key: 'ad4426cb6066ea8acb91ad5a5e332d89c2829484', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), hAsync("div", { key: 'a816782c847643515071745a448f1fd59972d861', class: "range" }, hAsync("div", { key: 'f51e949cdb467c946282de60f01e20e93215abd9', class: "track" }, hAsync("div", { key: '865c0bed59ee8705ae733a7b5b305c53cac8f5ed', class: "contrast-area" }), hAsync("div", { key: 'e42af7daed9c0dce15cf04c747241cd816ca77b9', class: "track-total" }, hAsync("div", { key: '41c0ec5ee9b202ede52532665e48e28a2c9565da', class: "track-progress", style: { width: `${this.progress}%` } }))), hAsync("input", { key: '072ec18380f0b978c7ad1d8ecd39c116829e0a88', ref: el => this.inputElement = el, class: "field", "aria-label": this.label, disabled: this.disabled, max: this.max, min: this.min, onInput: this.onInput, step: this.step, type: "range", value: this.value }))));
+        return (hAsync(Host, { key: '9f3b567730316a72d9571d7a427fa96a60c463d2' }, hAsync("header", { key: '1ce2dc3877e29a92a8e3ea3544fbe128b77f3f19', class: "header", part: "header" }, hAsync("mds-text", { key: 'ba4a25bb74962715c08ac27296c6fe159129d7d6', class: "label", typography: "label" }, hAsync("slot", { key: '5c3e7594489b16efced5333c60965a8458f79d98' })), hAsync("mds-text", { key: '6c1a66d85a6ba0690b6ccc48506f2a73031a53fd', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), hAsync("div", { key: 'd6a5426c05c15d9ca5c6d28b400c708499e22a11', class: "range" }, hAsync("div", { key: '85fbc1608d50ac0dc621703ca2b32b2cdf0e8dfb', class: "track" }, hAsync("div", { key: '5273dd1e0402873c60be045e957da135bde821fb', class: "contrast-area" }), hAsync("div", { key: 'aee519d849b9fe8157e177e8e155ddbed6120727', class: "track-total" }, hAsync("div", { key: 'ccffa1a348e0623458c61e3b439b20daa443601b', class: "track-progress", style: { width: `${this.progress}%` } }))), hAsync("input", { key: '2e3778e68f84083b13fa189ac8b88a893b3ef413', ref: el => this.inputElement = el, class: "field", "aria-label": this.label, disabled: this.disabled, max: this.max, min: this.min, onInput: this.onInput, step: this.step, type: "range", value: this.value }))));
     }
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
@@ -35201,8 +35211,8 @@ class MdsInputSelect {
         }
     }
     render() {
-        return (hAsync(Host, { key: '555b4b93fbc778d4293540a8c837adb8741ce617' }, hAsync("select", { key: '939e1d4139f6181e25a9eb0a9bb4846cdb32f38d', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && hAsync("option", { key: 'e4411312a224a3104258242844022e5540338da1', value: "", disabled: true, selected: true }, this.placeholder)), hAsync("div", { key: '2f220d52db731d2437c529d8b4f7d50fa5298740', class: "icon-container" }, hAsync("i", { key: '3b2f32a581248ab723c8c47ed7f0457285736277', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), hAsync("div", { key: '2306b4c0e7b21afe70c9967be224ea45792b8dde', class: "option-container" }, hAsync("slot", { key: 'f0b4a86adb23f3097c4660042c73c60fc33f1fca', onSlotchange: this.onSlotChangeHandler })), hAsync("mds-input-tip", { key: '1b507e32c4c1f9d11ed38bb999836ab927b5bc6a', position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'cd7b15f50a18dee24e7dd73a0940c5e1c93a13dc', expanded: true, variant: "disabled" }), this.required &&
-            hAsync("mds-input-tip-item", { key: 'd68e1aa258ad927a7cdcf10dd9ae22b12ba0cf61', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (hAsync(Host, { key: '42c8c47d40f44d64c3c522591f196109258ee584' }, hAsync("select", { key: '89d1929e9bed34a874094274da2b3897bd48a5fb', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && hAsync("option", { key: '01c84e11e4504e467865657e46419c6e9904beac', value: "", disabled: true, selected: true }, this.placeholder)), hAsync("div", { key: '466cba766c7bcfa2b7e8a2e3e383f059fd0fb6e4', class: "icon-container" }, hAsync("i", { key: 'fc9f64a92325e1ec116c99f46c6865755bb0d1b8', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), hAsync("div", { key: 'c53f11b9715c9f6fd8d2e0f434da498365d5f101', class: "option-container" }, hAsync("slot", { key: 'c3135009efad92a8a0be5cd4797422203a87c8b7', onSlotchange: this.onSlotChangeHandler })), hAsync("mds-input-tip", { key: '236ebb4498a6b3f16cc241fb33a9a7b26c4166f1', position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'e027575cb716fd8c638ffeb1c09e13c0698c3cc0', expanded: true, variant: "disabled" }), this.required &&
+            hAsync("mds-input-tip-item", { key: '8a3458aa14e4b3fba95e1f924816632197fb632d', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -35437,11 +35447,11 @@ class MdsInputSwitch {
         var _a;
         const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
         const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (hAsync(Host, { key: '7f23da179de8195c1d4f3b29a7fdc70ef038ea3d', onClick: this.handleDirty }, hAsync("input", { key: '584d64ee6b6476783cc61fde4643707204d31f0e', autoFocus: this.autofocus, checked: this.checked, class: "field", disabled: this.disabled, id: "field", indeterminate: this.indeterminate, name: this.name, onChange: event => this.handleInputOnChange(event), type: this.type === 'switch' ? 'checkbox' : this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : undefined }), this.type === 'switch'
+        return (hAsync(Host, { key: '25fbe1a54f949f20f339c7e44537d0f3b21152d1', onClick: this.handleDirty }, hAsync("input", { key: '854f7c05a99723cb53b88b6ce6b5ceba4e9349d8', autoFocus: this.autofocus, checked: this.checked, class: "field", disabled: this.disabled, id: "field", indeterminate: this.indeterminate, name: this.name, onChange: event => this.handleInputOnChange(event), type: this.type === 'switch' ? 'checkbox' : this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : undefined }), this.type === 'switch'
             ?
                 hAsync("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("div", { class: "switch" }, hAsync("div", { class: "switch-toggle" }, this.explicit && hAsync("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
             :
-                hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, hAsync("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
+                hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '5b653bd7e1b8e23230aea0966d63ae815ed0715c', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: 'd16a2310e71bd1b39bd2fd30366a634e978b5ad6', typography: this.typography, variant: this.variant }, hAsync("slot", { key: '6e52e24564b55b03ddbd33c8542cbd084ac0973c' })))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -35494,7 +35504,7 @@ class MdsInputTip {
         this.position = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '4a6b8bc471afe276bb7461d9b57bcbeaed32b998' }, hAsync("slot", { key: '5e007f21d21f94972f0214d40973ffb89a7489c3' })));
+        return (hAsync(Host, { key: '4554c2d91fec59827b55777cb0385fd10a59b393' }, hAsync("slot", { key: '85fbcfed85e6b48e4dda2795fe5fe81b5842808f' })));
     }
     static get style() { return MdsInputTipStyle0; }
     static get cmpMeta() { return {
@@ -35575,13 +35585,13 @@ class MdsInputTipItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '823c231cad86a73c8a20e7aaff446c82a6a03bcd' }, hAsync("div", { key: '5c2c1232212f8bd8bc70e20526f781924a29da17', class: "content" }, this.variant === 'text' &&
-            hAsync("mds-text", { key: 'fa33b630d58217037c796ddaa8be4aa2a5887989', typography: "option", truncate: "word" }, hAsync("span", { key: 'd5e2bd02bbd925d7e36cbfc4119ac47ead58be54', class: "text" }, hAsync("slot", { key: '9b5a9677bff367e3993b3aeedc59a987ea7712d4' }))), this.variant === 'readonly' &&
-            hAsync("mds-text", { key: 'ce05c8dde6b7d948f4fba6aea93ead1651720f03', typography: "option", truncate: "word" }, hAsync("span", { key: '0ea70472bf7685ace98f3dba8feead14294d1174', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            hAsync("mds-text", { key: '9346da4a9e2b028eb8123700ea57ee231c138944', typography: "option", truncate: "word" }, hAsync("span", { key: 'a3605874f82bb15ace895c5f5c1a85c5225a5ac7', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            hAsync("mds-text", { key: '6bdf4e66624cd0b28b2320da92c6e09ac4162628', typography: "option", truncate: "word" }, hAsync("span", { key: 'bd4ec56e8c649999b54853047589fea69eae1dae', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            hAsync("span", { key: '8eded74f87d6f797f20a4e417824f9fa6b1a43a2', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
-            hAsync("mds-text", { key: '3d57e1ad0073fdb4b5bbff888b1d4028dbae6afa', typography: "option", truncate: "word" }, hAsync("span", { key: 'c61e4c4bf3b9cc7b87d14d795de4a8c8729c9b12', class: "text" }, hAsync("slot", { key: 'b80cf78fdc612bbb88538a1f0f4ac918f9325f8e' }))))));
+        return (hAsync(Host, { key: '610ec06bcddc82127aeb5eadc441482d2adc30b1' }, hAsync("div", { key: 'c30fc507228aa92351dff9ad05f06222378bb7b2', class: "content" }, this.variant === 'text' &&
+            hAsync("mds-text", { key: '7661cf787c08a3879ef91bf490c0b3a779197b94', typography: "option", truncate: "word" }, hAsync("span", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', class: "text" }, hAsync("slot", { key: '1e2488a1effa82424500c28c542e8f6c1619a5bb' }))), this.variant === 'readonly' &&
+            hAsync("mds-text", { key: '30d60f70fbfbbab738c481e6e0b6c805f1cc4810', typography: "option", truncate: "word" }, hAsync("span", { key: '89ff9b9f54c9aef62ac1fa2abda54007b1dbfaa5', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            hAsync("mds-text", { key: 'cd41bea9f5af0f2020a37330b33a940b179c28f6', typography: "option", truncate: "word" }, hAsync("span", { key: 'e05d357b1ceafcb4a20cf4cbf3a2850de6d1b7e4', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            hAsync("mds-text", { key: '37b9f6c8efd291a5d90c615d381c26657d8fb983', typography: "option", truncate: "word" }, hAsync("span", { key: '19bf638cf96bf97555a78f1e69027bd1b48f3578', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            hAsync("span", { key: '76b3c05bc5162514f1975cd3569dfd04a7355442', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            hAsync("mds-text", { key: '445b3dfa49b2b9374fe81a8ea4eca85007b562d8', typography: "option", truncate: "word" }, hAsync("span", { key: 'e92bc1e04a77ef2687f2769ba8865b2b1cc65ad5', class: "text" }, hAsync("slot", { key: 'a431c2d46f71e3d7ebcdb4c76c3c6ec891de8911' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -36196,12 +36206,12 @@ class MdsInputUpload {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (hAsync(Host, { key: 'ff873e7089019666024b2fced3cc1c8c3702a8be' }, hAsync("div", { key: '26c2a15d18d6eed7c328b2a3615884c95f9cd03b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, hAsync("div", { key: '10dae83654f3b68b9e7599537560b1eaf4f97f37', class: "main-action" }, hAsync("div", { key: '551eaeed9e6155edc2a5a2ff5d735d0b4d370fa3', class: "main-action-icon" }, hAsync("i", { key: '1ffeb5b74bf5bee22dccbde66a977c5a1d6c681e', class: "icon", innerHTML: miBaselineAddCircle })), hAsync("mds-text", { key: '3d3236eb1c8a67ffa276704c0cf07170b862c7f2', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), hAsync("div", { key: '828a16fdeee416c4583caf940264c74e24e8e3a0', class: "main-actions" }, hAsync("mds-button", { key: 'e5aa06e83c0fb3464c54c8d5540c45b7aefd6073', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && hAsync("mds-button", { key: 'e965a2408ae50694d227836764c6cd341aca6818', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), hAsync("div", { key: 'ac205a0a5af79566de4ae866cd55826b00f4c3a7', class: "main-infos" }, hAsync("mds-progress", { key: '7111db2c452769fad12e56467f63e904c5e304b9', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (hAsync(Host, { key: 'f4f4359a203fa632735b6be5002a905c1e62f114' }, hAsync("div", { key: 'd4d03cabf5627b51d74077870c3598e5a9bac24f', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, hAsync("div", { key: '791798d0eaac8fce170dbe704ca2ea340a03bf87', class: "main-action" }, hAsync("div", { key: '8b685400819c746081cac343996d5bac6c138608', class: "main-action-icon" }, hAsync("i", { key: 'c4c65d0096cc6a444dfa0f0770b266055aa48ce6', class: "icon", innerHTML: miBaselineAddCircle })), hAsync("mds-text", { key: '847fb0bceefe8f8661e72c03b181b52102fe5343', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), hAsync("div", { key: 'aa4ec54350c4daf8663251353f22a5234c55ff8d', class: "main-actions" }, hAsync("mds-button", { key: 'ff5769b70dc85371d82bd4cc0605922af84b585c', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && hAsync("mds-button", { key: '576bc1ffe8990458aaef9daf607e1a4d0655dc34', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), hAsync("div", { key: 'f0e744c6f1af2b07351fbb56af3431286038c334', class: "main-infos" }, hAsync("mds-progress", { key: '2a1cb3d4ff85e1b86e47a4588d3096328221129a', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? hAsync("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : hAsync("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), hAsync("input", { key: '5dd0883901bbbfd1d239cb9811a13237b3ea712c', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), hAsync("div", { key: 'b07d914c29fc30cf08e393e9e830ebefcabfbe78', class: "additional-infos" }, hAsync("div", { key: 'd5c664a1fa9407a4e061123b12f312cfa5442c3a', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, hAsync("mds-text", { key: '6d35cae9c629aad6b9e9c3000f22b73ce6079bd5', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), hAsync("mds-text", { key: '62b5515e1737f643fe1691709eeb8d955c6523b1', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            hAsync("mds-tab", { key: '3eaddf7b201ab0e3f443998d8786d3e36e397828', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, hAsync("mds-tab-item", { key: 'bcd80494ab8bfcfb2e2b5cd2d9e1b595942b76a3', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), hAsync("mds-tab-item", { key: 'b18d310ecb45a30e97bdfc7118e0510594b083dd', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), hAsync("div", { key: 'f636fdabf71388ae85c5435fd2a0923a4e7ca6dd', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), hAsync("input", { key: 'aee6ab320026678fe8f417012375d21463e48ab4', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), hAsync("div", { key: '5999a37cb3ffaa032d4df8b49ef7ba7d57e616de', class: "additional-infos" }, hAsync("div", { key: 'dde22de84e1f78c432c1a6a01dab5426d7fea9c2', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, hAsync("mds-text", { key: '670c1ee33fbb60410d0d12cc2835e4359dfcfdf7', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), hAsync("mds-text", { key: '74a19ec7bd402e4cc3693cd01895fa06746fd1ab', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            hAsync("mds-tab", { key: '20411fa449805a734129b05ac695384890817bf9', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, hAsync("mds-tab-item", { key: '2c2d6ce20349385df25a7952f3e0c3ca0f5ae255', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), hAsync("mds-tab-item", { key: 'd4296413eee846260ea5a200001fc9b326ce2fa3', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), hAsync("div", { key: 'c27ca070fdabd20b3f7898fbfa942070a65a352d', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (hAsync("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));
@@ -37198,7 +37208,7 @@ class MdsKeyboard {
         this.stopKeyboardShortcutTest();
     }
     render() {
-        return (hAsync(Host, { key: 'f4a019bb8abbb5d2786623eae83d64cfe61182bd' }, hAsync("div", { key: 'c33ccc56d9ff86191abb53a7f922f8ff5197e5cc', class: "shortcuts" }, hAsync("slot", { key: '302a19180e1cfcc46ae7b556e5cf1f02762fae54' })), this.try && hAsync("mds-button", { key: '8111e2709ffe3e11e96b4e436e39b50f0e168b24', icon: this.getButtonIcon(), "aria-title": this.t.get('testKeyCombination'), class: "combination-checker", variant: "dark", tone: "quiet", onClick: this.startKeyboardShortcutTest.bind(this) }), this.try && hAsync("mds-tooltip", { key: 'ed46df3dc7a6a2ec16742e8865e9576b3f944dc9', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && hAsync("div", { key: '14be9e7a889ae3918aff50727f97663794d94a8c', class: "errors" }, [...this.errors].map(error => (hAsync("mds-text", { typography: 'tip' }, this.t.get(error))))))));
+        return (hAsync(Host, { key: '598a620f99612fb33610cd90f571740b80134e8f' }, hAsync("div", { key: '470fdb666b7643502360fb4fc8d96fc7deabb872', class: "shortcuts" }, hAsync("slot", { key: '7b8d29a09a1dd89e2360b8cd510a6257f38f0eee' })), this.try && hAsync("mds-button", { key: '3ffe93c36de59b9b97376bf1155c58028a29b688', icon: this.getButtonIcon(), "aria-title": this.t.get('testKeyCombination'), class: "combination-checker", variant: "dark", tone: "quiet", onClick: this.startKeyboardShortcutTest.bind(this) }), this.try && hAsync("mds-tooltip", { key: '9d1b550b6b4b62df3f6c5e45d2a512a1dcb36f71', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && hAsync("div", { key: '8828d357af9afd4100f205a4e02c3a9fa8f9bc10', class: "errors" }, [...this.errors].map(error => (hAsync("mds-text", { typography: 'tip' }, this.t.get(error))))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -37502,9 +37512,9 @@ class MdsKeyboardKey {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '802f1f4633d3a756c8bcda46212981ea24e1e61f', title: this.getTitle() }, hAsync("div", { key: '907ac88ddc6321b9a61cdaf9a4e7880b745e53dd', class: "physical-key" }, this.name && icons.has(this.name)
+        return (hAsync(Host, { key: '5b7129504b0ee5de303d8ce4d42e8d30084de687', title: this.getTitle() }, hAsync("div", { key: '50e17ff55071255ed3525a2ccf7aa92dd9254f09', class: "physical-key" }, this.name && icons.has(this.name)
             ? hAsync("mds-icon", { name: (_a = icons.get(this.name)) !== null && _a !== void 0 ? _a : miBaselineBrokenImage, class: "shortcut-icon" })
-            : hAsync("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && hAsync("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && hAsync("mds-text", { key: 'd3f68d86fd848f9909c1056a6cbbb19f591dbbff', typography: "label" }, ((_c = this.keyboardKeys[this.name].keyboardPosition) === null || _c === void 0 ? void 0 : _c.left) && 'l', ((_d = this.keyboardKeys[this.name].keyboardPosition) === null || _d === void 0 ? void 0 : _d.right) && 'r'))));
+            : hAsync("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && hAsync("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && hAsync("mds-text", { key: 'af6479e88a5e499f875036e9076722b4b7be3976', typography: "label" }, ((_c = this.keyboardKeys[this.name].keyboardPosition) === null || _c === void 0 ? void 0 : _c.left) && 'l', ((_d = this.keyboardKeys[this.name].keyboardPosition) === null || _d === void 0 ? void 0 : _d.right) && 'r'))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsKeyboardKeyStyle0; }
@@ -37534,7 +37544,7 @@ class MdsKpi {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4399ae89280bb996ebeb8e7ef5971ec00ee69751', role: "list" }, hAsync("slot", { key: '59c73a18547bb1f9f9053c722d6d508894c87f80' })));
+        return (hAsync(Host, { key: '96a971940592fd1c7d1a2d8e8baff17211f5e1ad', role: "list" }, hAsync("slot", { key: 'fdfbd2d5ed999bdd53143d8e8434f435724f4dc8' })));
     }
     static get style() { return MdsKpiStyle0; }
     static get cmpMeta() { return {
@@ -37580,8 +37590,8 @@ class MdsKpiItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a548c1197f941df9a27001c04c7b1973e118cf62', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
-            hAsync("div", { key: '45b4e16c656b8396f937686f94f96e19e5179e83', class: "icon-container", part: "icon-container" }, hAsync("mds-icon", { key: '80b25ccdeb97adabf15777ff0aeb5729d0a6e851', class: "icon", name: this.icon, part: "icon" })), hAsync("div", { key: 'e8e2e47c10677f452366cba17f68fd67ee709bcc', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && hAsync("mds-text", { key: 'f34e784df8edad19785738a4c71ea4f22827b264', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && hAsync("mds-text", { key: '4286792ac9bb8f13518d704816a552c566510e10', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && hAsync("mds-text", { key: '6ff1ee311b55e983d24dc6969c7dd40f0dc99289', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && hAsync("mds-text", { key: '990e39c96111524372155bdf3486fda699a33ae0', class: "description", typography: "label" }, this.description))));
+        return (hAsync(Host, { key: '1485f1246e75cbd0a8e4eea4dc48627c6036b0c2', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
+            hAsync("div", { key: '1fb07fe15c976612c77cbf7e4ebe4a7e9be3d4b9', class: "icon-container", part: "icon-container" }, hAsync("mds-icon", { key: 'b454b082899fd16b8564b710e5ba6c1ba3bba8f7', class: "icon", name: this.icon, part: "icon" })), hAsync("div", { key: '14285e23aea734f28d9947820a6eb34dbae009f3', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && hAsync("mds-text", { key: '676a38eb05efa550de734fecd0ddc1c0de6c43a8', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && hAsync("mds-text", { key: 'e41e789f449a70ee280bdfa676a4e719424b678c', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && hAsync("mds-text", { key: '5e107778e1eea06f90d2ecb2ef33e23c2848fed7', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && hAsync("mds-text", { key: '76a02b87ef1414df9ad50799344dbfebcb6c5eb8', class: "description", typography: "label" }, this.description))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsKpiItemStyle0; }
@@ -37683,7 +37693,7 @@ class MdsLabel {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: '8e07b2f4db4c8cd94461d92d0f7092b14da2ca14' }, hAsync("mds-text", { key: 'a4d0fc6386c315ffea2eb8a49839981ab2e2f1a2', class: "text", truncate: this.truncate, typography: this.typography }, hAsync("slot", { key: '738206f293b5220116934edfdbd0ed14cf38d8c9' })), this.deletable && hAsync("mds-button", { key: '17c807ebeb0757d692d408ea64ac8cdb011dbc6a', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
+        return (hAsync(Host, { key: 'e80d45bf379998144265544a7872891145c34acf' }, hAsync("mds-text", { key: '5318d30e3acc984cdd6b1f0334a4b9c9ea3a523a', class: "text", truncate: this.truncate, typography: this.typography }, hAsync("slot", { key: 'ff2029b1cc6174bcdc9c56f18b24bc2f55178949' })), this.deletable && hAsync("mds-button", { key: '6b6e6e898238b6fe48827417b47b1e9ef21276ee', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsLabelStyle0; }
@@ -37717,7 +37727,7 @@ class MdsList {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '6b535d21db95eae01155c73f48e3eb43740d37ed', role: "list" }, hAsync("slot", { key: '022a37299f62bd315ee414ad6ec6cb598e44b0aa' })));
+        return (hAsync(Host, { key: '250c301dbea62e0dcb22b5a72e8a5d63461e6f6c', role: "list" }, hAsync("slot", { key: 'c9d79830264d9e878f81505722c97170a767d488' })));
     }
     static get style() { return MdsListStyle0; }
     static get cmpMeta() { return {
@@ -37755,7 +37765,7 @@ class MdsListItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '689404d1e24ccca3f7b6dae14c9de758a9958433', role: "listitem" }, hAsync("mds-icon", { key: '55e226db64ac816f361d6de838a5d7a12a249bdc', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), hAsync("mds-text", { key: '9ea43df05abfe834015a0b1f48b4676d068c4999', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, hAsync("slot", { key: '5767deb4dc3f9d831be9110f09754f3f7044406d' }))));
+        return (hAsync(Host, { key: 'f136f38547f3b45e5710fb33f53f9ad5beb5eada', role: "listitem" }, hAsync("mds-icon", { key: 'ec5e928be354f5d67874081d7735da646c121be2', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), hAsync("mds-text", { key: '3536b45928192a003dfdb9fc16f11ff5a849281a', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, hAsync("slot", { key: '523e809b4da37e3cbc55724ba0a4e1b63dd284e0' }))));
     }
     static get style() { return MdsListItemStyle0; }
     static get cmpMeta() { return {
@@ -37792,7 +37802,7 @@ class MdsMention {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'df0bfe4704b4e21795b4eadfeb53eef140ceaabc' }, hAsync("mds-icon", { key: 'ba77f6b3c8eb89a9387ca2bb89ef423e52f42da4', name: this.icon ? this.icon : miBaselineAlternateEmail }), hAsync("mds-text", { key: 'd8cee91020acc06427aff06492ae2ce0a9022c48', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
+        return (hAsync(Host, { key: 'e512ce01c50eb7de62f0531db49fec36ed7d40ec' }, hAsync("mds-icon", { key: 'f115766ec939a784de58b190ec21f00efcc362fb', name: this.icon ? this.icon : miBaselineAlternateEmail }), hAsync("mds-text", { key: '04e0217264db185a183f391730c416404006ffd5', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
             ? this.label
             : hAsync("b", null, this.label))));
     }
@@ -37989,11 +37999,11 @@ class MdsModal {
         this.opened = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '0bb39d317dac6a8a10eb12955f4f5a4f398ea3e9', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => { this.closeModal(e); } }, this.window
+        return (hAsync(Host, { key: '1b268f34c7f25eeb5436daa9018132881b9958c9', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => { this.closeModal(e); } }, this.window
             ? hAsync("slot", { name: "window" })
             : hAsync("div", { class: clsx('window', (this.top || this.bottom) && `window-${this.top ? '-top' : ''}${this.bottom ? '-bottom' : ''}`), part: "window" }, this.top &&
                 hAsync("slot", { name: "top" }), hAsync("slot", null), this.bottom &&
-                hAsync("slot", { name: "bottom" })), !this.window && hAsync("mds-button", { key: '4609abeb254fc6391440f6761d23e106086c8d3f', class: "action-close", icon: miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
+                hAsync("slot", { name: "bottom" })), !this.window && hAsync("mds-button", { key: 'c7405ab0b5113521826736951ebc0653f6d0998f', class: "action-close", icon: miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38091,7 +38101,7 @@ class MdsNote {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: 'd6896e8d413d8e2ad96a9a6e55c1d7bc80001341', role: "note" }, this.deletable && hAsync("mds-button", { key: 'e4694d1e37c020ad8f049e14e3fd2d0cedb0f725', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), hAsync("slot", { key: '5abf58c10af4d649881d3e34fbfcf66977a3088f', name: "title" }), hAsync("slot", { key: '66ef5a0e8f728bad0dbf4f03df2ec8ecad551074' }), hAsync("div", { key: '426fad87e059f3d98255d4ee0b3d994c0a7c499f', "aria-hidden": "true", class: "fold" })));
+        return (hAsync(Host, { key: '4132b95eb28b42f2030eb9e5c72e8d312e64b5f1', role: "note" }, this.deletable && hAsync("mds-button", { key: 'da7c7377201afb407282d038f8476dc5cac97de1', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), hAsync("slot", { key: '67d443edd49895dc2e33f7104f68df7f5a1150eb', name: "title" }), hAsync("slot", { key: '744b75fa5ce7eab43a92a5292f99c719fec56b2f' }), hAsync("div", { key: '106fdbefaa7d19893c670480272d0cfd2f7770a9', "aria-hidden": "true", class: "fold" })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsNoteStyle0; }
@@ -38184,7 +38194,7 @@ class MdsNotification {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '3ac46007378c8ad67579440f9de2d998dff2fdd1', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, hAsync("mds-text", { key: '11638c845d46a5af96a4fcf91530dee39fb38e2f', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (hAsync(Host, { key: '917bb13a40761b4c1eda6c0e5136ed472e66bae4', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, hAsync("mds-text", { key: '9b00bd0a323c7bef977e5170e26817491f86fde6', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38268,8 +38278,8 @@ class MdsPaginator {
         }, 10);
     }
     render() {
-        return (hAsync(Host, { key: '22b775fc7a3becbd152bb6d216404da2da7e09d0' }, hAsync("mds-paginator-item", { key: '55fd5a7ca06ceb07c2d5c691590b0fb59caba486', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && hAsync("mds-paginator-item", { key: '3eba254154385c6f5981551979526ad7d1c9ba47', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
-            hAsync("div", { key: '57632cd05faebece7d1d6840677f687c6c7b12ff', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => hAsync("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: ev => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))), this.pages > 1 && hAsync("mds-paginator-item", { key: 'b48fea4189608e7bdf2c2da823e6e74c8dcff140', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), hAsync("mds-paginator-item", { key: 'bcfec3ebfb6cbb36c4d8b65500f00895dbf6dafd', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (hAsync(Host, { key: 'b9d657eba839f340e6884a33a60679318d54f34d' }, hAsync("mds-paginator-item", { key: 'cf00f632028acf9b723cd5262445d344d5eaf247', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && hAsync("mds-paginator-item", { key: 'fa939c14a850380e2f176bab540822569ad69920', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
+            hAsync("div", { key: '59d2f6299c3272a5a9eeb775debd951c92b010d3', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => hAsync("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: ev => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))), this.pages > 1 && hAsync("mds-paginator-item", { key: 'da7bdcac91a730b578d40d87d3eafe376c504d0a', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), hAsync("mds-paginator-item", { key: '96c940a778f155d35297834eada78c7fb5207ef6', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return getElement(this); }
     static get style() { return MdsPaginatorStyle0; }
@@ -38312,7 +38322,7 @@ class MdsPaginatorItem {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: '62cc2772c438490906e2a23f47371ce4cc5ee359', tabindex: "0" }, this.icon !== undefined
+        return (hAsync(Host, { key: '83a9889fd9d3228c8ec3d10ae44f91c8f1b9c8ff', tabindex: "0" }, this.icon !== undefined
             ? hAsync("mds-icon", { class: "icon", name: this.icon })
             : hAsync("mds-text", { class: "text", typography: "caption" }, hAsync("b", null, hAsync("slot", null)))));
     }
@@ -38467,7 +38477,7 @@ class MdsPolicyAi {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (hAsync(Host, { key: '7b3b325b4e9e506f0a616b9226aa03c645657af3' }, this.variant === 'icon' && (hAsync("mds-help", { key: '1a447115fa180c1ba7177c635d1aee6cff6d56af', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, hAsync("div", { key: '03659e3d39e8975275b49f979cda4e8299ee8427', class: "icon-tip-content" }, hAsync("mds-text", { key: 'ad6ee7a3ebe799862c9271dd0a5ca09f4a751341', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), hAsync("mds-text", { key: '85f04c35983e39c2b9a29d113eaa09ff4ce0c14a', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (hAsync("div", { key: 'ccdaa6cb631ce7f2221215ef8317176870bc3a69', class: "chip-wrapper", part: "chip" }, hAsync("mds-chip", { key: '8ab1fb2fa360ca6f7c26412c750dc6ed833f430e', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), hAsync("mds-dropdown", { key: '723c1752cc3885cc3e3fba3e4e5c05801ec6aecb', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, hAsync("mds-text", { key: '2f064ded6edfa4e3f145f3b2209e998f9c6bb2f0', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), hAsync("mds-button", { key: '09bf7e7e5b5798733515c9f7bdecd46aef1f382c', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (hAsync("div", { key: 'd9a7053e2554e2f21c4483f995cb63839c44bd87', class: "mini-card", part: "card" }, hAsync("mds-icon", { key: '0d85ed781a4072c21d629e3a06a518c7061be311', name: mggAiChatbot, class: "mini-card-icon" }), hAsync("div", { key: '9c0ed48327600ca808c03eb0d643b2658e2beb73', class: "mini-card-content" }, hAsync("mds-text", { key: 'd23fbe3584a7723765561898fb6b4d1489165797', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), hAsync("mds-button", { key: 'b9e5034cbea3a96c96d7bf6d0e4618252a610efc', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: 'a92021b49245a534cf3dd1e0e59846b1cde43467', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'e9806827a701a6cb74f615a6c918954346ed0cc7', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (hAsync("mds-banner", { key: 'e4d1fa96ac6676e3f6b234c340e5532bfd879a74', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, hAsync("mds-text", { key: '4cb7e4ef50bb37d2615f41adb372c43a5e12f8ec', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), hAsync("mds-button", { key: '8b9d0e1fb43a56bd85ae4f442f30a57de4251048', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: '5ddab433bcebbf840975ea948bb5806025eb85d5', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'cc02bfe5e6b22cb2732db55b5b89b5a76627336f', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
+        return (hAsync(Host, { key: '72d7e3bc8886d4c6f59012e2cb0b91252143dce3' }, this.variant === 'icon' && (hAsync("mds-help", { key: 'cf90aecdca7503a31e8a0eea27a70043436c0dcb', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, hAsync("div", { key: '14d608168b16a49512400ea8dfa3aea1680802d3', class: "icon-tip-content" }, hAsync("mds-text", { key: '2a735997621d2bc9e8e20845e5372ef492872535', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), hAsync("mds-text", { key: '6be3500bc2859844b2bbb27e8da817c615b5770b', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (hAsync("div", { key: '57a52a17c8d2f74672bb015adf315ce0199b8016', class: "chip-wrapper", part: "chip" }, hAsync("mds-chip", { key: 'f15b61e8dce8f63a9314218fdd60bf95d9958021', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), hAsync("mds-dropdown", { key: '703a3417615e91fc633b16de3d14c6dd0bbead6b', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, hAsync("mds-text", { key: '8d1c9c30777f62edd6d2f758f91df649f34d7352', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), hAsync("mds-button", { key: '477ba35f2ce3ab2358c96cde22c07c218131887d', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (hAsync("div", { key: '2b7f145e7101cce14187a4635f6dbc423074e4d9', class: "mini-card", part: "card" }, hAsync("mds-icon", { key: '10867cba24062a9bdb1d34fcd200d70bf79e5987', name: mggAiChatbot, class: "mini-card-icon" }), hAsync("div", { key: '26b31278f27cf2362a7ce28d66cf5c612c02b148', class: "mini-card-content" }, hAsync("mds-text", { key: '9ea1156539157d4d0e15d8f2d8e2fefce78a6e5f', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), hAsync("mds-button", { key: '432dc16dddfc90e5f4a5103a8b0833c5d733d2c2', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: '140f4b47749bd58f54cfa6e2a76a898bd05b52c2', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: '283c3bd3223f586722f26f696bfbf934c9433a53', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (hAsync("mds-banner", { key: 'aca7d32e132d32f7d6ffe2287c9c7976cd6cb8d7', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, hAsync("mds-text", { key: '33fb6d756c16baa331868822946b0ebf768a0199', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), hAsync("mds-button", { key: 'cbec6e47269b8090e9fdd45a3cd6a04a05b46bb0', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: 'b9baffca2598d06bc5ca8af1bdc7757130a42485', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'c16e327d6f4b19ecd6c8ef9f8d964d84524f9461', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsPolicyAiStyle0; }
@@ -38599,7 +38609,7 @@ class MdsPref {
         this.removePerfEvents();
     }
     render() {
-        return (hAsync(Host, { key: 'de3136d856df4f53e637a44b60392af6d646750f' }, hAsync("slot", { key: '23d28929d516b33fdef140780bfe37fb04189a96' }), this.showReload && hAsync("div", { key: '808dbac26256dfdfa46e4296c1d74e1992f38901', class: "reload-required" }, hAsync("mds-text", { key: '18a55f404c6aeddcd22b56f8fbd479636acef773', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
+        return (hAsync(Host, { key: 'ebbe5a04bed720ac2df81b04d4d7a67f714d1c53' }, hAsync("slot", { key: '0753427d80613560e5f0ed2a8ada2fc537c43237' }), this.showReload && hAsync("div", { key: 'a91ef3ed3ec0c9a7ceaa3cf699733c19048d29b0', class: "reload-required" }, hAsync("mds-text", { key: 'f76105559924959927aae56bca0e0496c544487e', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38732,7 +38742,7 @@ class MdsPrefAnimation {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2821c3f697981c845ed938ef098c4338233adf4f' }, hAsync("mds-text", { key: '393df047794c7c3caa76f8bb42c64c47843e8a6e', class: "info", typography: "caption" }, hAsync("b", { key: '59cb5d343a080753961e7d2dc1b68489cecf5444' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: '804cbd538828ba8d09c7cf47dc486dead953d2cf', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '8cdc09c3c4a36610ac3e3ca3f31180a27236ce86', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), hAsync("mds-tab-item", { key: '28d3d634639ca021147bb4d0310eba349d399fe0', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'de5a9a6778d4fc97deee6d237d4777cc6966a914', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
+        return (hAsync(Host, { key: '71cca120364748b8f31e4b7698c4e10ee973c989' }, hAsync("mds-text", { key: '17f1ac60b45e86483b89256115958d9939a78ed9', class: "info", typography: "caption" }, hAsync("b", { key: '0fa32f4e8cdd821f3e271db8b62a93a73834cf3d' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: '4710ba7f3b1eb8bc9736803480bab1e091b19537', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '47b6c74a616c8ea1421fb145364fb0c03d263394', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), hAsync("mds-tab-item", { key: 'dd73815b8e9d518f30be300779b7504096027ca3', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'de62a0738572393c7eaef22c55f19ddb1b373f1e', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -38875,7 +38885,7 @@ class MdsPrefContrast$1 {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '811e0958ae6ecf6566275ad7d9d02b5808791d36' }, hAsync("mds-text", { key: '0f28bfb60e9158f045bbb790b2d7b3c5b093311a', class: "info", typography: "caption" }, hAsync("b", { key: 'a3a132f262554f5a38309c5e54841d8b6df8842b' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'b958aff782461637ea7a3c8903c47e2fbea66241', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '07b02ec88331281d6efc054f40c70030d5532ad4', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), hAsync("mds-tab-item", { key: '41909a5ac3cc66fc19cc79a631269e9fad96d838', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), hAsync("mds-tab-item", { key: '36c5f60996c6d89fc0d37c6f2d16a463a811a0fb', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
+        return (hAsync(Host, { key: '6c22c70a6d7fc957086c173ec28ca99c42c368dc' }, hAsync("mds-text", { key: '88edcfc798f5bf58c324e2ee171260bd2e2a355b', class: "info", typography: "caption" }, hAsync("b", { key: '35643f30b48a80a089fb7b10f68d14f2a44a06eb' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'cb63e033dc4bee3b6c1b3358b6fd3cd0b2939105', fill: true, size: this.size }, hAsync("mds-tab-item", { key: 'b28704cadb7eea4320fba65c192d56b01dc92642', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), hAsync("mds-tab-item", { key: 'de8dcb45ffc1c2e333454fa82c8ac209ad8ae1a7', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), hAsync("mds-tab-item", { key: 'aa6606c7b8a8e6909d3bac549434e56990449c50', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -39028,7 +39038,7 @@ class MdsPrefContrast {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2568b6a5c9d89197d9e0effd9e15693b18b766bc' }, hAsync("mds-text", { key: '1ccdc6cf3f28dab94cb1d97c7072886302d9c8a1', class: "info", typography: "caption" }, hAsync("b", { key: '55c3676118d0dd051bf6ede4c9bc230487560465' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'ba3f0cd7782972ade4d92817c1aa41024b94d851', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '4dbdae43b6a4910969aad293fc75270cf07bbd8a', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), hAsync("mds-tab-item", { key: '8994863ac2af6236aba1f0a28d8efebae5fdc6e3', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'ea53d733041e01f6ab28567dd6e59dbdb5387c80', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
+        return (hAsync(Host, { key: '48ce071520023dbc7e564b23fea26e6c5428f188' }, hAsync("mds-text", { key: '9adeb519156fbbd39dc61ebd2c7e1619869fbeeb', class: "info", typography: "caption" }, hAsync("b", { key: '4e8fbe1afe468a5b01da6bbd57220f25d425c79f' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: '75f3151b3f6f9f8819d1fe7773777dcd1cde5bdf', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '1fa13d9161b14396aff119d0c07d9fd7ade3718f', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), hAsync("mds-tab-item", { key: '00bd276c675ebde3dd9af9069d4b2640a4d80390', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'bdd8aeefe91c02b8541263466fe423a793bbdd1e', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -39996,7 +40006,7 @@ class MdsPrefLanguage {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '30c4d9175a08f3fcf9f499b75d320c027d5fe6cc' }, hAsync("div", { key: '1aeea8d22e90328d9031817730be9ee0c451d05c', class: "menu" }, hAsync("mds-text", { key: 'b99c19735994acfbb6dd8735de5df7535a16b33e', class: "info", typography: "caption" }, hAsync("b", { key: '7c81f04f6c084dec1a3a87714c3673b734643fd4' }, this.t.get('label'))), hAsync("mds-tab", { key: '41ccd7390c27c5e3e8d1a072d6389828c263c257', fill: true, size: this.size }, hAsync("mds-tab-item", { key: 'b254d907a69b9ca92214b571cd487259860651c4', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), hAsync("mds-dropdown", { key: '49a54033bafa12b6c0c60bd7c9a2753fa8df8507', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, hAsync("slot", { key: 'ed714fe4ef4a9607f4c6993a4c7ace61bd893a52' })), this.set !== this.defaultLanguage && hAsync("mds-text", { key: 'a1919f790270b1eea5c4b92794b5c0c575e83c32', typography: "caption" }, this.t.get('defaultLanguage'))));
+        return (hAsync(Host, { key: '59c76e3a155537d497d809e494013bee69b44e8c' }, hAsync("div", { key: '2ec686ec890b0e4810061d211755d4555b6d7b91', class: "menu" }, hAsync("mds-text", { key: 'abba07b2a689f9ae97b5aeebddb746835ae24a93', class: "info", typography: "caption" }, hAsync("b", { key: '5c17be3e59c3e491e90bb15db505c4ddf666f23b' }, this.t.get('label'))), hAsync("mds-tab", { key: 'd81c8542ccdd86b9c2856691f8f874ac3ba1ebdd', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '687d9ba15b927ea26f4890eb1d6090f9db9ed955', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), hAsync("mds-dropdown", { key: '666c0dd75372739354955d6283f2a2f7880dac0f', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, hAsync("slot", { key: '4e6a3df41304ddc2957a2d1ac492dc2026fe51ea' })), this.set !== this.defaultLanguage && hAsync("mds-text", { key: '7a613f9d5291aeb5c5a126061c590b803bc48830', typography: "caption" }, this.t.get('defaultLanguage'))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsPrefLanguageStyle0; }
@@ -40264,7 +40274,7 @@ class MdsPrefLanguageItem {
         this.t.lang(this.element);
     }
     render() {
-        return (hAsync(Host, { key: 'f32553b56118796faa84635b9d3dcfef18b3a80b', onClick: this.handleClick }, this.code
+        return (hAsync(Host, { key: '04abb1030e35f38b9eff411abf47a6fd0fef9e8d', onClick: this.handleClick }, this.code
             ? hAsync("mds-button", { icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "quiet" }, localeDefault[this.code])
             : hAsync("mds-button", { icon: miBaselineCheckCircle, variant: "error", tone: "quiet" }, this.t.get('noCode'))));
     }
@@ -40525,17 +40535,17 @@ class MdsPrefTheme {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '28c09d23c1a91df3ae5fe14be3ca8c87ee0b5a3a' }, hAsync("mds-text", { key: 'eeb9b71b7dc618ff2d9415e08a97d6b01a5f5368', class: "info", typography: "caption" }, hAsync("b", { key: '19917c8f74ed91493b7cff55de5421eef2dceea0' }, this.t.get('label')), " ", this.disabled ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true }) : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), hAsync("mds-tab", { key: '250516da156920fb7b0cf727d81c8da1c6fa3f6a', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '58f785463be3c4bf7a9f22c5c410fb76fad6dab4', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
+        return (hAsync(Host, { key: '8a6877704c561751044cad5fea908d317974ecc4' }, hAsync("mds-text", { key: 'c7547b26324db0e91bfaee3dfd1186bac8b7f5e4', class: "info", typography: "caption" }, hAsync("b", { key: 'a6a9f58db4957fe1d0058462589028883da76e7c' }, this.t.get('label')), " ", this.disabled ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true }) : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), hAsync("mds-tab", { key: 'cfc9d7d3dd3205a2ff6ef96d8c827fbce33d94a2', fill: true, size: this.size }, hAsync("mds-tab-item", { key: 'd072ad1253a0062699fc31624067cad3a6f9aa82', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), hAsync("mds-tab-item", { key: '85862f369dbb7b47e0d6b022c273d7ef52b09822', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--light", icon: miBaselineLightMode }), hAsync("mds-tab-item", { key: '5d77b1a075f16cfebd7a73e6944cd81ef478a29e', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('system');
-            }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: '7b9018a52de92d02121e21eda8cc0a053ef47d6a', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
+            }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: '6295df2ceaa0c5724b1aaf99230b33032faf5394', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
@@ -40572,7 +40582,7 @@ class MdsPriceTable {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e0417530a119c97cbd79258405224be0f168db75' }, hAsync("slot", { key: '4fd39678c16759e07dddc83cfda2fbc9c0e29f08' })));
+        return (hAsync(Host, { key: 'a577e5fb0af3e8a1d61d2f7567f735cb22dcab68' }, hAsync("slot", { key: '74c22ace285d16971a5f1cc8ea7353e276f9c5c9' })));
     }
     static get style() { return MdsPriceTableStyle0; }
     static get cmpMeta() { return {
@@ -40597,8 +40607,8 @@ class MdsPriceTableFeatures {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '1ef1d2675e4f0c86d69b109458fb57da81ee4b32' }, hAsync("div", { key: '157e0596180ff8679de3aeeca1581e7f106de222', class: "table-wrapper" }, this.label &&
-            hAsync("header", { key: 'ff01e4d69f70de954d36e62067685459fa6bc848', part: "header" }, hAsync("mds-text", { key: '1fae2b224e92a49814a49fe0b9f10109b2953336', typography: "detail" }, hAsync("b", { key: '1a725c8f0266b7cbfcebd99345d4223b217fd040' }, this.label))), hAsync("table", { key: '788f7696352facee6b02de88f79a890df5e3241d' }, hAsync("tbody", { key: 'be75dedb22a10c6c9240c0a64c51b66e388fca81' }, hAsync("slot", { key: 'cbd012ba80ca3080f342ee2d3f117f4e4aef0d4e' }))))));
+        return (hAsync(Host, { key: '65fbe8292e0f2cb896d38e251195e1b6336aad65' }, hAsync("div", { key: 'afc0d405aa730019cdf162c51c2e65048ac1a367', class: "table-wrapper" }, this.label &&
+            hAsync("header", { key: '3066a6a4ea70894a4af5dd06751584f4ccaaf96f', part: "header" }, hAsync("mds-text", { key: '61e33977213f3f8d59e7cd8b2a0da80224f1eaac', typography: "detail" }, hAsync("b", { key: 'e27b98d309788d5ba03ed9d0fc5b125057da97d6' }, this.label))), hAsync("table", { key: '57790158982fe3bc897e054806f5bfe77abea87a' }, hAsync("tbody", { key: '7fae29e9d82a73b3f007220f92d2a8831906dd66' }, hAsync("slot", { key: '6ae54c5f2f0954146108da40aa855b7d094dd544' }))))));
     }
     static get style() { return MdsPriceTableFeaturesStyle0; }
     static get cmpMeta() { return {
@@ -40632,12 +40642,12 @@ class MdsPriceTableFeaturesCell {
         this.type = 'text';
     }
     render() {
-        return (hAsync(Host, { key: 'cecaee10d99c846cb03da5fb59c13d071b666446' }, this.type === 'supported' &&
-            hAsync("i", { key: '33c7d0033777170f4bd597868b577845a178f84a', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
-            hAsync("i", { key: '6d090ba33661ca00a93a0b2cc6dd270944c28a72', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
-            hAsync("mds-text", { key: '843f97e822b7550084ef973dbe59d0f90f8bdcca', part: "text", typography: "detail" }, hAsync("slot", { key: '1552041e8889c24830e51a8127452b90c50507af' })), this.type === 'custom' &&
-            hAsync("slot", { key: 'e2e1209f67db70845b2a317faef8d005cb9871f5' }), this.type === 'label' &&
-            hAsync("slot", { key: '23554df92079952b34ea0c9d0aaecdddfa8d6d2f' })));
+        return (hAsync(Host, { key: '4a7899a68af9fd5da698426b98181e7f78a2b7d1' }, this.type === 'supported' &&
+            hAsync("i", { key: '361fd2ace1ec0d659aa68d0688c149099449fe5d', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
+            hAsync("i", { key: '0ce1e47ed3bfb79043cf4b1d685fea9fab682048', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
+            hAsync("mds-text", { key: 'e981c7761e51d0938cee50e9df7536dcb3c4d57c', part: "text", typography: "detail" }, hAsync("slot", { key: 'd920bbb5e41efd0fc2de2c23642892a9a1b637c1' })), this.type === 'custom' &&
+            hAsync("slot", { key: '51b22fe6cb649ab1f533032bc02f577fecc4d84e' }), this.type === 'label' &&
+            hAsync("slot", { key: '28a06324c22946c0a4340cbd725cc095fb0b46d5' })));
     }
     static get style() { return MdsPriceTableFeaturesCellStyle0; }
     static get cmpMeta() { return {
@@ -40670,7 +40680,7 @@ class MdsPriceTableFeaturesRow {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'ea2f40afda6701558b4e81d55a5862f6283c6467' }, hAsync("slot", { key: 'f7fb59037f0299a3e6e59367e3913d371e1a1326' })));
+        return (hAsync(Host, { key: 'be5986865dd83d093e41e510e40f9626167603b9' }, hAsync("slot", { key: '60edb75a6a97f8b27cbbd0b1df7ed3c8d037b313' })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsPriceTableFeaturesRowStyle0; }
@@ -40694,7 +40704,7 @@ class MdsPriceTableHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '25464e4e71a08ec4c691715afb9b29312b7c176e' }, hAsync("slot", { key: 'ee6356b25a817565fb60282cb62ea76b161b323f' })));
+        return (hAsync(Host, { key: '04ae527a822347cc3256f7ace0ec39a2879d0e19' }, hAsync("slot", { key: 'ac51851e67c93bd6123f39cb03d9ed160818b781' })));
     }
     static get style() { return MdsPriceTableHeaderStyle0; }
     static get cmpMeta() { return {
@@ -40727,8 +40737,8 @@ class MdsPriceTableList {
         this.hasItems = this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (hAsync(Host, { key: 'bcb0f75fd698ed8005ab317502395610e835855a' }, hAsync("div", { key: 'd1bf605fce4b2025e58870aec9f569986cc724e8', class: "header", part: "header" }, hAsync("slot", { key: '09f20d5366ead42b3cd8553ade7e3daba1c661f8', name: "header" })), this.hasItems && hAsync("mds-separator", { key: '19c90e16fd85ad9094e85f142fff93360d111582', class: "separator" }), this.hasItems &&
-            hAsync("main", { key: 'f39cb095107e5ad73750e184f547f0379eb4b694', class: "main", part: "content" }, hAsync("slot", { key: '83168df80fd39f6680a69159a693066b7a2c1744', name: "item" })), hAsync("div", { key: '979a091bd905b47cab12adb9f573d71cc61f3c68', class: "footer", part: "footer" }, hAsync("slot", { key: '980d6b0d21abc27af2d6bcfec073f0f03d77f53d', name: "price" }), hAsync("slot", { key: 'a4c9836889349086bcdc827a43ace7f1f9f2d78e', name: "action" }))));
+        return (hAsync(Host, { key: 'ae7ad5e094f12ef859c7c68a1300d736c754b0ac' }, hAsync("div", { key: '9ac1a25b2abbf4a835cb5d0a79d215b7fb4da690', class: "header", part: "header" }, hAsync("slot", { key: '175bc650f12bb79445fa445c5956070de0db0895', name: "header" })), this.hasItems && hAsync("mds-separator", { key: '972fb858fd455371e3a7612dd3c5a08ae4b9553f', class: "separator" }), this.hasItems &&
+            hAsync("main", { key: '760041e1b60a2e2bcc069680e6f68cfd083ee2fe', class: "main", part: "content" }, hAsync("slot", { key: '09ffd270982f940371bffd76c88638380a1f3d64', name: "item" })), hAsync("div", { key: '2805b0565faaaaa445a1400e893378d1fea9fd7e', class: "footer", part: "footer" }, hAsync("slot", { key: '6e344dfba8394369ef06d8b0183c7debe70468e9', name: "price" }), hAsync("slot", { key: '7d99c3193e3f13c9807d39bb4b8d711d264d0391', name: "action" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsPriceTableListStyle0; }
@@ -40760,9 +40770,9 @@ class MdsPriceTableListItem {
         this.typography = 'detail';
     }
     render() {
-        return (hAsync(Host, { key: '79248ac6df369b4f5a91303ad2cbbb5e6d1a4bd5', slot: "item" }, hAsync("mds-text", { key: '26a09b91c750898124896f6c3dde4d9606e80662', class: "icon-container", typography: this.typography }, this.supported
+        return (hAsync(Host, { key: '84a70539151919391dcc57b1ffe25018e3a1f8a5', slot: "item" }, hAsync("mds-text", { key: '059e00e943b8cd4dcb804912462326e7c924c6b8', class: "icon-container", typography: this.typography }, this.supported
             ? hAsync("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })
-            : hAsync("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), hAsync("mds-text", { key: 'd76f0dd36e4da02e7c49cc4ae835c617436e3bf5', class: "text", typography: this.typography }, hAsync("slot", { key: '9ef1b80a26c0b47a4850bed4b17f815f3e033fb9' }))));
+            : hAsync("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), hAsync("mds-text", { key: 'd672cd3f77a5447fd457dc6a61571fa7dd81aeb9', class: "text", typography: this.typography }, hAsync("slot", { key: '62a386dd15939df3a5c4b677cf09c359331de05f' }))));
     }
     static get style() { return MdsPriceTableListItemStyle0; }
     static get cmpMeta() { return {
@@ -40824,7 +40834,7 @@ class MdsProgress {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (hAsync(Host, { key: '20f1bd6d8eee5e9c733126dd5d7f85d04cb2d664', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, hAsync("div", { key: '3222763725c233542847a54671f8d828b289ac2d', class: "contrast-area" }), hAsync("div", { key: 'ed532af42aa288bfaa379133182ec54b3f32891a', class: "progress", style: this.direction === 'horizontal'
+        return (hAsync(Host, { key: '0411957a0df297302610af17f83ffacd46998ce5', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, hAsync("div", { key: 'df2bb2e5c355b55193bccf8cc0447d7eddebd244', class: "contrast-area" }), hAsync("div", { key: 'dc046335393cca3792ea9b54fb9ce1c5370933a6', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } })));
     }
@@ -40991,7 +41001,7 @@ class MdsPushNotification {
         this.visible = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '42fd2046e74d018a8f391209769e01ce28ffe20e' }, hAsync("mds-button", { key: 'd8dfbb086fc849b7446c1336468bedc373961671', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), hAsync("div", { key: 'b7a3b20fe9c159b9b16a7be3cd51b9c54cbabc12', class: "notifications", part: "notifications" }, hAsync("slot", { key: 'f237446251476ae7bd658a5a4013dccb79b8a26b', ref: el => this.slotNotifications = el }))));
+        return (hAsync(Host, { key: 'fe2ec4473bb0a4a197e6a0d13ed7b0c2b4973bb6' }, hAsync("mds-button", { key: 'cf2e9fb9a91c2606f841d128ebb6567020b718cc', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), hAsync("div", { key: '2d12f9359aa9e20c6150d0e92c916246e64b5ed2', class: "notifications", part: "notifications" }, hAsync("slot", { key: '568e77443b6db93f181fd23d5b401faf541d52b5', ref: el => this.slotNotifications = el }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41239,9 +41249,9 @@ class MdsPushNotificationItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '8b553b771f5e217dd035e797865c6ea6776f5fce' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && hAsync("mds-avatar", { key: 'bf3656568f9b953f2fd34fb158840de11a0cacb1', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && hAsync("mds-img", { key: '19205265b640a825d5eed14c7bec25b6d4e3f529', class: "picture", part: "picture", src: this.src }), hAsync("div", { key: 'e6e8142de314d6e3af3b50698acb0f4113b930de', class: "content", part: "content" }, hAsync("div", { key: 'f62c3df2634ee857c75d8c31fbc244fa5f948ac1', class: "header" }, hAsync("div", { key: '2b1489cd597ed1399151868b989ed808481cc826', class: "infos" }, this.hasBadge && hAsync("div", { key: '74b2d570d47da3fbe8bedf07481dd8954663ccf4' }, hAsync("slot", { key: 'a4645a55e2e22c3bef76c0670514312afeec7b35', name: "badge" })), this.subject && hAsync("mds-text", { key: '74fafc102696fe51ff64bda885268c56f12c3c7b', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && hAsync("mds-text", { key: 'a5954edcfa9b95efd2afba1914216ee0583f561d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (hAsync(Host, { key: 'e2b9d90e4b0e8a11d83daf487920ca304ae2d33b' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && hAsync("mds-avatar", { key: 'c3b48e1eca7545f95bbfc0aed0606103decd1a78', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && hAsync("mds-img", { key: '297bb4f17c4cdc9e5bea297a1c5bc1776dcf89c6', class: "picture", part: "picture", src: this.src }), hAsync("div", { key: '802b574a02ebeac43d3110f126eeea63d89337d8', class: "content", part: "content" }, hAsync("div", { key: '0c71d1a5e49c0303d4448b36d064a0aafc838342', class: "header" }, hAsync("div", { key: '7586249e45d25fa0d8ccbd8293dafa70b0128e80', class: "infos" }, this.hasBadge && hAsync("div", { key: '880a8f4ff70adc808204f40501ec2e51679c0763' }, hAsync("slot", { key: '1dd325b9d845cb09237264ea7ff9a728c8b2d333', name: "badge" })), this.subject && hAsync("mds-text", { key: 'f4e94a1a45865bda26e2191ba5f3b72a134f9555', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && hAsync("mds-text", { key: '8e4aaff7d51bdf1f1a922a27f287ea5089b9a39d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), hAsync("mds-text", { key: '74d242a1db9b8f42b4f615acebdc1858c5827ff1', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && hAsync("div", { key: 'a824f1de1fc2cf0ae1b00f7200bb28a85d4ce227', class: "actions", part: "actions" }, hAsync("slot", { key: 'd6a25cd811ab06a4ea15e67e7bcfbd97a4ab2e13', name: "action" }))), this.deletable && hAsync("mds-button", { key: 'b19f9c267a797e1bfbaa3b6ba8dc3d848c0c944e', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), hAsync("mds-text", { key: '8bf35de84f3a2d245fe8bafa5a2e43c3205bdb0d', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && hAsync("div", { key: '4da810d1af3f1f967401cec72e6271ab78e81192', class: "actions", part: "actions" }, hAsync("slot", { key: '008b78ebd6ee96b2d7205633997bdf05488859de', name: "action" }))), this.deletable && hAsync("mds-button", { key: '2964c6f4370b2bd95a5ede549703a7ad2b593fa0', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41292,7 +41302,7 @@ class MdsQuote {
         this.tag = 'h3';
     }
     render() {
-        return (hAsync(Host, { key: '3f4d0c5b40ee8e06e15d1953b96efeced801dd2b' }, hAsync("mds-text", { key: '4ef041c0d7a4ade51f54f65ddd04995539912cbf', class: "open-quote", tag: "div", typography: this.typography }, hAsync("span", { key: '2e215c574a48a161687611aee8388de1e547640c' }, hAsync("i", { key: '345417a223125a320502e2140057a4dd9b12adc3' }, "\u275D\u00A0"))), hAsync("div", { key: '72d25648c093963f080f5b78c0877fac1e247be4', class: "quote" }, hAsync("mds-text", { key: '744a6efeff7cf124426d3bfdb836f8f03c4cd6d4', tag: this.tag, typography: this.typography }, hAsync("i", { key: '65a2f803de477ae6fe2709e52bce3cc3de4dad37' }, hAsync("slot", { key: '5c9d80e8e5a004b56b1e1c1699cafc7a752d9a9b' }), hAsync("span", { key: 'dfd86a9d2ea482f98c6ec0ee6fb1a464bcf6d2d4' }, "\u00A0\u275E"))), hAsync("slot", { key: '59d157a53d0a9a138386711fda06e21a9d2a41af', name: "author" }))));
+        return (hAsync(Host, { key: '7819c7e5f9a6c15061989f8dcf5fcfeafb9e6688' }, hAsync("mds-text", { key: '166579abe26b7448ddb1b5456cb876df5152de06', class: "open-quote", tag: "div", typography: this.typography }, hAsync("span", { key: '1df73a4f8cc657dee3ed0317b1dcd42af20ca238' }, hAsync("i", { key: '5ef566230c60a8e83ba1a66a9d971bad27712071' }, "\u275D\u00A0"))), hAsync("div", { key: '9fd88a7b7438b69c46e45c8bbf5f853bcdb7c784', class: "quote" }, hAsync("mds-text", { key: '9afcb022421bd15d07885ed5d32406aed37c32d5', tag: this.tag, typography: this.typography }, hAsync("i", { key: 'b5c1beb4f070c0c11cbd643c892b97e5d2425e14' }, hAsync("slot", { key: 'f821ff9f8d235b95cd1a3ae48ca872064e7d47ad' }), hAsync("span", { key: 'b8d41cd1477e69d28b0d97cfed6e329131984e51' }, "\u00A0\u275E"))), hAsync("slot", { key: '47067df2723a3bd4781071193ab3eb15dfcbd314', name: "author" }))));
     }
     static get style() { return MdsQuoteStyle0; }
     static get cmpMeta() { return {
@@ -41467,7 +41477,7 @@ class MdsRadialMenu {
         this.handleBackdrop();
     }
     render() {
-        return (hAsync(Host, { key: '5d037948696650ac884d6ba51c2023c2afef0691' }, hAsync("mds-button", { key: 'a0148d44906ef0b9bf4c5d56af7876c3b14c5120', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), hAsync("div", { key: 'de830343c24f744b010dc006ea4b09e6d96034b4', class: "radial-menu", part: "radial-menu" }, hAsync("slot", { key: '39977e667ba8d0217ef8b5e0d7d419bffd39b9b0', name: "item", onSlotchange: this.updateItems })), hAsync("div", { key: 'a83616c73b839a4f59a42ea94471a3f275a21324', class: "disc" })));
+        return (hAsync(Host, { key: 'efe68ced6e3e09260be4a7a680186ccd98394c1d' }, hAsync("mds-button", { key: '55e5a84c4d28b97e1981cca85d28ad4fb2169a10', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), hAsync("div", { key: '176d7421ad89db3279fd5e4d9e5af2a553d3238d', class: "radial-menu", part: "radial-menu" }, hAsync("slot", { key: '5a0aa43c17560828a8de0e09724d62bc4c02e54e', name: "item", onSlotchange: this.updateItems })), hAsync("div", { key: '7aa6a13fe4bd910438ccbf0e4affa3324b2f4bfc', class: "disc" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -41521,7 +41531,7 @@ class MdsRadialMenuItem {
         this.size = 'lg';
     }
     render() {
-        return (hAsync(Host, { key: '2a89d9531f2e2a54c4bdbf3f259b6f8844eb59a5', slot: "item" }, hAsync("mds-button", { key: 'a8cc2d0a377b6e3e9a93d40c7957dbb003055ee0', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && hAsync("mds-tooltip", { key: '94e92d551152a2ecd60580b16d57be88be9ef890', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
+        return (hAsync(Host, { key: '2f3531474a5df5c38e8e596801aa4bd50173ad9c', slot: "item" }, hAsync("mds-button", { key: '64600a6b24b7985027b7e40331293f69cc89d602', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && hAsync("mds-tooltip", { key: '94e951c4cbd2424154acb1152693bbaa88606349', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
     }
     static get style() { return MdsRadialMenuItemStyle0; }
     static get cmpMeta() { return {
@@ -41548,7 +41558,7 @@ class MdsSeparator {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4f6a46ceb5abb3d9c3fefe23c0851006fa2b92fc' }));
+        return (hAsync(Host, { key: '8ca8c9287fe888c9bf8e24ef5061100cd249477e' }));
     }
     static get style() { return MdsSeparatorStyle0; }
     static get cmpMeta() { return {
@@ -41584,7 +41594,7 @@ class MdsSpinner {
         }
     }
     render() {
-        return (hAsync(Host, { key: '26cc04164b95792fbabf4248eceff7b630d14171' }, hAsync("i", { key: '15a3883a3c6777b5475974269e1a946a955b315a', class: "await-icon", innerHTML: awaitIcon })));
+        return (hAsync(Host, { key: 'd7a24ade119468b787a963a6f4223a1210dd52c3' }, hAsync("i", { key: '9b1e19e3508723672118b7ce8d7968bb2966d15f', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get watchers() { return {
         "running": ["handleRunning"]
@@ -41633,7 +41643,7 @@ class MdsStatusBar {
         this.visible = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '557b8c5ec057b4a4108904f168f74c8b07c407e6' }, hAsync("mds-modal", { key: '1ad9b49f1febd2faadded1fca3526c57ee7073a4', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, hAsync("div", { key: '9985d0ebfc5fdd2d9b625a7134cb1d93a7ca410d', class: "status-bar-area", part: "status-bar-area", slot: "window" }, hAsync("div", { key: '9142b65489fe08bc5b5db433ffc4cc7ab5b793f1', class: "status-bar", part: "status-bar" }, this.description && hAsync("mds-text", { key: '5d6a6a67a64968cf07b44a74998a555c61677155', typography: 'caption', class: "description" }, this.description), hAsync("div", { key: '119525ab7120975331f8e459b343c8cacee1a44c', class: "actions", part: "actions" }, hAsync("slot", { key: '8d0d8a54855692712eb9197b56c2f60ca415be73' })))))));
+        return (hAsync(Host, { key: 'ed5b1448d06c92bbde2188ffddfd30e8d9506e27' }, hAsync("mds-modal", { key: 'c092f190f34d3877b2072d1653a971a8a519a473', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, hAsync("div", { key: 'f0eaadcaf3681c30b3df2213c09d518a573a635c', class: "status-bar-area", part: "status-bar-area", slot: "window" }, hAsync("div", { key: '49f2e8f3c6b23ff238b854164d241f1c2b5ebd5b', class: "status-bar", part: "status-bar" }, this.description && hAsync("mds-text", { key: '7d2c5c60424f1ebac181254030e96d534af86ab0', typography: 'caption', class: "description" }, this.description), hAsync("div", { key: '33fbde57e9a794a3f5dff021f2ebd523e2d8edf0', class: "actions", part: "actions" }, hAsync("slot", { key: 'df2ef8cc67b33ec0c6aa267e0b89d3cc83407ed8' })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41750,7 +41760,7 @@ class MdsStepperBar {
         });
     }
     render() {
-        return (hAsync(Host, { key: '800c54e551923fbe81c197de01a506abb4bfa419' }, hAsync("div", { key: '080cba3a595bdd1b94e9a330b416f5b7bdd16328', class: "items" }, hAsync("slot", { key: '9fbf9124f6f6a0cacd6e04cecff2f62b5498ca20' })), hAsync("div", { key: '10b5387564715ebdca4e36cf034c52bde760ddf8', class: "contents", part: "contents" }, hAsync("slot", { key: '4e0ed56cbead4374bdc5e556cd7b8544cfe92bc4', name: "content" }))));
+        return (hAsync(Host, { key: '7c8da6bdab708a9f61dde0b15d84b2763d88a918' }, hAsync("div", { key: '023c5faa3f309dd02b10cdfcf2e588bc7817b92d', class: "items" }, hAsync("slot", { key: '8fc8cec78b800c1cafe974d500c182f1befc9c70' })), hAsync("div", { key: 'f9051ea55de2672712cdfbbdff75fdd7b329925d', class: "contents", part: "contents" }, hAsync("slot", { key: '2afefad756798b574b38597e7b9b2596b6581443', name: "content" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -41817,7 +41827,7 @@ class MdsStepperBarItem {
         this.isCurrent = newValue;
     }
     render() {
-        return (hAsync(Host, { key: 'e2e04f1ea989c7e976bcbe3451e1a9f4768d3790' }, hAsync("div", { key: '048d4604f98a8faa3cb1dd14b006f929efe10c79', class: "header", tabindex: "0" }, hAsync("mds-icon", { key: 'a4ab733608fc44620eea84f2e92f590e02532d33', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), hAsync("mds-progress", { key: '96457ef1bb940e807202866ee0198e97d960fe5b', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), hAsync("div", { key: '13ffe9e6e11ca508c51433795583e20eb81d6e84', class: "infos" }, this.step && hAsync("mds-text", { key: 'a85396d814f2e67829140a73d74d729afad79373', class: "step", typography: "option" }, "step ", this.index + 1), this.label && hAsync("mds-text", { key: 'c89c75a5c51bb35d3976a517824a1eb362c7457a', class: "text", typography: this.typography }, this.label), this.badge && hAsync("div", { key: '537a2da9d99e11376bbf3b552026a1db88f49adf' }, this.showBadge()))));
+        return (hAsync(Host, { key: '2aa9bbc6764d636fa42cbbd789e4f028ff4fe403' }, hAsync("div", { key: '102ac21ea9847d93551e796c62484f87cd746aa5', class: "header", tabindex: "0" }, hAsync("mds-icon", { key: '37a31e11ba706461f51b4fe27856ab8c9b927e33', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), hAsync("mds-progress", { key: 'a4ed4e7f8b62c6ec33438a9bef6959052b8a1ae9', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), hAsync("div", { key: 'f449bc089a684852300e1e0dfba83a8c9efa6167', class: "infos" }, this.step && hAsync("mds-text", { key: 'a3c9db9792137bc2b2539300d98b756076dd1929', class: "step", typography: "option" }, "step ", this.index + 1), this.label && hAsync("mds-text", { key: '0cb55f334bab5b44fe21cc019ab623335762aba5', class: "text", typography: this.typography }, this.label), this.badge && hAsync("div", { key: 'b2f6f8588de8ab770d5aa80a0313e52bd718700a' }, this.showBadge()))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -42049,13 +42059,13 @@ class MdsTab {
         });
     }
     render() {
-        return (hAsync(Host, { key: '0cee35f7ed7d3673d76e9f87a81b620273b9859b' }, hAsync("div", { key: 'e4e248908127fb334f72886b03469f94a3826c8c', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && hAsync("div", { key: 'a8b1955806568e1e314ce23ec05563b23a12c7e7', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && hAsync("div", { key: '49ff85dddd8e56d4463f5f233e4d2f69397aca2b', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), hAsync("div", { key: '2f11ace6c2845b4048f413ed1df07775835dbe01', class: "tabs", part: "tabs", role: "tablist" }, hAsync("slot", { key: '9ef816fbdc5008db20bbc0f702167e90ba471330' }), this.animation === 'slide' &&
-            hAsync("div", { key: 'ceadac8b4b5f8891294573d60748fe9e9cdc323e', class: "slider", part: "slider", style: {
+        return (hAsync(Host, { key: '4138e29d5cd3b142e3eac4087cefb536978ef5eb' }, hAsync("div", { key: '59be0248301234a142b740680cfe7cbbf1860c8f', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && hAsync("div", { key: '87ab1aaed2774bb76d42dc0824406df89a7bc51e', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && hAsync("div", { key: '601b3b7303e51e7eda2cd8a53509121c76a951c5', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), hAsync("div", { key: '207c925a238840b4c099aa2b2f042a9805ab911b', class: "tabs", part: "tabs", role: "tablist" }, hAsync("slot", { key: '62193a3970c6a92aa72ef532a57b3a74898a6310' }), this.animation === 'slide' &&
+            hAsync("div", { key: '230ea3829204b4cc334e8bd19e2da7c924892a87', class: "slider", part: "slider", style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-height': `${this.sliderHeight}px`,
                     '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
                     '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-                } }))), hAsync("div", { key: '38d88c11f4a33bb223ceecd40231ad33e5c6ad60', class: "contents", part: "contents" }, hAsync("slot", { key: 'f04a15f918ecea307a07b72a07b26c2695406db0', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), hAsync("div", { key: '232c152328c93bcc74fad4dc265a446c73b413df', class: "contents", part: "contents" }, hAsync("slot", { key: 'a6257b53c0603ad1edecadc52953d92540ccc2e0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42115,7 +42125,7 @@ class MdsTabBar {
         });
     }
     render() {
-        return (hAsync(Host, { key: '9351167c42a9c9bbf31b12e824f18822b162449b' }, hAsync("slot", { key: 'f2a200b8ef9c6a0e00ebc4fcbc862e7f6f13967a' })));
+        return (hAsync(Host, { key: '6966cd2da8fc78af973b89906b9bdf0e4683aafd' }, hAsync("slot", { key: 'b320da74d285467d3edde00c6fe5d178263d8e29' })));
     }
     get element() { return getElement(this); }
     static get style() { return MdsTabBarStyle0; }
@@ -42158,7 +42168,7 @@ class MdsTabBarItem {
         this.isSelected = newValue;
     }
     render() {
-        return (hAsync(Host, { key: 'c80554140be9d1f2123f6e9b944a391f11fb4c96', onClick: this.select }, hAsync("mds-icon", { key: '73915df7d55c59636de1759fea18e67e778f2b95', name: this.icon }), hAsync("mds-text", { key: '97bd114b34506730f387ebfbcf20925e9dab7eaf', typography: this.typography }, hAsync("slot", { key: '6d70386aa42912371be0834a5208c41a7878a406' }))));
+        return (hAsync(Host, { key: 'be905d7b7cbbac6f246fac5a8f8894c400f07310', onClick: this.select }, hAsync("mds-icon", { key: '641690b33e138d87408db92f503be4add6a64289', name: this.icon }), hAsync("mds-text", { key: '6a0b8f284dc5559532bfccaf4eb669f74c9ad58e', typography: this.typography }, hAsync("slot", { key: 'be3f1f5bf79b55a22c3dd3eaf4ff4aaa2ee7646e' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42227,7 +42237,7 @@ class MdsTabItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'a903efdab2ba601a7391ee1859686cd60fa8c7e5' }, hAsync("mds-button", { key: '25b65b618a26529ce5daa864742927ecfa1cf890', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && hAsync("slot", { key: 'a406f686115822fa7d12e03838c8c05da1e4344a' }))));
+        return (hAsync(Host, { key: '68ac3ba60165b08af16ab76ecd34ed6740ff889b' }, hAsync("mds-button", { key: 'd004ad30c216bfe131a4c8dce9db6fa66606f07c', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && hAsync("slot", { key: 'd113146375a3821eeb4515fb87edfca40c0910cf' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42367,7 +42377,7 @@ class MdsTable {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: '4f097c1e4c9985e20acce993be1c9510b2843010' }, hAsync("table", { key: 'e0176b33cfc4b2b876d658108de7acd3d38d0b2c', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, hAsync("slot", { key: 'ec9bf47afc49055525aa4c3a7c4d0b6cb7669d37', onSlotchange: this.updateSlottedElements }))));
+        return (hAsync(Host, { key: '657ccbef8268b49eb345799af7a879f14817edcd' }, hAsync("table", { key: '6a261c25b7900ed21ede8a2589773c9dbba02cc7', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, hAsync("slot", { key: '11085b78efcd328e1287bef9d8a6d798ce04c6af', onSlotchange: this.updateSlottedElements }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -42403,7 +42413,7 @@ class MdsTableBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '2642e2a3623100b5826917367d46ef3a936c4e8e', role: "rowgroup" }, hAsync("slot", { key: '5d4e8807a5b0b3e9774906fe8b0bee9c72913124' })));
+        return (hAsync(Host, { key: 'eef86e1d6736cef5f5a8cb0d994fad7c53895428', role: "rowgroup" }, hAsync("slot", { key: 'fded480454ee18afa92ceeacc85d321f2f3c4521' })));
     }
     static get style() { return MdsTableBodyStyle0; }
     static get cmpMeta() { return {
@@ -42433,7 +42443,7 @@ class MdsTableCell {
         setAttributeIfEmpty(this.host, 'role', 'cell');
     }
     render() {
-        return (hAsync(Host, { key: 'e55a206ea01d0ffd28063339b2590b860e373800' }, hAsync("slot", { key: 'd7d15eb91ee8e0d0045a658b05c9963de4b7bd72' })));
+        return (hAsync(Host, { key: '3008a3ff87cc5d6f99837319ddd1c57e023aefdf' }, hAsync("slot", { key: 'c71ef978e091a92583f7dcfa59fcc6915b37d916' })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableCellStyle0; }
@@ -42460,7 +42470,7 @@ class MdsTableFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '2da16f0233064ca5266768ab37a8ceab27b46281', role: "row" }, hAsync("slot", { key: '82e357c7c498f08482e1ef9699f68197dfff2cfb' })));
+        return (hAsync(Host, { key: '2485d97f5ed46baf7dd9e84ee630758d422ba1c4', role: "row" }, hAsync("slot", { key: '52e5f4a75ddb00cc7847eaf239a99eb87eaae387' })));
     }
     static get style() { return MdsTableFooterStyle0; }
     static get cmpMeta() { return {
@@ -42560,8 +42570,8 @@ class MdsTableHeader {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (hAsync(Host, { key: '9c0121b658df8468fa16b410855ebd384e37df87', role: "row" }, this.selectable &&
-            hAsync("mds-table-cell", { key: '82a167e2c3826a1a8108d34f468d3ea76b3dd1ee', class: "selection", role: "columnheader" }, hAsync("div", { key: '578625631f7c9c268c3f022bc689e163dec14f57', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: '2b00c5e95e319f7590b2f329630a9691e4dbc35f', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), hAsync("slot", { key: '982ef24abe74cfd87498eb4dab60a2329590e41d' }), this.hasActions && hAsync("mds-table-header-cell", { key: 'd3cf24b7f4960a3cd0900db9c151a84b9bd9681b', class: "actions", label: this.t.get('actions') })));
+        return (hAsync(Host, { key: '6e7270f5c8f79cf0f29ca85a4b62218d5a933ced', role: "row" }, this.selectable &&
+            hAsync("mds-table-cell", { key: '3de4c5a114a4d93502c6961212620ca9a475a08a', class: "selection", role: "columnheader" }, hAsync("div", { key: '6b6c9faf354307933b59e7b8d4c5b2d10b8ec2a4', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: '6edaf425d0c4f2fb4c24b0f5c7694469a5e1051e', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), hAsync("slot", { key: '5483b2c2725f7473003841f8f8244aadaf34afe4' }), this.hasActions && hAsync("mds-table-header-cell", { key: '2045fad1db9ee99a4822e80b14d857302e4756ad', class: "actions", label: this.t.get('actions') })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableHeaderStyle0; }
@@ -42687,7 +42697,7 @@ class MdsTableHeaderCell {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'c08a21beb479086246c775219a8a2f298599e907', role: "columnheader", "aria-sort": this.direction }, this.sortable
+        return (hAsync(Host, { key: '0aa8b6c5f4a9c41dd4c04a599b91dd5e58d22cd0', role: "columnheader", "aria-sort": this.direction }, this.sortable
             ? hAsync("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "quiet", variant: "dark", size: "sm", part: "action" }, this.label)
             : hAsync("mds-text", { class: "label", typography: "label", part: "label" }, this.label)));
     }
@@ -42790,16 +42800,16 @@ class MdsTableRow {
         observer.observe(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'ca022834802e66713fdb077dfffbc42d2836eee1', role: "row" }, this.selectable &&
-            hAsync("mds-table-cell", { key: '7243f44094f5240a8d4cfb1cb8dd9b4af8b4370d', class: "selection-cell" }, hAsync("div", { key: '5946a5367e8a7931c6241acecaa28bd23c9fbfc9', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: 'a57c4e471504b0ae5c665889229c942bfc470e0a', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), hAsync("slot", { key: '2ffcec67776d5032f3d024e6a473749165ba2486' }), this.hasActions && isSafari() &&
-            hAsync("mds-table-cell", { key: '89a4a8a8240487c3c1baa8f7f9e9919f132a182d', class: "actions-cell actions-cell--disable" }, hAsync("div", { key: 'eca923f4fcf71d2eb411b6896ccf4a4bb8ce855f', class: "actions" }, hAsync("slot", { key: '6f0ee828cdfe2624b2c260571a2949fadb9a26d7', name: "action" }))), this.hasActions && !isSafari() &&
-            hAsync("mds-table-cell", { key: 'f165f40bd7a0c3538e7000a58f2e952a84fd87b9', class: "actions-cell" }, hAsync("div", { key: '8034709aac3afa03306c73e6b26c1a15af7ee5e0', class: "actions-sizer", style: {
+        return (hAsync(Host, { key: '2e8e2f7fbe3fefcefa7e3d01cd6df25b45797e31', role: "row" }, this.selectable &&
+            hAsync("mds-table-cell", { key: '2402489a9d4550bcca19947716709950fb1ad4f0', class: "selection-cell" }, hAsync("div", { key: '087297fdf2d43a665645fa65576789e41be6ddf0', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: '52f8751f0e631c819b3028764e722822d0e2a1e0', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), hAsync("slot", { key: '45dd93bf5b0ac4ca6735b321be0149dc4a540d19' }), this.hasActions && isSafari() &&
+            hAsync("mds-table-cell", { key: '08ee6e136678c5fea1e72a00cdf849f149fd3e6f', class: "actions-cell actions-cell--disable" }, hAsync("div", { key: 'bb20733d0efbd71c6df3e18921134bbe3ebb845e', class: "actions" }, hAsync("slot", { key: '02bb05a788309016bdc11635b7daefe1d0e1631d', name: "action" }))), this.hasActions && !isSafari() &&
+            hAsync("mds-table-cell", { key: '457e6dbf769c46b020e7e9c018984c22f6b1d8a5', class: "actions-cell" }, hAsync("div", { key: 'f1b3d0f31014004430028f1d32153d93e08e9543', class: "actions-sizer", style: {
                     minHeight: '1px',
                     maxWidth: this.sizerWidth,
                     minWidth: this.sizerWidth,
-                } }), hAsync("div", { key: '64f7f1e7593e87fdec29ad8f413e39f95222d352', class: "actions-view" }, hAsync("div", { key: '376f1bac253c67ab38f673de12f2cfdbe087d0e5', class: "actions", ref: el => this.actions = el, style: {
+                } }), hAsync("div", { key: '71a757463507a82582e1eee3c49e4453ef5614b2', class: "actions-view" }, hAsync("div", { key: '9b56c0055fa2c2a333f2ca17b326a33f7a6b8742', class: "actions", ref: el => this.actions = el, style: {
                     marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-                } }, hAsync("slot", { key: '3225feec7b4a1004cd07797a27652aaae143a346', name: "action" }))))));
+                } }, hAsync("slot", { key: '65a74d527990e2592c53443a8626c98d12f690fa', name: "action" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableRowStyle0; }
@@ -43109,7 +43119,7 @@ class MdsText {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8533b79c21f4af1840905e2d3c8d4da012e62134' }, hAsync(this.tag, { key: 'f964e6efa6306c07129253b914425b836fa76cf3', class: "text" }, !this.text
+        return (hAsync(Host, { key: 'be2fe2a0408f4021fe38199c85d05b766fcc69ef' }, hAsync(this.tag, { key: '179a5b0c33ec88d31459f77b686c3f318b06a410', class: "text" }, !this.text
             ? hAsync("slot", null)
             : this.text)));
     }
@@ -43218,9 +43228,9 @@ class MdsToast {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (hAsync(Host, { key: '7495bdad207e6353c4b4346fbd0c2dd3195943eb' }, hAsync("div", { key: 'faae568ee8ef41348b74991fb338d7b201ad6ab6', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, hAsync("slot", { key: 'b7a86eed3141511c7ab41e1bcca5a2dfd99fd97d', name: "icon" }), this.hasText &&
-            hAsync("mds-text", { key: '074355c350000e93c3f31d63a8c2cbb115ded5d3', typography: "caption" }, hAsync("slot", { key: '6ee5ed0249561daae000658ba9898a949950c047' })), this.actions &&
-            hAsync("div", { key: 'ce253edae93e1f23ed9e44f0dcba1dc48d64e6e9', class: "actions" }, hAsync("slot", { key: 'f638f10050478c3d33ede4f2ac2375f8c8ecceb5', name: "action" })))));
+        return (hAsync(Host, { key: '290250bb4a2730309de300d011ba0f3ff7a69384' }, hAsync("div", { key: '5eb0e30ba06b357c07a9c5936c7459e4abce86a4', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, hAsync("slot", { key: '6039d532bd4720b6ea09f1e081167f3124d69e2e', name: "icon" }), this.hasText &&
+            hAsync("mds-text", { key: '7c774c16dadd3b52ff14ad788165716932cb8020', typography: "caption" }, hAsync("slot", { key: '537497048f0671bae9feb1d35b7638681d3d966e' })), this.actions &&
+            hAsync("div", { key: 'f4a5a5cb833973ab41b940106cc9717e7d3c7f3b', class: "actions" }, hAsync("slot", { key: '6e60c68106b4d2f568fe75c67e63e5583ffae1a6', name: "action" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -43356,7 +43366,7 @@ class MdsTooltip {
         this.floatingController.dismiss();
     }
     render() {
-        return (hAsync(Host, { key: '4fd46ae976048b84ab2f9a413eea5d17652c4c57' }, hAsync("div", { key: 'c8d7704c450affa3eace4d4c82ab042edff5f618', class: "arrow", innerHTML: arrowSvg }), hAsync("mds-text", { key: 'eebae6587393f078dca5fb1904cd02c2d102e458', class: "text", typography: this.typography, part: "text" }, hAsync("slot", { key: '59cb89cb8de4c0703a89468a99ab12c1535656d0' }))));
+        return (hAsync(Host, { key: 'e258f6eeeeb2a8d5fe4dec584addec926ce6f993' }, hAsync("div", { key: '62d925f74fcaf3d5a02d63988f48d492bef5d66c', class: "arrow", innerHTML: arrowSvg }), hAsync("mds-text", { key: 'f1581e91483ea61edf127c68b0d9d43a9b2dcc70', class: "text", typography: this.typography, part: "text" }, hAsync("slot", { key: 'd401d20ffc648619f48bb40aa9cb78b324836703' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43473,7 +43483,7 @@ class MdsTree {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'aff474616a0a6bd13d09eb99e2af66cd44704ebf' }, hAsync("slot", { key: 'e7a11f3bb6a88336672a80305ba498567baa1f20', onSlotchange: this.updateElements })));
+        return (hAsync(Host, { key: 'b4311bcc7ac8b0934e2bac60846e0d3cfecf24ee' }, hAsync("slot", { key: 'db7125806e82df27caabac924de2c67c3f022739', onSlotchange: this.updateElements })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43630,7 +43640,7 @@ class MdsTreeItem {
         this.childrenElement.removeEventListener('transitionend', this.checkChildrenTransitionEnd);
     }
     render() {
-        return (hAsync(Host, { key: 'c25035892d1a31fbb1741cd682cf0cccb760e010' }, hAsync("div", { key: 'c1145af11c2bce0a4dbb6f6ce26ff0a8260ee053', class: clsx('header', this.hasChildren && 'header--has-children') }, hAsync("div", { key: '95e5777b8da53b6f7b753b692a8cbd58a4c7c5e4', class: "tree-node" }, hAsync("div", { key: 'ed3e02a600f2ea4d96f7e412f7cb30db6e689b99', class: "tree-branch" }), hAsync("div", { key: '3c2f2f356210e80403bef98794b30a8da4cc1cab', class: "tree-dot" })), hAsync("div", { key: '2d57ab0b5b4062198af3f8d4188c848c1a6d9081', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, hAsync("mds-button", { key: 'c4f2e7870c3a4f2d7be5943a2b4a5617fcfdf122', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "quiet", size: "sm" })), hAsync("div", { key: 'e8beb8a1cd09ea59e4bdef1d49c16796d8bc7b8f', class: "title" }, hAsync("mds-button", { key: '2245e357fd15e49a7be2e0943d24f3b48e7a9fd7', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "quiet", truncate: this.truncate }, this.label), hAsync("div", { key: '6cad75bda2e6aba9524473f768db0e0c9f785ac4', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, hAsync("div", { key: '048fc77dbb4e769441ebf28c8fe5ad3b3874c5f9', class: "actions", part: "actions-list" }, hAsync("slot", { key: 'db818f8161b313944a23e5cb646b319ced51adb0', name: "action" }))))), hAsync("div", { key: '62bd51c09cb4d9b9b111680865c0c5ef36f9436f', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, hAsync("slot", { key: 'abb46a3a3852d6580ac94111c024d57c816ed771' }))));
+        return (hAsync(Host, { key: '69c047c726b2f7f1fc7076164af9b298ee1cfce0' }, hAsync("div", { key: '88b36f2cea861c1a4ac82716ffe1fb8970d82b63', class: clsx('header', this.hasChildren && 'header--has-children') }, hAsync("div", { key: '6c79fdcf2d5314da61424e9821397b9fac008e79', class: "tree-node" }, hAsync("div", { key: 'f0fcc63fffc063b7ff930fd2b8e328472fdecfc0', class: "tree-branch" }), hAsync("div", { key: 'f2aedc34c1b308d666e50fcf36873e8d3b40fce0', class: "tree-dot" })), hAsync("div", { key: '146b8318deb160685965293bd632e9963b9602bc', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, hAsync("mds-button", { key: 'a8855f89758a7991f8b85aeba48fccfb9331be5d', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "quiet", size: "sm" })), hAsync("div", { key: 'e526319392b107cb4683b0ab6c6131c1943f60bd', class: "title" }, hAsync("mds-button", { key: '8ba451b408f42194a422618356c796788556d502', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "quiet", truncate: this.truncate }, this.label), hAsync("div", { key: '8416a75e40425c2ac8e366b55ae3909731d31deb', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, hAsync("div", { key: '004bb6d99c34b166043cb9031a4f47824f94c54e', class: "actions", part: "actions-list" }, hAsync("slot", { key: 'ae0fa1e7db2dde6452babf64f34c22f5f97e9a22', name: "action" }))))), hAsync("div", { key: 'ddaf633e96c36d5e654c803d03194f18560d8001', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, hAsync("slot", { key: '8b8cd2cedff0d93dc33e22d80682f0b3627b5e66' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43748,7 +43758,7 @@ class MdsUrlView {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '646040af3bbb5e48e64801a02cce58734c9901b0', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, hAsync("div", { key: '4480a681651eedb2c2949fa5ea52a7c5f61b3be8', class: "window" }, hAsync("div", { key: 'a13744ec1762282f545f3bb890ef107148a194cf', class: "header" }, hAsync("mds-icon", { key: '34bd5b28464921eaceb4ec124b2c36c37dfa3b4d', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), hAsync("mds-text", { key: '7f2e728a7a90a8186f49ce5f76b8cb73783a5970', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), hAsync("mds-button", { key: 'bedcc2f7e4657d3e811cf3939d36d51709c9a7ca', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), hAsync("iframe", { key: 'cccb5287b42e9048e312ee560f3a531dc754cb20', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
+        return (hAsync(Host, { key: 'b523b10e888dd4944d23992479d3b72e1b8b5a30', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, hAsync("div", { key: '08bf197b0076b350c273ac3c5e31459d4623b9a2', class: "window" }, hAsync("div", { key: '986b098e6d5408b2586159b2cb895287dcb436c0', class: "header" }, hAsync("mds-icon", { key: '016ee6047e0d671e5ac43bd4fb6cef081797307e', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), hAsync("mds-text", { key: 'cc0a4b8ffaf1d466fe96a800ffb4c98c6cb6f801', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), hAsync("mds-button", { key: 'fd5668de1c575c75d356ce6b6841a51ba53c816b', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), hAsync("iframe", { key: '73eb647f31b9bff41c4050d8791c77e30e4d9043', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsUrlViewStyle0; }
@@ -43834,7 +43844,7 @@ class MdsUsage {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'f6b84fa67fa40c5b0b047bbc976846a6facb5484', role: "suggestion" }, hAsync("mds-badge", { key: '76dbdc568ce7ff15357f6d8c642a8a51632809f3', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), hAsync("div", { key: '01fdfd6062427ac4bd7383bda2d595e59af6de4c', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, hAsync("slot", { key: 'bb9a6213ada74d2d743444a36fdbe79dfec05687' }))));
+        return (hAsync(Host, { key: '8e0efa404aa71ba7f768266ce603f89961215a64', role: "suggestion" }, hAsync("mds-badge", { key: 'cdf6d73e36f98246d7bbce868e7a55d443afd479', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), hAsync("div", { key: 'eb10b034727ba6a6b5806e0995a89ca2a6c5fe37', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, hAsync("slot", { key: 'b41df929e542c67688ed79ca59e5b96744c15d6f' }))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsUsageStyle0; }
@@ -43888,9 +43898,9 @@ class MdsVideoWall {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (hAsync(Host, { key: '627a8591d322d0c7144af7e1b714dd2c13d3df2b' }, this.noise !== 'none' &&
-            hAsync("div", { key: '90e1e31d0fcdf20e740d5a650e1ce0df24ff9b18', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), hAsync("video", { key: '8f26e187601a0c2af067da0bdd03fc0150376579', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, hAsync("slot", { key: '2b88bb347de8198568489b35ab6a302c91a39935' })), this.hasContent &&
-            hAsync("div", { key: '2be098b3e94ad54311cd277fa975099a1a89726c', class: "content" }, hAsync("slot", { key: '9be42f7799f132fb91004082ba797942f083c141', name: "content" }))));
+        return (hAsync(Host, { key: 'cd92f706b6ad4aa5ae31ce22544a47df94966988' }, this.noise !== 'none' &&
+            hAsync("div", { key: '2ea18f4fbd254b37acef9ee6fc671d2bdd3eeb5f', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), hAsync("video", { key: 'ee6c4441128ada20930aec2dbcd15a9294420a20', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, hAsync("slot", { key: '52e945565a554a3a0b34837246394ff69e61bf0c' })), this.hasContent &&
+            hAsync("div", { key: 'b98f846554d431b4a188a029761dbff399263137', class: "content" }, hAsync("slot", { key: '233b35a8105205a53f87d6a340c189ed7535b6d2', name: "content" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsVideoWallStyle0; }
@@ -43927,7 +43937,7 @@ class MdsZero {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'de860aabb59ac72a622f4d30c738ce2f4875b242' }, hAsync("slot", { key: '7fd140a109ce8de2ea8d7330ae072b07e7b31c7f' }), hAsync("div", { key: '56230d509a3dfc6af8e44224c3b92cbd0f119aef', class: "contents", part: "contents" }, hAsync("slot", { key: 'fe5d4a18d78ab72cae8f8cec3efdb0cec49f6a98', name: "content" })), hAsync("footer", { key: '7760264c367fd807c75115c3ab13decd479929c8', class: "actions", part: "actions" }, hAsync("slot", { key: '20c2352409a91c4329429e3fff254db2143dec0a', name: "action" }))));
+        return (hAsync(Host, { key: '8202778594c849a339a3fc1e42ea50941b162b74' }, hAsync("slot", { key: 'c785e820b99d2b138812e3c2438c33f91c4bc516' }), hAsync("div", { key: '3f6fe99cbd8f55f5b12d1cdfef7de95536add8b3', class: "contents", part: "contents" }, hAsync("slot", { key: '03252a2cf74dd4440276fec356513f81a05e8a09', name: "content" })), hAsync("footer", { key: '16d3bb5c8162c1d98ba4517d3ffa14902332cee1', class: "actions", part: "actions" }, hAsync("slot", { key: 'b9cc2d2d067de15305cff27dc4ac39a047f2e837', name: "action" }))));
     }
     static get style() { return MdsZeroStyle0; }
     static get cmpMeta() { return {