@maggioli-design-system/magma 1.10.4 → 1.10.5

package/dist/collection/components/mds-table-row/mds-table-row.js

@@ -51,16 +51,16 @@ export class MdsTableRow {
         observer.observe(this.host);
     }
     render() {
-        return (h(Host, { key: 'ca022834802e66713fdb077dfffbc42d2836eee1', role: "row" }, this.selectable &&
-            h("mds-table-cell", { key: '7243f44094f5240a8d4cfb1cb8dd9b4af8b4370d', class: "selection-cell" }, h("div", { key: '5946a5367e8a7931c6241acecaa28bd23c9fbfc9', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'a57c4e471504b0ae5c665889229c942bfc470e0a', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: '2ffcec67776d5032f3d024e6a473749165ba2486' }), this.hasActions && isSafari() &&
-            h("mds-table-cell", { key: '89a4a8a8240487c3c1baa8f7f9e9919f132a182d', class: "actions-cell actions-cell--disable" }, h("div", { key: 'eca923f4fcf71d2eb411b6896ccf4a4bb8ce855f', class: "actions" }, h("slot", { key: '6f0ee828cdfe2624b2c260571a2949fadb9a26d7', name: "action" }))), this.hasActions && !isSafari() &&
-            h("mds-table-cell", { key: 'f165f40bd7a0c3538e7000a58f2e952a84fd87b9', class: "actions-cell" }, h("div", { key: '8034709aac3afa03306c73e6b26c1a15af7ee5e0', class: "actions-sizer", style: {
+        return (h(Host, { key: '2e8e2f7fbe3fefcefa7e3d01cd6df25b45797e31', role: "row" }, this.selectable &&
+            h("mds-table-cell", { key: '2402489a9d4550bcca19947716709950fb1ad4f0', class: "selection-cell" }, h("div", { key: '087297fdf2d43a665645fa65576789e41be6ddf0', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '52f8751f0e631c819b3028764e722822d0e2a1e0', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: '45dd93bf5b0ac4ca6735b321be0149dc4a540d19' }), this.hasActions && isSafari() &&
+            h("mds-table-cell", { key: '08ee6e136678c5fea1e72a00cdf849f149fd3e6f', class: "actions-cell actions-cell--disable" }, h("div", { key: 'bb20733d0efbd71c6df3e18921134bbe3ebb845e', class: "actions" }, h("slot", { key: '02bb05a788309016bdc11635b7daefe1d0e1631d', name: "action" }))), this.hasActions && !isSafari() &&
+            h("mds-table-cell", { key: '457e6dbf769c46b020e7e9c018984c22f6b1d8a5', class: "actions-cell" }, h("div", { key: 'f1b3d0f31014004430028f1d32153d93e08e9543', class: "actions-sizer", style: {
                     minHeight: '1px',
                     maxWidth: this.sizerWidth,
                     minWidth: this.sizerWidth,
-                } }), h("div", { key: '64f7f1e7593e87fdec29ad8f413e39f95222d352', class: "actions-view" }, h("div", { key: '376f1bac253c67ab38f673de12f2cfdbe087d0e5', class: "actions", ref: el => this.actions = el, style: {
+                } }), h("div", { key: '71a757463507a82582e1eee3c49e4453ef5614b2', class: "actions-view" }, h("div", { key: '9b56c0055fa2c2a333f2ca17b326a33f7a6b8742', class: "actions", ref: el => this.actions = el, style: {
                     marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-                } }, h("slot", { key: '3225feec7b4a1004cd07797a27652aaae143a346', name: "action" }))))));
+                } }, h("slot", { key: '65a74d527990e2592c53443a8626c98d12f690fa', name: "action" }))))));
     }
     static get is() { return "mds-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class MdsText {
         }
     }
     render() {
-        return (h(Host, { key: '8533b79c21f4af1840905e2d3c8d4da012e62134' }, h(this.tag, { key: 'f964e6efa6306c07129253b914425b836fa76cf3', class: "text" }, !this.text
+        return (h(Host, { key: 'be2fe2a0408f4021fe38199c85d05b766fcc69ef' }, h(this.tag, { key: '179a5b0c33ec88d31459f77b686c3f318b06a410', class: "text" }, !this.text
             ? h("slot", null)
             : this.text)));
     }

package/dist/collection/components/mds-toast/mds-toast.js

@@ -79,9 +79,9 @@ export class MdsToast {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (h(Host, { key: '7495bdad207e6353c4b4346fbd0c2dd3195943eb' }, h("div", { key: 'faae568ee8ef41348b74991fb338d7b201ad6ab6', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: 'b7a86eed3141511c7ab41e1bcca5a2dfd99fd97d', name: "icon" }), this.hasText &&
-            h("mds-text", { key: '074355c350000e93c3f31d63a8c2cbb115ded5d3', typography: "caption" }, h("slot", { key: '6ee5ed0249561daae000658ba9898a949950c047' })), this.actions &&
-            h("div", { key: 'ce253edae93e1f23ed9e44f0dcba1dc48d64e6e9', class: "actions" }, h("slot", { key: 'f638f10050478c3d33ede4f2ac2375f8c8ecceb5', name: "action" })))));
+        return (h(Host, { key: '290250bb4a2730309de300d011ba0f3ff7a69384' }, h("div", { key: '5eb0e30ba06b357c07a9c5936c7459e4abce86a4', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '6039d532bd4720b6ea09f1e081167f3124d69e2e', name: "icon" }), this.hasText &&
+            h("mds-text", { key: '7c774c16dadd3b52ff14ad788165716932cb8020', typography: "caption" }, h("slot", { key: '537497048f0671bae9feb1d35b7638681d3d966e' })), this.actions &&
+            h("div", { key: 'f4a5a5cb833973ab41b940106cc9717e7d3c7f3b', class: "actions" }, h("slot", { key: '6e60c68106b4d2f568fe75c67e63e5583ffae1a6', name: "action" })))));
     }
     static get is() { return "mds-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -104,7 +104,7 @@ export class MdsTooltip {
         this.floatingController.dismiss();
     }
     render() {
-        return (h(Host, { key: '4fd46ae976048b84ab2f9a413eea5d17652c4c57' }, h("div", { key: 'c8d7704c450affa3eace4d4c82ab042edff5f618', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: 'eebae6587393f078dca5fb1904cd02c2d102e458', class: "text", typography: this.typography, part: "text" }, h("slot", { key: '59cb89cb8de4c0703a89468a99ab12c1535656d0' }))));
+        return (h(Host, { key: 'e258f6eeeeb2a8d5fe4dec584addec926ce6f993' }, h("div", { key: '62d925f74fcaf3d5a02d63988f48d492bef5d66c', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: 'f1581e91483ea61edf127c68b0d9d43a9b2dcc70', class: "text", typography: this.typography, part: "text" }, h("slot", { key: 'd401d20ffc648619f48bb40aa9cb78b324836703' }))));
     }
     static get is() { return "mds-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-tree/mds-tree.js

@@ -73,7 +73,7 @@ export class MdsTree {
         }
     }
     render() {
-        return (h(Host, { key: 'aff474616a0a6bd13d09eb99e2af66cd44704ebf' }, h("slot", { key: 'e7a11f3bb6a88336672a80305ba498567baa1f20', onSlotchange: this.updateElements })));
+        return (h(Host, { key: 'b4311bcc7ac8b0934e2bac60846e0d3cfecf24ee' }, h("slot", { key: 'db7125806e82df27caabac924de2c67c3f022739', onSlotchange: this.updateElements })));
     }
     static get is() { return "mds-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-tree-item/mds-tree-item.js

@@ -98,7 +98,7 @@ export class MdsTreeItem {
         this.childrenElement.removeEventListener('transitionend', this.checkChildrenTransitionEnd);
     }
     render() {
-        return (h(Host, { key: 'c25035892d1a31fbb1741cd682cf0cccb760e010' }, h("div", { key: 'c1145af11c2bce0a4dbb6f6ce26ff0a8260ee053', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '95e5777b8da53b6f7b753b692a8cbd58a4c7c5e4', class: "tree-node" }, h("div", { key: 'ed3e02a600f2ea4d96f7e412f7cb30db6e689b99', class: "tree-branch" }), h("div", { key: '3c2f2f356210e80403bef98794b30a8da4cc1cab', class: "tree-dot" })), h("div", { key: '2d57ab0b5b4062198af3f8d4188c848c1a6d9081', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("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" })), h("div", { key: 'e8beb8a1cd09ea59e4bdef1d49c16796d8bc7b8f', class: "title" }, h("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), h("div", { key: '6cad75bda2e6aba9524473f768db0e0c9f785ac4', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: '048fc77dbb4e769441ebf28c8fe5ad3b3874c5f9', class: "actions", part: "actions-list" }, h("slot", { key: 'db818f8161b313944a23e5cb646b319ced51adb0', name: "action" }))))), h("div", { key: '62bd51c09cb4d9b9b111680865c0c5ef36f9436f', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: 'abb46a3a3852d6580ac94111c024d57c816ed771' }))));
+        return (h(Host, { key: '69c047c726b2f7f1fc7076164af9b298ee1cfce0' }, h("div", { key: '88b36f2cea861c1a4ac82716ffe1fb8970d82b63', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '6c79fdcf2d5314da61424e9821397b9fac008e79', class: "tree-node" }, h("div", { key: 'f0fcc63fffc063b7ff930fd2b8e328472fdecfc0', class: "tree-branch" }), h("div", { key: 'f2aedc34c1b308d666e50fcf36873e8d3b40fce0', class: "tree-dot" })), h("div", { key: '146b8318deb160685965293bd632e9963b9602bc', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("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" })), h("div", { key: 'e526319392b107cb4683b0ab6c6131c1943f60bd', class: "title" }, h("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), h("div", { key: '8416a75e40425c2ac8e366b55ae3909731d31deb', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: '004bb6d99c34b166043cb9031a4f47824f94c54e', class: "actions", part: "actions-list" }, h("slot", { key: 'ae0fa1e7db2dde6452babf64f34c22f5f97e9a22', name: "action" }))))), h("div", { key: 'ddaf633e96c36d5e654c803d03194f18560d8001', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: '8b8cd2cedff0d93dc33e22d80682f0b3627b5e66' }))));
     }
     static get is() { return "mds-tree-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-url-view/mds-url-view.js

@@ -48,7 +48,7 @@ export class MdsUrlView {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '646040af3bbb5e48e64801a02cce58734c9901b0', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: '4480a681651eedb2c2949fa5ea52a7c5f61b3be8', class: "window" }, h("div", { key: 'a13744ec1762282f545f3bb890ef107148a194cf', class: "header" }, h("mds-icon", { key: '34bd5b28464921eaceb4ec124b2c36c37dfa3b4d', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: '7f2e728a7a90a8186f49ce5f76b8cb73783a5970', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: 'bedcc2f7e4657d3e811cf3939d36d51709c9a7ca', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: 'cccb5287b42e9048e312ee560f3a531dc754cb20', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
+        return (h(Host, { key: 'b523b10e888dd4944d23992479d3b72e1b8b5a30', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: '08bf197b0076b350c273ac3c5e31459d4623b9a2', class: "window" }, h("div", { key: '986b098e6d5408b2586159b2cb895287dcb436c0', class: "header" }, h("mds-icon", { key: '016ee6047e0d671e5ac43bd4fb6cef081797307e', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: 'cc0a4b8ffaf1d466fe96a800ffb4c98c6cb6f801', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: 'fd5668de1c575c75d356ce6b6841a51ba53c816b', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '73eb647f31b9bff41c4050d8791c77e30e4d9043', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
     }
     static get is() { return "mds-url-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-usage/mds-usage.js

@@ -25,7 +25,7 @@ export class MdsUsage {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f6b84fa67fa40c5b0b047bbc976846a6facb5484', role: "suggestion" }, h("mds-badge", { key: '76dbdc568ce7ff15357f6d8c642a8a51632809f3', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), h("div", { key: '01fdfd6062427ac4bd7383bda2d595e59af6de4c', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: 'bb9a6213ada74d2d743444a36fdbe79dfec05687' }))));
+        return (h(Host, { key: '8e0efa404aa71ba7f768266ce603f89961215a64', role: "suggestion" }, h("mds-badge", { key: 'cdf6d73e36f98246d7bbce868e7a55d443afd479', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), h("div", { key: 'eb10b034727ba6a6b5806e0995a89ca2a6c5fe37', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: 'b41df929e542c67688ed79ca59e5b96744c15d6f' }))));
     }
     static get is() { return "mds-usage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-video-wall/mds-video-wall.js

@@ -31,9 +31,9 @@ export class MdsVideoWall {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (h(Host, { key: '627a8591d322d0c7144af7e1b714dd2c13d3df2b' }, this.noise !== 'none' &&
-            h("div", { key: '90e1e31d0fcdf20e740d5a650e1ce0df24ff9b18', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), h("video", { key: '8f26e187601a0c2af067da0bdd03fc0150376579', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '2b88bb347de8198568489b35ab6a302c91a39935' })), this.hasContent &&
-            h("div", { key: '2be098b3e94ad54311cd277fa975099a1a89726c', class: "content" }, h("slot", { key: '9be42f7799f132fb91004082ba797942f083c141', name: "content" }))));
+        return (h(Host, { key: 'cd92f706b6ad4aa5ae31ce22544a47df94966988' }, this.noise !== 'none' &&
+            h("div", { key: '2ea18f4fbd254b37acef9ee6fc671d2bdd3eeb5f', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), h("video", { key: 'ee6c4441128ada20930aec2dbcd15a9294420a20', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '52e945565a554a3a0b34837246394ff69e61bf0c' })), this.hasContent &&
+            h("div", { key: 'b98f846554d431b4a188a029761dbff399263137', class: "content" }, h("slot", { key: '233b35a8105205a53f87d6a340c189ed7535b6d2', name: "content" }))));
     }
     static get is() { return "mds-video-wall"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-zero/mds-zero.js

@@ -8,7 +8,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsZero {
     render() {
-        return (h(Host, { key: 'de860aabb59ac72a622f4d30c738ce2f4875b242' }, h("slot", { key: '7fd140a109ce8de2ea8d7330ae072b07e7b31c7f' }), h("div", { key: '56230d509a3dfc6af8e44224c3b92cbd0f119aef', class: "contents", part: "contents" }, h("slot", { key: 'fe5d4a18d78ab72cae8f8cec3efdb0cec49f6a98', name: "content" })), h("footer", { key: '7760264c367fd807c75115c3ab13decd479929c8', class: "actions", part: "actions" }, h("slot", { key: '20c2352409a91c4329429e3fff254db2143dec0a', name: "action" }))));
+        return (h(Host, { key: '8202778594c849a339a3fc1e42ea50941b162b74' }, h("slot", { key: 'c785e820b99d2b138812e3c2438c33f91c4bc516' }), h("div", { key: '3f6fe99cbd8f55f5b12d1cdfef7de95536add8b3', class: "contents", part: "contents" }, h("slot", { key: '03252a2cf74dd4440276fec356513f81a05e8a09', name: "content" })), h("footer", { key: '16d3bb5c8162c1d98ba4517d3ffa14902332cee1', class: "actions", part: "actions" }, h("slot", { key: 'b9cc2d2d067de15305cff27dc4ac39a047f2e837', name: "action" }))));
     }
     static get is() { return "mds-zero"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/mds-details.js

@@ -38,7 +38,7 @@ const MdsDetails$1 = /*@__PURE__*/ proxyCustomElement(class MdsDetails extends H
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: '4400af2cf2374ad775dbb674183e7ed818e9423d' }, h("div", { key: '7e979be3544d0655a299ea140958fc0846241a1c', class: "icon", onClick: this.toggle }, h("slot", { key: '3410738c97a4b5f5fbc891b586323e59af6f020c', name: "icon" })), h("div", { key: '35e8128fe18a2948a6a19fbfd25658de306ab66c', class: "content" }, h("div", { key: '52c4639e28d131772969d6774f638605b259286b' }, h("header", { key: 'ad4b30b2b72c806b866c26a7b4a658bafe3a9a91', class: "header focus-bounce", tabindex: "0", onClick: this.toggle }, h("div", { key: 'f16d2c9d8768da3fa6ddf6866660065922247f89', class: "title" }, h("slot", { key: '30768522d6ce188e728793f00334fae315321269', name: "title" })), h("i", { key: '3c8987dbfe38f0c7ace2716cba482449e0346d98', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: 'e8b5909160c36497b300801c799d725701495b73', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: '508eccc12b85a696a8d9555b317f250d5ad7719b', class: "content-expander", part: "content" }, h("slot", { key: '94c21083731915192ea3832c26fcf31010a26719' }), h("div", { key: '4fd3d19056da10f24ce69880799803592dba445c', class: "actions" }, h("slot", { key: 'f7bba8c6a7711d5d42e1181005b34701c446347c', name: "action" })))))));
+        return (h(Host, { key: 'e3e892519912e01747ed7dc49d699fa33da1d41a' }, h("div", { key: 'cf163ad613b49c19c4955f5819ae6d04605daa94', class: "icon", onClick: this.toggle }, h("slot", { key: 'dddaa9f81beb67f202914093b5cbfc6e35c8da7e', name: "icon" })), h("div", { key: 'b7544cdac291702a1feca6c970a653e236fd4ec0', class: "content" }, h("header", { key: '04f9494ad3137238151a9d41ffabb0f4b66fc316', class: "header focus-bounce", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '7de8e4e84d6d3c9b425255ecb812ab4771bebd92', class: "title" }, h("slot", { key: '265617b49e00f5e11057f046aac48033d153ab05', name: "title" })), h("i", { key: 'f19bd0920c1c80c83bd528eed4ff21aae750e70e', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '789a77d86539706da59f69238ada9a8087b2f31c', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: '67fca5a21e0855254e6a30fdc1d9c0fe9d2454b9', class: "content-expander", part: "content" }, h("slot", { key: '88c1bf72272f3521954b4d71a1dd278b5be714cb' }), h("div", { key: 'fe27242362726a96b68db4b4854ddbfdd0775d1c', class: "actions" }, h("slot", { key: '79ffeac7bba879e2946f58cd804a83e4b69befe6', name: "action" })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-dropdown2.js

@@ -217,9 +217,9 @@ const MdsDropdown = /*@__PURE__*/ proxyCustomElement(class MdsDropdown extends H
         this.km.detachEscapeBehavior();
     }
     render() {
-        return (h(Host, { key: 'cd5febad6dd79d424582de304afe4ea727d5262d', style: {
+        return (h(Host, { key: 'd1da570558e373c58fd8806494d50903705f3975', style: {
                 zIndex: `${this.zIndex}`,
-            } }, h("div", { key: 'd549575c1325ec54ef74acf469c2992aa5030613', class: "arrow", innerHTML: arrowSvg }), h("slot", { key: 'e49e1b4b29756d67dfb152fe59b60fbae943ebad' })));
+            } }, h("div", { key: '08ca7259305dbb9dfcf979b6f4e65701187ea65f', class: "arrow", innerHTML: arrowSvg }), h("slot", { key: 'cafea12f69617beda65ae7653804d03a39f3ffa7' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-emoji.js

@@ -6424,7 +6424,7 @@ const MdsEmoji$1 = /*@__PURE__*/ proxyCustomElement(class MdsEmoji extends HTMLE
         window.removeEventListener('mousemove', this.handleFollowMouse);
     }
     render() {
-        return h(Host, { key: 'a85aaf6f7eee08db5098357411ca26b766f55d0f' }, this.name === 'hexabot' && (h("svg", { key: '826d742c7bba177e7f87e9bd8875c3cffb5dc670', ref: el => (this.emojiEl = el), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c74f8430c3c28ddc4aa7838f7d9d06e2e5527d5b', class: "head", ref: el => (this.headEl = el), d: this.headGeometry.hexagonRounded, fill: "black" }), h("path", { key: '563f2f8a7e697a68024d0245591987d50adba98e', class: "eye", ref: el => (this.eyeLeftEl = el), d: this.eyeLeftGeometry.open, fill: "white" }), h("path", { key: '1dceb62d8fbb6960c7a1bec3221f2600d9b0701c', class: "eye", ref: el => (this.eyeRightEl = el), d: this.eyeRightGeometry.open, fill: "white" }), h("path", { key: '6afce8c0fb3fb7125ae0e32767cd64f9584ceefc', class: "mouth", ref: el => (this.mouthEl = el), d: this.mouthGeometry.smile, fill: "white" }), h("path", { key: 'bf14c6e02258b7472ddb48094531c20896c52147', class: "hand", ref: el => (this.handLeftEl = el), d: this.handLeftGeometry.think, fill: "white" }))));
+        return h(Host, { key: '27445bb72a3b9356d04c9f750659e340c55df645' }, this.name === 'hexabot' && (h("svg", { key: 'dc5b2458b8d81a2442a17ab78977872d1e38980d', ref: el => (this.emojiEl = el), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fcbc98434f91dde73cd07d0949fa204054f77b1', class: "head", ref: el => (this.headEl = el), d: this.headGeometry.hexagonRounded, fill: "black" }), h("path", { key: '83e37976089c0178c1fae60afbebc69c095c58ba', class: "eye", ref: el => (this.eyeLeftEl = el), d: this.eyeLeftGeometry.open, fill: "white" }), h("path", { key: 'b269ce64bf75a48edcfda40ce43148e96aa01040', class: "eye", ref: el => (this.eyeRightEl = el), d: this.eyeRightGeometry.open, fill: "white" }), h("path", { key: '181b23f8bfe386eb904b03a2c701dc8afc897214', class: "mouth", ref: el => (this.mouthEl = el), d: this.mouthGeometry.smile, fill: "white" }), h("path", { key: '97f3ab4d10088161dee6c9e577815cb38ac5cbd0', class: "hand", ref: el => (this.handLeftEl = el), d: this.handLeftGeometry.think, fill: "white" }))));
     }
     get host() { return this; }
     static get style() { return MdsEmojiStyle0; }

package/dist/components/mds-entity.js

@@ -36,10 +36,10 @@ const MdsEntity$1 = /*@__PURE__*/ proxyCustomElement(class MdsEntity extends HTM
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: 'cff96a196a549d41daad2477e6cc71b90b14b615' }, h("div", { key: 'cba22569bef7953da259063fe506e7b54d489272', class: "spinner" }, h("mds-spinner", { key: 'f2559a532b5b177a5b83ac8c67f00f9f976143bc', running: true })), this.checkAvatar() &&
-            h("mds-avatar", { key: '31205129cac2b36f1ee31d9d290b94ff6987c4c2', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), h("div", { key: '6109abee4ef0f688d67caa378302186bfe15428e', class: "infos" }, h("slot", { key: '522efbd2126cab51f95a7f851a34b3acd2a3ec1a' }), this.details &&
-            h("div", { key: '2c89e366bcc1cc39a0dc79b29bc0b8710e522f63', class: "details" }, h("slot", { key: 'c95c8f7a55952b410e5327f72b9b0893b6bbe048', name: "detail" }))), this.actions &&
-            h("div", { key: '05e9d2ef9e090d87b3aec061e775e2a4b3bb9948', class: "actions" }, h("slot", { key: '96cfcac8332606657a428471486f8aa20f518324', name: "action" }))));
+        return (h(Host, { key: 'e5e5f1785ae0e74bf69fe3ee341074b2f9053d32' }, h("div", { key: '22a995b7e1baaec78953d3b160c99b0c4b63c16a', class: "spinner" }, h("mds-spinner", { key: 'e61d61ae537a4cf07f3ab5d1f5ee064182e317c9', running: true })), this.checkAvatar() &&
+            h("mds-avatar", { key: '24b4619913318b428168d70e7520b411bf5ff968', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), h("div", { key: 'b6bc7d1a8f1a7edefcae8d6961bf10bea81b88c1', class: "infos" }, h("slot", { key: 'a0d2668e3cd6b639d0e04319172a4648de3fb85f' }), this.details &&
+            h("div", { key: '96fa9f64c3f396554d84f29416d3c835e673ed42', class: "details" }, h("slot", { key: '1955f3bcacf0e654d57e09f3dafe7ea9d7437881', name: "detail" }))), this.actions &&
+            h("div", { key: '76af48b3c66dbb40da3fff69f202fd8f62f88a70', class: "actions" }, h("slot", { key: 'e72be00609b3eb24fa15fa02bb28093077b185a2', name: "action" }))));
     }
     get hostElement() { return this; }
     static get style() { return MdsEntityStyle0; }

package/dist/components/mds-file-preview2.js

@@ -276,11 +276,11 @@ const MdsFilePreview = /*@__PURE__*/ proxyCustomElement(class MdsFilePreview ext
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '48b5d3bca715ae905b8f29c9ac1d86fd4b2e9ca6' }, this.deletable && h("mds-button", { key: '623d4fc6cb18ac730c9ca57e4424c00067c2cf9c', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: '5eb373931a0d44162e99c454aa5e94d169daedac', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
+        return (h(Host, { key: '0710d30368cdde1184606c5faa805cdd0bb9054a' }, this.deletable && h("mds-button", { key: '366d3fe7de6e92b3bf8c0be6736666b593ec16cb', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: 'a9c09b7749ea1f63e8cb4ee2e5383bfc9ae0d1b3', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
             ? h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })
             : h("div", { class: clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon
                 ? h("mds-icon", { class: "icon", name: this.icon })
-                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: '6aa54f15d42be186a225dd27382a7feda50525f5', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: 'a787fe52590c16f38875cdfc759f74803658dc1d', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("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() && h("mds-text", { key: 'a2a3e90f21c3a613ddc9343c96ecdb3db4fd8d1b', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("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 && h("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()))))));
+                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: 'e2f1c6aca7f7e98f66d89aea9c53610ab9300f95', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '3535084a42e1ad9f62c57ac54032a479f3a34463', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("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() && h("mds-text", { key: '143a603b4d3d974e3f93a06d3e2771a723a257d3', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("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 && h("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 this; }
     static get watchers() { return {

package/dist/components/mds-file.js

@@ -7249,10 +7249,10 @@ const MdsFile$1 = /*@__PURE__*/ proxyCustomElement(class MdsFile extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '2d642314a50ed611b13685d802590b263d33a20e', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: 'b13ae086e2222a55da1e97a1edb13af9b2cb2a66', class: "preview" }, this.preview !== undefined
+        return (h(Host, { key: '98164a90398e0d806e0670b4340d0561603f9136', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: 'aecf3480d6cbbf362579d657e19e83c94efa41c3', class: "preview" }, this.preview !== undefined
             ? h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })
-            : h("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: '8fc60f821fb4a8d249c4cf337915e1e43ae2cd2d', class: "info" }, h("div", { key: '5cab64431273d780edef73f5e567fac8fdae329f', class: "filename", title: this.filename }, h("mds-text", { key: '74feb73a438d14c1c677b4c7cf84a565b1bdde3a', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && h("mds-text", { key: '62fec4fa8b9fd87fdfd98c1bc40729dbd465308d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), h("div", { key: 'c7417fc054dd2c8e892b1ebebd8d60b2795b4d19', class: "detail" }, getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'cd4fe7482e81d1c4e251fcf212d092322faadaa5', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), h("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 &&
-            h("div", { key: '1b46901b9ab59de5c1a85da0b44c87e1a6cba3c4', class: "indicator" }, h("i", { key: '8b40a4a962b16a3000807cf0259d1465ac5797d3', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
+            : h("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: 'fda6deb724c9de6a6026682741403118c21a5ea7', class: "info" }, h("div", { key: 'c0a75cddb21deaad91ade553996c212676dfd78c', class: "filename", title: this.filename }, h("mds-text", { key: '18379a4576df47772387ed6a7b166b5477c56747', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && h("mds-text", { key: '49a7b61565e18930954d7cbb669747ad51d8b20d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), h("div", { key: '39a5744eda874b5b5f983b17791f6c366e5b9ff2', class: "detail" }, getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'f5898dbc6fb1fa770acde22a473cd163dff5accd', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), h("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 &&
+            h("div", { key: '67fc181b52fa0cbedc2e0e35ee1def88222815e8', class: "indicator" }, h("i", { key: 'ee1d101f49d8925c11d1dccc91d480a6d84daab4', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-filter-item2.js

@@ -27,7 +27,7 @@ const MdsFilterItem = /*@__PURE__*/ proxyCustomElement(class MdsFilterItem exten
     }
     render() {
         var _a;
-        return (h(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 && h("mds-icon", { key: '817590d56a4f47d7391133a968827f45538c92d3', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: 'e5754fb4fb1e681dd05f3e87cd4bf9d3784d04a5', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && h("div", { key: 'd0e402cc24b00faef1525d59127fffbbe6c08449', class: "count" }, h("mds-text", { key: 'de5c9687735a6480bcdae5051c91cb1423542d6e', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
+        return (h(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 && h("mds-icon", { key: 'a4bc5acb9550092fa6fdea9004a602c6e3912b7a', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: '14d86de48ed76faeee001c5d4a7077b1997693a1', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && h("div", { key: '8fb24204fd2f30917f5041fda4e92c1271877294', class: "count" }, h("mds-text", { key: '2a282fdf25234f0e07c3be767408967070d2d33a', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
     }
     get element() { return this; }
     static get style() { return MdsFilterItemStyle0; }

package/dist/components/mds-filter.js

@@ -99,7 +99,7 @@ const MdsFilter$1 = /*@__PURE__*/ proxyCustomElement(class MdsFilter extends HTM
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (h(Host, { key: 'acb0b914ec402c5325cda774ab97d8c3e8b5c1cb', "aria-label": this.label, role: "menubar" }, this.label && h("mds-text", { key: '963d6a4e04b3ccf4cf058ad99500ad08712b26a5', class: "label", typography: "label" }, this.label), h("div", { key: '1232b709d7463748c269d15c58229321fc7f5b8d', class: "items-wrapper" }, h("div", { key: '0972ca86723cc49a15e43b3ef0b42acdf36009b6', class: clsx('items', this.active && 'active') }, h("slot", { key: '9133414574d5dadb0c0cb9cb7e947ca72db0c13c' }), h("div", { key: 'd00735adc8ba3b5e3fe8f6ac0f4ac88c6f27e170', class: clsx('reset', this.active && 'reset--opened') }, h("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 (h(Host, { key: '5e8605b02237f9249889191d54ae4246652c92d2', "aria-label": this.label, role: "menubar" }, this.label && h("mds-text", { key: '4d4ee003acd78cbc9a87e2ac9dba5f0aa3481530', class: "label", typography: "label" }, this.label), h("div", { key: '211a57862ff7facadb36b0fc74d82cc2b93c7764', class: "items-wrapper" }, h("div", { key: '99fbbc2e399a0a217a79e453c27e4277bb247721', class: clsx('items', this.active && 'active') }, h("slot", { key: '3803d540618c02719130c4fc44b208190962e3e1' }), h("div", { key: 'd516841b2efe68e2e603099223c6eb0e7d1e5377', class: clsx('reset', this.active && 'reset--opened') }, h("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 this; }
     static get style() { return MdsFilterStyle0; }

package/dist/components/mds-header-bar.js

@@ -37,9 +37,9 @@ const MdsHeaderBar$1 = /*@__PURE__*/ proxyCustomElement(class MdsHeaderBar exten
         this.isOpened = isOpened;
     }
     render() {
-        return (h(Host, { key: '484aa97616f0d0a5bfc4c116623dd4f7da2170a7' }, h("div", { key: '51cfc3559edf461b2fe7c3bf57603706d492ce8b', class: "content", part: "content" }, h("div", { key: '3f419f65a5ff12ffe8e8818efdd2aa05860faac1', class: "logo" }, h("slot", { key: 'ae778800d2977a1e35c74bf79c474fdd0f4b2c4a' })), h("div", { key: 'b6fd55598f46e871a6b1e161c2b110ed13306d34', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
-            h("nav", { key: '8b4b826e27fef0da44a4bc655e0ba3c933662c49', class: "nav", part: "nav" }, h("slot", { key: '72e5cb32ed7699db8e939db3b9ffed4c14125f55', name: "nav" })), this.menu !== 'none' &&
-            h("mds-button", { key: 'caaa70dbab763134ad6a693ff4d310b0cb40d55b', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
+        return (h(Host, { key: 'f8dff045e6be9b205bbee68f373ae90ad6f74709' }, h("div", { key: 'c8d0ab25b9ef9c65c95ab7d637f398716a9ccd69', class: "content", part: "content" }, h("div", { key: '8f638de0bc8f252412960300bcbd08eb4507eb97', class: "logo" }, h("slot", { key: 'a663ac9cc2b1e560a3e124622a0e37ddc939f828' })), h("div", { key: '769051e97bc1487231f9a604c998c555618b96c5', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
+            h("nav", { key: '56c2c94577457bec5f1799a3ac8b0b975cca6862', class: "nav", part: "nav" }, h("slot", { key: '1eae94afa33201e1c3840d848664d36f3e93730c', name: "nav" })), this.menu !== 'none' &&
+            h("mds-button", { key: '8ef11e0014ef070974fbef39824cc1ca380d0ce9', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
     }
     get host() { return this; }
     static get style() { return MdsHeaderBarStyle0; }

package/dist/components/mds-header.js

@@ -182,8 +182,8 @@ const MdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class MdsHeader extends HTM
         }
     }
     render() {
-        return (h(Host, { key: '79faddee8d4cdf5280e2ce701c1fa9f990c4ce49' }, this.backdrop && h("div", { key: 'ff1ca4571f429c137c3ccf399fbf3e1f9791af0e', class: "backdrop" }), h("slot", { key: '67e11b62f693547536a3237d4da2f5839da28bbf' }), this.hasMenu &&
-            h("div", { key: 'af627b2bd99ad2b01fd1c26ca213131ca0a8cde4', class: "menu", part: "menu" }, h("mds-modal", { key: '38371facac0d13d101a0cfee94327e353607ddf7', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: 'b2d3610bacfaa5f3d91f026271bc4c312f5b8c1f', name: "menu" })))));
+        return (h(Host, { key: 'ed4faa9268044cc9b6046ff39cda66f7553a0043' }, this.backdrop && h("div", { key: 'bb88d582b85506376e70e623c5d536392737eac7', class: "backdrop" }), h("slot", { key: '3e3b3b5b19de464572e1a2f1ac3be1b810c41af6' }), this.hasMenu &&
+            h("div", { key: '9bd8c9c2e49b2b2b5df5c6aa69e065a628e1508e', class: "menu", part: "menu" }, h("mds-modal", { key: '50de497869acb91e1a3df249c48063aa1a999ad0', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: '0d8173ec63daaf17959d2aaec7ffbfbfab9daa24', name: "menu" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-help2.js

@@ -24,7 +24,7 @@ const MdsHelp = /*@__PURE__*/ proxyCustomElement(class MdsHelp extends HTMLEleme
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd916d8a8d1c6f4022d1967c0932d73b21ca7c94a' }, h("mds-icon", { key: '59e99dd6f74779a2eb60168ff430dae1b69323d9', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: 'd3d3ded20e6591a2ab78c61d20606077a4fd3b8f', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: 'cb9c40927adab4a2cdde57209b5c99d0408c3639' }))));
+        return (h(Host, { key: '8348457632144e166c3c38d2fd42a13925ba0ec4' }, h("mds-icon", { key: '7b22740b418103eeb49af85a999eb0dfb3766029', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: 'c148617c3e44b8265be5c973683c365f2eefa460', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: '04c9543ea769febd6b68c06a3a4831525063f7c9' }))));
     }
     static get style() { return MdsHelpStyle0; }
 }, [1, "mds-help", {

package/dist/components/mds-horizontal-scroll.js

@@ -201,7 +201,7 @@ const MdsHorizontalScroll$1 = /*@__PURE__*/ proxyCustomElement(class MdsHorizont
         this.contents.removeEventListener('scroll', this.translateNavigationDot);
     }
     render() {
-        return (h(Host, { key: '813a5af54bdb5a86d7662780f1130726b794598f' }, h("div", { key: '7fc7be70a78e5d1df138842d017ec516965e36d8', class: "contents", part: "content" }, h("div", { key: '9f16ae2a3d5b327685848dac7627e0eabf600c3d', class: "spacer" }), h("slot", { key: 'aab4c93cc415efac5754d63738478f6e1fec9d3e', onSlotchange: this.updateElements }), h("div", { key: '728b3827466733209727823476afd5734bcb581e', class: "spacer" })), h("div", { key: '9d5f8a4bdd74746f6c046172be78f80607458d05', class: "dot-navigation" }, h("div", { key: '7119cfb68b5582f3f906b4f61ea38c320bd84015', class: "dot" })), this.controls && this.controls !== 'none' && h("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' && h("mds-button", { key: '56fa074dcffc7549215827728472d574a9c6b195', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
+        return (h(Host, { key: 'b65cd5aef21f81cf9c660b9e16ee0742033b0522' }, h("div", { key: '957de53a7aeee4ddb820288c54fe4b976b74bac9', class: "contents", part: "content" }, h("div", { key: '385e764035e30f5e0d656c700198de314eb87a8d', class: "spacer" }), h("slot", { key: '85fff563ccf060e4fc590faf05595a79dbd87d57', onSlotchange: this.updateElements }), h("div", { key: '181ee99f3e0d61f4c1062dec205632f0b9d287fc', class: "spacer" })), h("div", { key: 'd575c09eab0fa7e5d08e0fcb720d1740035cf38d', class: "dot-navigation" }, h("div", { key: '403830bc1cca796930ae5da665f9f3d3a206c7b9', class: "dot" })), this.controls && this.controls !== 'none' && h("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' && h("mds-button", { key: '3bcdf715858fbed99e63957506f751e5188f4a53', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/mds-hr.js

@@ -10,7 +10,7 @@ const MdsHr$1 = /*@__PURE__*/ proxyCustomElement(class MdsHr extends HTMLElement
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'bee4576b1e12ab8120755a7ef50a0c7ff68874f7' }));
+        return (h(Host, { key: 'cc9708f0bbede0b64897ded6362a273781ac97c4' }));
     }
     static get style() { return MdsHrStyle0; }
 }, [1, "mds-hr"]);

package/dist/components/mds-icon2.js

@@ -308,7 +308,7 @@ const MdsIcon = /*@__PURE__*/ proxyCustomElement(class MdsIcon extends HTMLEleme
         this.svgHTML = await IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (h(Host, { key: '992765f41d4d37744457b9e5da2c9531412e58e6' }, this.svgHTML && h("i", { key: '45fbed1f98dc82f5d1cfc5cf1c396d175a515a9d', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (h(Host, { key: 'b64516e083273f19955d483ace9a7bf2b8c25903' }, this.svgHTML && h("i", { key: 'e9e61853cb3895c0e291f39358d9ab545cb3cfa6', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/mds-input-date-range-preselection.js

@@ -23,7 +23,7 @@ const MdsInputDateRangePreselection$1 = /*@__PURE__*/ proxyCustomElement(class M
         };
     }
     render() {
-        return (h(Host, { key: '312780cd0f679e10e34c6aa5d9c15fd5d29835fb', slot: "calendar-preselection" }, h("mds-button", { key: '7d0085b9cc58a162ff47fca25daf104cef64bcb1', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, h("slot", { key: 'cd15d275d8259f651e3fc9a04fb15c70981f2a67' }))));
+        return (h(Host, { key: '16a53ed6c9e6657eba7b66a2429afd07c32b74f3', slot: "calendar-preselection" }, h("mds-button", { key: 'cd91f744d25462a2118712569443b37e8231ec3b', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, h("slot", { key: 'e6d93dfdb6d8323d46b7341776e2bd0421b68f0f' }))));
     }
     get host() { return this; }
     static get style() { return MdsInputDateRangePreselectionStyle0; }

package/dist/components/mds-input-date.js

@@ -129,14 +129,16 @@ const MdsInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputDate exten
     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 (h(Host, { key: '65bead50746f2ac93e77e3b0d2959d44d6bc6ee3' }, h("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 && h("mds-button", { key: 'ed2874e84dc8febec33dfee7a8e1c0ea44b33c61', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
+        return (h(Host, { key: '919d453601a3562de46f9439d3dad1f1eaf3a5e1' }, h("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 && h("mds-button", { key: '82957882c6a88bbc3163d1d0f1cfec0352ce5822', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), h("mds-input-tip", { key: '0c1de4cfda03e12cf04a236a99f735f09ab96d33', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'd3a2124d567dafe7ac6845ddd8ff4d640406eb13', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: 'df71711af47d3a4146d362b9a1dffe410f2db222', expanded: true, variant: "readonly" }), this.required &&
-            h("mds-input-tip-item", { key: '006715ae91e970a8305ff6c11ede212c8aa847fc', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && h("mds-dropdown", { key: '48bf82eda13f4f7a69fc252ed4ece511cdf6e7c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+            } }), h("mds-input-tip", { key: '7fddea55e6476b4d9ed66fcc2d9008b9887d8bd8', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '6dadfde7538194e26a86558fe3f2ed912bd951c3', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: 'b18b6d06a2ece4f74fdaa93081fe3761675c5337', expanded: true, variant: "readonly" }), this.required &&
+            h("mds-input-tip-item", { key: 'b1bc792f3a3a6f3763d6616efccee124025b85ed', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && h("mds-dropdown", { key: 'e8a3ce8caf29684848cf698d58c838bd5ce10e0b', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
                 this.value = ev.detail.startDate;
                 if (this.delay === 0)
                     return;

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

@@ -37,7 +37,7 @@ const MdsInputField$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputField ext
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ce722d7738fa6c03318ae0e15ce00b6c6bb2cb2c' }, h("mds-text", { key: 'c954639cf415c9c50ccb09b748ea3fd01f9016aa', class: "label", typography: "label" }, this.label), h("div", { key: '1e6f4c4209b77f8cea1934db650afda2e4779569', class: "message-window" }, h("div", { key: '59ee9b986484b2f72b423b3887ad79c87bb40bdd', class: "content", part: "content" }, h("slot", { key: '532f7f929c13a0002141989f03e0fdd3025026c1', ref: i => this.slotInput = i })), h("div", { key: '3d44c1ebc7c741ec9d4efb89640872018b6da2b3', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => h("mds-text", { typography: "caption", key: i }, m))))));
+        return (h(Host, { key: '0efc3e882cecffeac369aa2ff720623b27c0f292' }, h("mds-text", { key: '29563d1b5ba5fd46f0e215513f7576677c886b65', class: "label", typography: "label" }, this.label), h("div", { key: '8dcfff7f2b205e3dac4492aaa9179411c90aa30e', class: "message-window" }, h("div", { key: '3d9f60b3aed4ad3f5ae27f74d47f6478f4a4ba4c', class: "content", part: "content" }, h("slot", { key: '2ce1395022bef207c7cdac52b60f3b1f5ee71856', ref: i => this.slotInput = i })), h("div", { key: 'fbe7e182ffd0a8894c024f0eeefba5145c36531c', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => h("mds-text", { typography: "caption", key: i }, m))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }

package/dist/components/mds-input-otp.js

@@ -90,7 +90,7 @@ const MdsInputOtp$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputOtp extends
         };
     }
     render() {
-        return (h(Host, { key: '12a644ed6f15af0ec2e288353bbe5969ba3ffb06' }, Array.from({ length: this.length }).map(() => (h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
+        return (h(Host, { key: '377691dfe4f437ed62db8b81b7fdae30589bc4c1' }, Array.from({ length: this.length }).map(() => (h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
     }
     static get formAssociated() { return true; }
     get element() { return this; }

package/dist/components/mds-input-range.js

@@ -94,7 +94,7 @@ const MdsInputRange$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputRange ext
         this.calculateProgress();
     }
     render() {
-        return (h(Host, { key: '4ac73411f2a163e20bb68a46bc97f39664f13b81' }, h("header", { key: '2025dc18061e028fea660711d04985fac10be4a1', class: "header", part: "header" }, h("mds-text", { key: '7c9a106655dd8a8764cfd026e6ae903a6e5b7979', class: "label", typography: "label" }, h("slot", { key: '9ed95e29e20f2dde0194a954ec2a74550b1b3ea5' })), h("mds-text", { key: 'ad4426cb6066ea8acb91ad5a5e332d89c2829484', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), h("div", { key: 'a816782c847643515071745a448f1fd59972d861', class: "range" }, h("div", { key: 'f51e949cdb467c946282de60f01e20e93215abd9', class: "track" }, h("div", { key: '865c0bed59ee8705ae733a7b5b305c53cac8f5ed', class: "contrast-area" }), h("div", { key: 'e42af7daed9c0dce15cf04c747241cd816ca77b9', class: "track-total" }, h("div", { key: '41c0ec5ee9b202ede52532665e48e28a2c9565da', class: "track-progress", style: { width: `${this.progress}%` } }))), h("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 (h(Host, { key: '9f3b567730316a72d9571d7a427fa96a60c463d2' }, h("header", { key: '1ce2dc3877e29a92a8e3ea3544fbe128b77f3f19', class: "header", part: "header" }, h("mds-text", { key: 'ba4a25bb74962715c08ac27296c6fe159129d7d6', class: "label", typography: "label" }, h("slot", { key: '5c3e7594489b16efced5333c60965a8458f79d98' })), h("mds-text", { key: '6c1a66d85a6ba0690b6ccc48506f2a73031a53fd', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), h("div", { key: 'd6a5426c05c15d9ca5c6d28b400c708499e22a11', class: "range" }, h("div", { key: '85fbc1608d50ac0dc621703ca2b32b2cdf0e8dfb', class: "track" }, h("div", { key: '5273dd1e0402873c60be045e957da135bde821fb', class: "contrast-area" }), h("div", { key: 'aee519d849b9fe8157e177e8e155ddbed6120727', class: "track-total" }, h("div", { key: 'ccffa1a348e0623458c61e3b439b20daa443601b', class: "track-progress", style: { width: `${this.progress}%` } }))), h("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 this; }

package/dist/components/mds-input-select.js

@@ -124,8 +124,8 @@ const MdsInputSelect$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputSelect e
         }
     }
     render() {
-        return (h(Host, { key: '555b4b93fbc778d4293540a8c837adb8741ce617' }, h("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 && h("option", { key: 'e4411312a224a3104258242844022e5540338da1', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '2f220d52db731d2437c529d8b4f7d50fa5298740', class: "icon-container" }, h("i", { key: '3b2f32a581248ab723c8c47ed7f0457285736277', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: '2306b4c0e7b21afe70c9967be224ea45792b8dde', class: "option-container" }, h("slot", { key: 'f0b4a86adb23f3097c4660042c73c60fc33f1fca', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: '1b507e32c4c1f9d11ed38bb999836ab927b5bc6a', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'cd7b15f50a18dee24e7dd73a0940c5e1c93a13dc', expanded: true, variant: "disabled" }), this.required &&
-            h("mds-input-tip-item", { key: 'd68e1aa258ad927a7cdcf10dd9ae22b12ba0cf61', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (h(Host, { key: '42c8c47d40f44d64c3c522591f196109258ee584' }, h("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 && h("option", { key: '01c84e11e4504e467865657e46419c6e9904beac', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '466cba766c7bcfa2b7e8a2e3e383f059fd0fb6e4', class: "icon-container" }, h("i", { key: 'fc9f64a92325e1ec116c99f46c6865755bb0d1b8', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'c53f11b9715c9f6fd8d2e0f434da498365d5f101', class: "option-container" }, h("slot", { key: 'c3135009efad92a8a0be5cd4797422203a87c8b7', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: '236ebb4498a6b3f16cc241fb33a9a7b26c4166f1', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'e027575cb716fd8c638ffeb1c09e13c0698c3cc0', expanded: true, variant: "disabled" }), this.required &&
+            h("mds-input-tip-item", { key: '8a3458aa14e4b3fba95e1f924816632197fb632d', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }

package/dist/components/mds-input-switch2.js

@@ -202,11 +202,11 @@ const MdsInputSwitch = /*@__PURE__*/ proxyCustomElement(class MdsInputSwitch ext
         var _a;
         const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
         const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (h(Host, { key: '7f23da179de8195c1d4f3b29a7fdc70ef038ea3d', onClick: this.handleDirty }, h("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 (h(Host, { key: '25fbe1a54f949f20f339c7e44537d0f3b21152d1', onClick: this.handleDirty }, h("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'
             ?
                 h("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 }) }, h("div", { class: "switch" }, h("div", { class: "switch-toggle" }, this.explicit && h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
             :
-                h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
+                h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '5b653bd7e1b8e23230aea0966d63ae815ed0715c', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: 'd16a2310e71bd1b39bd2fd30366a634e978b5ad6', typography: this.typography, variant: this.variant }, h("slot", { key: '6e52e24564b55b03ddbd33c8542cbd084ac0973c' })))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }

package/dist/components/mds-input-tip-item2.js

@@ -70,13 +70,13 @@ const MdsInputTipItem = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem e
         }
     }
     render() {
-        return (h(Host, { key: '823c231cad86a73c8a20e7aaff446c82a6a03bcd' }, h("div", { key: '5c2c1232212f8bd8bc70e20526f781924a29da17', class: "content" }, this.variant === 'text' &&
-            h("mds-text", { key: 'fa33b630d58217037c796ddaa8be4aa2a5887989', typography: "option", truncate: "word" }, h("span", { key: 'd5e2bd02bbd925d7e36cbfc4119ac47ead58be54', class: "text" }, h("slot", { key: '9b5a9677bff367e3993b3aeedc59a987ea7712d4' }))), this.variant === 'readonly' &&
-            h("mds-text", { key: 'ce05c8dde6b7d948f4fba6aea93ead1651720f03', typography: "option", truncate: "word" }, h("span", { key: '0ea70472bf7685ace98f3dba8feead14294d1174', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            h("mds-text", { key: '9346da4a9e2b028eb8123700ea57ee231c138944', typography: "option", truncate: "word" }, h("span", { key: 'a3605874f82bb15ace895c5f5c1a85c5225a5ac7', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            h("mds-text", { key: '6bdf4e66624cd0b28b2320da92c6e09ac4162628', typography: "option", truncate: "word" }, h("span", { key: 'bd4ec56e8c649999b54853047589fea69eae1dae', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            h("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') &&
-            h("mds-text", { key: '3d57e1ad0073fdb4b5bbff888b1d4028dbae6afa', typography: "option", truncate: "word" }, h("span", { key: 'c61e4c4bf3b9cc7b87d14d795de4a8c8729c9b12', class: "text" }, h("slot", { key: 'b80cf78fdc612bbb88538a1f0f4ac918f9325f8e' }))))));
+        return (h(Host, { key: '610ec06bcddc82127aeb5eadc441482d2adc30b1' }, h("div", { key: 'c30fc507228aa92351dff9ad05f06222378bb7b2', class: "content" }, this.variant === 'text' &&
+            h("mds-text", { key: '7661cf787c08a3879ef91bf490c0b3a779197b94', typography: "option", truncate: "word" }, h("span", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', class: "text" }, h("slot", { key: '1e2488a1effa82424500c28c542e8f6c1619a5bb' }))), this.variant === 'readonly' &&
+            h("mds-text", { key: '30d60f70fbfbbab738c481e6e0b6c805f1cc4810', typography: "option", truncate: "word" }, h("span", { key: '89ff9b9f54c9aef62ac1fa2abda54007b1dbfaa5', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            h("mds-text", { key: 'cd41bea9f5af0f2020a37330b33a940b179c28f6', typography: "option", truncate: "word" }, h("span", { key: 'e05d357b1ceafcb4a20cf4cbf3a2850de6d1b7e4', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            h("mds-text", { key: '37b9f6c8efd291a5d90c615d381c26657d8fb983', typography: "option", truncate: "word" }, h("span", { key: '19bf638cf96bf97555a78f1e69027bd1b48f3578', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            h("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') &&
+            h("mds-text", { key: '445b3dfa49b2b9374fe81a8ea4eca85007b562d8', typography: "option", truncate: "word" }, h("span", { key: 'e92bc1e04a77ef2687f2769ba8865b2b1cc65ad5', class: "text" }, h("slot", { key: 'a431c2d46f71e3d7ebcdb4c76c3c6ec891de8911' }))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/mds-input-tip2.js

@@ -18,7 +18,7 @@ const MdsInputTip = /*@__PURE__*/ proxyCustomElement(class MdsInputTip extends H
         this.position = 'top';
     }
     render() {
-        return (h(Host, { key: '4a6b8bc471afe276bb7461d9b57bcbeaed32b998' }, h("slot", { key: '5e007f21d21f94972f0214d40973ffb89a7489c3' })));
+        return (h(Host, { key: '4554c2d91fec59827b55777cb0385fd10a59b393' }, h("slot", { key: '85fbcfed85e6b48e4dda2795fe5fe81b5842808f' })));
     }
     static get style() { return MdsInputTipStyle0; }
 }, [1, "mds-input-tip", {

package/dist/components/mds-input-upload.js

@@ -602,12 +602,12 @@ const MdsInputUpload$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputUpload e
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (h(Host, { key: 'ff873e7089019666024b2fced3cc1c8c3702a8be' }, h("div", { key: '26c2a15d18d6eed7c328b2a3615884c95f9cd03b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '10dae83654f3b68b9e7599537560b1eaf4f97f37', class: "main-action" }, h("div", { key: '551eaeed9e6155edc2a5a2ff5d735d0b4d370fa3', class: "main-action-icon" }, h("i", { key: '1ffeb5b74bf5bee22dccbde66a977c5a1d6c681e', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '3d3236eb1c8a67ffa276704c0cf07170b862c7f2', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: '828a16fdeee416c4583caf940264c74e24e8e3a0', class: "main-actions" }, h("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 && h("mds-button", { key: 'e965a2408ae50694d227836764c6cd341aca6818', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: 'ac205a0a5af79566de4ae866cd55826b00f4c3a7', class: "main-infos" }, h("mds-progress", { key: '7111db2c452769fad12e56467f63e904c5e304b9', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (h(Host, { key: 'f4f4359a203fa632735b6be5002a905c1e62f114' }, h("div", { key: 'd4d03cabf5627b51d74077870c3598e5a9bac24f', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, h("div", { key: '791798d0eaac8fce170dbe704ca2ea340a03bf87', class: "main-action" }, h("div", { key: '8b685400819c746081cac343996d5bac6c138608', class: "main-action-icon" }, h("i", { key: 'c4c65d0096cc6a444dfa0f0770b266055aa48ce6', class: "icon", innerHTML: miBaselineAddCircle })), h("mds-text", { key: '847fb0bceefe8f8661e72c03b181b52102fe5343', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), h("div", { key: 'aa4ec54350c4daf8663251353f22a5234c55ff8d', class: "main-actions" }, h("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 && h("mds-button", { key: '576bc1ffe8990458aaef9daf607e1a4d0655dc34', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), h("div", { key: 'f0e744c6f1af2b07351fbb56af3431286038c334', class: "main-infos" }, h("mds-progress", { key: '2a1cb3d4ff85e1b86e47a4588d3096328221129a', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : h("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 })))), h("input", { key: '5dd0883901bbbfd1d239cb9811a13237b3ea712c', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: 'b07d914c29fc30cf08e393e9e830ebefcabfbe78', class: "additional-infos" }, h("div", { key: 'd5c664a1fa9407a4e061123b12f312cfa5442c3a', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: '6d35cae9c629aad6b9e9c3000f22b73ce6079bd5', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '62b5515e1737f643fe1691709eeb8d955c6523b1', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            h("mds-tab", { key: '3eaddf7b201ab0e3f443998d8786d3e36e397828', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: 'bcd80494ab8bfcfb2e2b5cd2d9e1b595942b76a3', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: 'b18d310ecb45a30e97bdfc7118e0510594b083dd', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("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 })))), h("input", { key: 'aee6ab320026678fe8f417012375d21463e48ab4', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), h("div", { key: '5999a37cb3ffaa032d4df8b49ef7ba7d57e616de', class: "additional-infos" }, h("div", { key: 'dde22de84e1f78c432c1a6a01dab5426d7fea9c2', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, h("mds-text", { key: '670c1ee33fbb60410d0d12cc2835e4359dfcfdf7', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), h("mds-text", { key: '74a19ec7bd402e4cc3693cd01895fa06746fd1ab', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            h("mds-tab", { key: '20411fa449805a734129b05ac695384890817bf9', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, h("mds-tab-item", { key: '2c2d6ce20349385df25a7952f3e0c3ca0f5ae255', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), h("mds-tab-item", { key: 'd4296413eee846260ea5a200001fc9b326ce2fa3', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), h("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 (h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));