@maggioli-design-system/magma 1.10.4 → 1.10.5

package/dist/cjs/mds-pref.cjs.entry.js

@@ -98,7 +98,7 @@ const MdsPref = class {
         this.removePerfEvents();
     }
     render() {
-        return (index.h(index.Host, { key: 'de3136d856df4f53e637a44b60392af6d646750f' }, index.h("slot", { key: '23d28929d516b33fdef140780bfe37fb04189a96' }), this.showReload && index.h("div", { key: '808dbac26256dfdfa46e4296c1d74e1992f38901', class: "reload-required" }, index.h("mds-text", { key: '18a55f404c6aeddcd22b56f8fbd479636acef773', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
+        return (index.h(index.Host, { key: 'ebbe5a04bed720ac2df81b04d4d7a67f714d1c53' }, index.h("slot", { key: '0753427d80613560e5f0ed2a8ada2fc537c43237' }), this.showReload && index.h("div", { key: 'a91ef3ed3ec0c9a7ceaa3cf699733c19048d29b0', class: "reload-required" }, index.h("mds-text", { key: 'f76105559924959927aae56bca0e0496c544487e', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-price-table-features-cell.cjs.entry.js

@@ -18,12 +18,12 @@ const MdsPriceTableFeaturesCell = class {
         this.type = 'text';
     }
     render() {
-        return (index.h(index.Host, { key: 'cecaee10d99c846cb03da5fb59c13d071b666446' }, this.type === 'supported' &&
-            index.h("i", { key: '33c7d0033777170f4bd597868b577845a178f84a', class: "icon icon--supported", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
-            index.h("i", { key: '6d090ba33661ca00a93a0b2cc6dd270944c28a72', class: "icon icon--unsupported", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
-            index.h("mds-text", { key: '843f97e822b7550084ef973dbe59d0f90f8bdcca', part: "text", typography: "detail" }, index.h("slot", { key: '1552041e8889c24830e51a8127452b90c50507af' })), this.type === 'custom' &&
-            index.h("slot", { key: 'e2e1209f67db70845b2a317faef8d005cb9871f5' }), this.type === 'label' &&
-            index.h("slot", { key: '23554df92079952b34ea0c9d0aaecdddfa8d6d2f' })));
+        return (index.h(index.Host, { key: '4a7899a68af9fd5da698426b98181e7f78a2b7d1' }, this.type === 'supported' &&
+            index.h("i", { key: '361fd2ace1ec0d659aa68d0688c149099449fe5d', class: "icon icon--supported", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
+            index.h("i", { key: '0ce1e47ed3bfb79043cf4b1d685fea9fab682048', class: "icon icon--unsupported", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
+            index.h("mds-text", { key: 'e981c7761e51d0938cee50e9df7536dcb3c4d57c', part: "text", typography: "detail" }, index.h("slot", { key: 'd920bbb5e41efd0fc2de2c23642892a9a1b637c1' })), this.type === 'custom' &&
+            index.h("slot", { key: '51b22fe6cb649ab1f533032bc02f577fecc4d84e' }), this.type === 'label' &&
+            index.h("slot", { key: '28a06324c22946c0a4340cbd725cc095fb0b46d5' })));
     }
 };
 MdsPriceTableFeaturesCell.style = MdsPriceTableFeaturesCellStyle0;

package/dist/cjs/mds-price-table-features-row.cjs.entry.js

@@ -19,7 +19,7 @@ const MdsPriceTableFeaturesRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'ea2f40afda6701558b4e81d55a5862f6283c6467' }, index.h("slot", { key: 'f7fb59037f0299a3e6e59367e3913d371e1a1326' })));
+        return (index.h(index.Host, { key: 'be5986865dd83d093e41e510e40f9626167603b9' }, index.h("slot", { key: '60edb75a6a97f8b27cbbd0b1df7ed3c8d037b313' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/mds-price-table-features.cjs.entry.js

@@ -12,8 +12,8 @@ const MdsPriceTableFeatures = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1ef1d2675e4f0c86d69b109458fb57da81ee4b32' }, index.h("div", { key: '157e0596180ff8679de3aeeca1581e7f106de222', class: "table-wrapper" }, this.label &&
-            index.h("header", { key: 'ff01e4d69f70de954d36e62067685459fa6bc848', part: "header" }, index.h("mds-text", { key: '1fae2b224e92a49814a49fe0b9f10109b2953336', typography: "detail" }, index.h("b", { key: '1a725c8f0266b7cbfcebd99345d4223b217fd040' }, this.label))), index.h("table", { key: '788f7696352facee6b02de88f79a890df5e3241d' }, index.h("tbody", { key: 'be75dedb22a10c6c9240c0a64c51b66e388fca81' }, index.h("slot", { key: 'cbd012ba80ca3080f342ee2d3f117f4e4aef0d4e' }))))));
+        return (index.h(index.Host, { key: '65fbe8292e0f2cb896d38e251195e1b6336aad65' }, index.h("div", { key: 'afc0d405aa730019cdf162c51c2e65048ac1a367', class: "table-wrapper" }, this.label &&
+            index.h("header", { key: '3066a6a4ea70894a4af5dd06751584f4ccaaf96f', part: "header" }, index.h("mds-text", { key: '61e33977213f3f8d59e7cd8b2a0da80224f1eaac', typography: "detail" }, index.h("b", { key: 'e27b98d309788d5ba03ed9d0fc5b125057da97d6' }, this.label))), index.h("table", { key: '57790158982fe3bc897e054806f5bfe77abea87a' }, index.h("tbody", { key: '7fae29e9d82a73b3f007220f92d2a8831906dd66' }, index.h("slot", { key: '6ae54c5f2f0954146108da40aa855b7d094dd544' }))))));
     }
 };
 MdsPriceTableFeatures.style = MdsPriceTableFeaturesStyle0;

package/dist/cjs/mds-price-table-header.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsPriceTableHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '25464e4e71a08ec4c691715afb9b29312b7c176e' }, index.h("slot", { key: 'ee6356b25a817565fb60282cb62ea76b161b323f' })));
+        return (index.h(index.Host, { key: '04ae527a822347cc3256f7ace0ec39a2879d0e19' }, index.h("slot", { key: 'ac51851e67c93bd6123f39cb03d9ed160818b781' })));
     }
 };
 MdsPriceTableHeader.style = MdsPriceTableHeaderStyle0;

package/dist/cjs/mds-price-table-list-item.cjs.entry.js

@@ -22,9 +22,9 @@ const MdsPriceTableListItem = class {
         this.typography = 'detail';
     }
     render() {
-        return (index.h(index.Host, { key: '79248ac6df369b4f5a91303ad2cbbb5e6d1a4bd5', slot: "item" }, index.h("mds-text", { key: '26a09b91c750898124896f6c3dde4d9606e80662', class: "icon-container", typography: this.typography }, this.supported
+        return (index.h(index.Host, { key: '84a70539151919391dcc57b1ffe25018e3a1f8a5', slot: "item" }, index.h("mds-text", { key: '059e00e943b8cd4dcb804912462326e7c924c6b8', class: "icon-container", typography: this.typography }, this.supported
             ? index.h("i", { class: "icon", innerHTML: checkCircle.miBaselineCheckCircle, part: "icon" })
-            : index.h("i", { class: "icon", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" })), index.h("mds-text", { key: 'd76f0dd36e4da02e7c49cc4ae835c617436e3bf5', class: "text", typography: this.typography }, index.h("slot", { key: '9ef1b80a26c0b47a4850bed4b17f815f3e033fb9' }))));
+            : index.h("i", { class: "icon", innerHTML: horizontalRule.miBaselineHorizontalRule, part: "icon" })), index.h("mds-text", { key: 'd672cd3f77a5447fd457dc6a61571fa7dd81aeb9', class: "text", typography: this.typography }, index.h("slot", { key: '62a386dd15939df3a5c4b677cf09c359331de05f' }))));
     }
 };
 MdsPriceTableListItem.style = MdsPriceTableListItemStyle0;

package/dist/cjs/mds-price-table-list.cjs.entry.js

@@ -15,8 +15,8 @@ const MdsPriceTableList = class {
         this.hasItems = this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'bcb0f75fd698ed8005ab317502395610e835855a' }, index.h("div", { key: 'd1bf605fce4b2025e58870aec9f569986cc724e8', class: "header", part: "header" }, index.h("slot", { key: '09f20d5366ead42b3cd8553ade7e3daba1c661f8', name: "header" })), this.hasItems && index.h("mds-separator", { key: '19c90e16fd85ad9094e85f142fff93360d111582', class: "separator" }), this.hasItems &&
-            index.h("main", { key: 'f39cb095107e5ad73750e184f547f0379eb4b694', class: "main", part: "content" }, index.h("slot", { key: '83168df80fd39f6680a69159a693066b7a2c1744', name: "item" })), index.h("div", { key: '979a091bd905b47cab12adb9f573d71cc61f3c68', class: "footer", part: "footer" }, index.h("slot", { key: '980d6b0d21abc27af2d6bcfec073f0f03d77f53d', name: "price" }), index.h("slot", { key: 'a4c9836889349086bcdc827a43ace7f1f9f2d78e', name: "action" }))));
+        return (index.h(index.Host, { key: 'ae7ad5e094f12ef859c7c68a1300d736c754b0ac' }, index.h("div", { key: '9ac1a25b2abbf4a835cb5d0a79d215b7fb4da690', class: "header", part: "header" }, index.h("slot", { key: '175bc650f12bb79445fa445c5956070de0db0895', name: "header" })), this.hasItems && index.h("mds-separator", { key: '972fb858fd455371e3a7612dd3c5a08ae4b9553f', class: "separator" }), this.hasItems &&
+            index.h("main", { key: '760041e1b60a2e2bcc069680e6f68cfd083ee2fe', class: "main", part: "content" }, index.h("slot", { key: '09ffd270982f940371bffd76c88638380a1f3d64', name: "item" })), index.h("div", { key: '2805b0565faaaaa445a1400e893378d1fea9fd7e', class: "footer", part: "footer" }, index.h("slot", { key: '6e344dfba8394369ef06d8b0183c7debe70468e9', name: "price" }), index.h("slot", { key: '7d99c3193e3f13c9807d39bb4b8d711d264d0391', name: "action" }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/mds-price-table.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsPriceTable = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e0417530a119c97cbd79258405224be0f168db75' }, index.h("slot", { key: '4fd39678c16759e07dddc83cfda2fbc9c0e29f08' })));
+        return (index.h(index.Host, { key: 'a577e5fb0af3e8a1d61d2f7567f735cb22dcab68' }, index.h("slot", { key: '74c22ace285d16971a5f1cc8ea7353e276f9c5c9' })));
     }
 };
 MdsPriceTable.style = MdsPriceTableStyle0;

package/dist/cjs/mds-progress.cjs.entry.js

@@ -51,7 +51,7 @@ const MdsProgress = class {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (index.h(index.Host, { key: '20f1bd6d8eee5e9c733126dd5d7f85d04cb2d664', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !aria.ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { key: '3222763725c233542847a54671f8d828b289ac2d', class: "contrast-area" }), index.h("div", { key: 'ed532af42aa288bfaa379133182ec54b3f32891a', class: "progress", style: this.direction === 'horizontal'
+        return (index.h(index.Host, { key: '0411957a0df297302610af17f83ffacd46998ce5', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !aria.ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { key: 'df2bb2e5c355b55193bccf8cc0447d7eddebd244', class: "contrast-area" }), index.h("div", { key: 'dc046335393cca3792ea9b54fb9ce1c5370933a6', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } })));
     }

package/dist/cjs/mds-push-notification-item.cjs.entry.js

@@ -225,9 +225,9 @@ const MdsPushNotificationItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '8b553b771f5e217dd035e797865c6ea6776f5fce' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && index.h("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' && index.h("mds-img", { key: '19205265b640a825d5eed14c7bec25b6d4e3f529', class: "picture", part: "picture", src: this.src }), index.h("div", { key: 'e6e8142de314d6e3af3b50698acb0f4113b930de', class: "content", part: "content" }, index.h("div", { key: 'f62c3df2634ee857c75d8c31fbc244fa5f948ac1', class: "header" }, index.h("div", { key: '2b1489cd597ed1399151868b989ed808481cc826', class: "infos" }, this.hasBadge && index.h("div", { key: '74b2d570d47da3fbe8bedf07481dd8954663ccf4' }, index.h("slot", { key: 'a4645a55e2e22c3bef76c0670514312afeec7b35', name: "badge" })), this.subject && index.h("mds-text", { key: '74fafc102696fe51ff64bda885268c56f12c3c7b', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && index.h("mds-text", { key: 'a5954edcfa9b95efd2afba1914216ee0583f561d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (index.h(index.Host, { key: 'e2b9d90e4b0e8a11d83daf487920ca304ae2d33b' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && index.h("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' && index.h("mds-img", { key: '297bb4f17c4cdc9e5bea297a1c5bc1776dcf89c6', class: "picture", part: "picture", src: this.src }), index.h("div", { key: '802b574a02ebeac43d3110f126eeea63d89337d8', class: "content", part: "content" }, index.h("div", { key: '0c71d1a5e49c0303d4448b36d064a0aafc838342', class: "header" }, index.h("div", { key: '7586249e45d25fa0d8ccbd8293dafa70b0128e80', class: "infos" }, this.hasBadge && index.h("div", { key: '880a8f4ff70adc808204f40501ec2e51679c0763' }, index.h("slot", { key: '1dd325b9d845cb09237264ea7ff9a728c8b2d333', name: "badge" })), this.subject && index.h("mds-text", { key: 'f4e94a1a45865bda26e2191ba5f3b72a134f9555', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && index.h("mds-text", { key: '8e4aaff7d51bdf1f1a922a27f287ea5089b9a39d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), index.h("mds-text", { key: '74d242a1db9b8f42b4f615acebdc1858c5827ff1', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && index.h("div", { key: 'a824f1de1fc2cf0ae1b00f7200bb28a85d4ce227', class: "actions", part: "actions" }, index.h("slot", { key: 'd6a25cd811ab06a4ea15e67e7bcfbd97a4ab2e13', name: "action" }))), this.deletable && index.h("mds-button", { key: 'b19f9c267a797e1bfbaa3b6ba8dc3d848c0c944e', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: cancel.miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), index.h("mds-text", { key: '8bf35de84f3a2d245fe8bafa5a2e43c3205bdb0d', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && index.h("div", { key: '4da810d1af3f1f967401cec72e6271ab78e81192', class: "actions", part: "actions" }, index.h("slot", { key: '008b78ebd6ee96b2d7205633997bdf05488859de', name: "action" }))), this.deletable && index.h("mds-button", { key: '2964c6f4370b2bd95a5ede549703a7ad2b593fa0', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: cancel.miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-push-notification.cjs.entry.js

@@ -140,7 +140,7 @@ const MdsPushNotification = class {
         this.visible = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '42fd2046e74d018a8f391209769e01ce28ffe20e' }, index.h("mds-button", { key: 'd8dfbb086fc849b7446c1336468bedc373961671', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), index.h("div", { key: 'b7a3b20fe9c159b9b16a7be3cd51b9c54cbabc12', class: "notifications", part: "notifications" }, index.h("slot", { key: 'f237446251476ae7bd658a5a4013dccb79b8a26b', ref: el => this.slotNotifications = el }))));
+        return (index.h(index.Host, { key: 'fe2ec4473bb0a4a197e6a0d13ed7b0c2b4973bb6' }, index.h("mds-button", { key: 'cf2e9fb9a91c2606f841d128ebb6567020b718cc', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), index.h("div", { key: '2d12f9359aa9e20c6150d0e92c916246e64b5ed2', class: "notifications", part: "notifications" }, index.h("slot", { key: '568e77443b6db93f181fd23d5b401faf541d52b5', ref: el => this.slotNotifications = el }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-quote.cjs.entry.js

@@ -20,7 +20,7 @@ const MdsQuote = class {
         this.tag = 'h3';
     }
     render() {
-        return (index.h(index.Host, { key: '3f4d0c5b40ee8e06e15d1953b96efeced801dd2b' }, index.h("mds-text", { key: '4ef041c0d7a4ade51f54f65ddd04995539912cbf', class: "open-quote", tag: "div", typography: this.typography }, index.h("span", { key: '2e215c574a48a161687611aee8388de1e547640c' }, index.h("i", { key: '345417a223125a320502e2140057a4dd9b12adc3' }, "\u275D\u00A0"))), index.h("div", { key: '72d25648c093963f080f5b78c0877fac1e247be4', class: "quote" }, index.h("mds-text", { key: '744a6efeff7cf124426d3bfdb836f8f03c4cd6d4', tag: this.tag, typography: this.typography }, index.h("i", { key: '65a2f803de477ae6fe2709e52bce3cc3de4dad37' }, index.h("slot", { key: '5c9d80e8e5a004b56b1e1c1699cafc7a752d9a9b' }), index.h("span", { key: 'dfd86a9d2ea482f98c6ec0ee6fb1a464bcf6d2d4' }, "\u00A0\u275E"))), index.h("slot", { key: '59d157a53d0a9a138386711fda06e21a9d2a41af', name: "author" }))));
+        return (index.h(index.Host, { key: '7819c7e5f9a6c15061989f8dcf5fcfeafb9e6688' }, index.h("mds-text", { key: '166579abe26b7448ddb1b5456cb876df5152de06', class: "open-quote", tag: "div", typography: this.typography }, index.h("span", { key: '1df73a4f8cc657dee3ed0317b1dcd42af20ca238' }, index.h("i", { key: '5ef566230c60a8e83ba1a66a9d971bad27712071' }, "\u275D\u00A0"))), index.h("div", { key: '9fd88a7b7438b69c46e45c8bbf5f853bcdb7c784', class: "quote" }, index.h("mds-text", { key: '9afcb022421bd15d07885ed5d32406aed37c32d5', tag: this.tag, typography: this.typography }, index.h("i", { key: 'b5c1beb4f070c0c11cbd643c892b97e5d2425e14' }, index.h("slot", { key: 'f821ff9f8d235b95cd1a3ae48ca872064e7d47ad' }), index.h("span", { key: 'b8d41cd1477e69d28b0d97cfed6e329131984e51' }, "\u00A0\u275E"))), index.h("slot", { key: '47067df2723a3bd4781071193ab3eb15dfcbd314', name: "author" }))));
     }
 };
 MdsQuote.style = MdsQuoteStyle0;

package/dist/cjs/mds-radial-menu-item.cjs.entry.js

@@ -21,7 +21,7 @@ const MdsRadialMenuItem = class {
         this.size = 'lg';
     }
     render() {
-        return (index.h(index.Host, { key: '2a89d9531f2e2a54c4bdbf3f259b6f8844eb59a5', slot: "item" }, index.h("mds-button", { key: 'a8cc2d0a377b6e3e9a93d40c7957dbb003055ee0', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && index.h("mds-tooltip", { key: '94e92d551152a2ecd60580b16d57be88be9ef890', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
+        return (index.h(index.Host, { key: '2f3531474a5df5c38e8e596801aa4bd50173ad9c', slot: "item" }, index.h("mds-button", { key: '64600a6b24b7985027b7e40331293f69cc89d602', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && index.h("mds-tooltip", { key: '94e951c4cbd2424154acb1152693bbaa88606349', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
     }
 };
 MdsRadialMenuItem.style = MdsRadialMenuItemStyle0;

package/dist/cjs/mds-radial-menu.cjs.entry.js

@@ -169,7 +169,7 @@ const MdsRadialMenu = class {
         this.handleBackdrop();
     }
     render() {
-        return (index.h(index.Host, { key: '5d037948696650ac884d6ba51c2023c2afef0691' }, index.h("mds-button", { key: 'a0148d44906ef0b9bf4c5d56af7876c3b14c5120', class: clsx.clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? close.miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), index.h("div", { key: 'de830343c24f744b010dc006ea4b09e6d96034b4', class: "radial-menu", part: "radial-menu" }, index.h("slot", { key: '39977e667ba8d0217ef8b5e0d7d419bffd39b9b0', name: "item", onSlotchange: this.updateItems })), index.h("div", { key: 'a83616c73b839a4f59a42ea94471a3f275a21324', class: "disc" })));
+        return (index.h(index.Host, { key: 'efe68ced6e3e09260be4a7a680186ccd98394c1d' }, index.h("mds-button", { key: '55e5a84c4d28b97e1981cca85d28ad4fb2169a10', class: clsx.clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? close.miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), index.h("div", { key: '176d7421ad89db3279fd5e4d9e5af2a553d3238d', class: "radial-menu", part: "radial-menu" }, index.h("slot", { key: '5a0aa43c17560828a8de0e09724d62bc4c02e54e', name: "item", onSlotchange: this.updateItems })), index.h("div", { key: '7aa6a13fe4bd910438ccbf0e4affa3324b2f4bfc', class: "disc" })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-separator.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4f6a46ceb5abb3d9c3fefe23c0851006fa2b92fc' }));
+        return (index.h(index.Host, { key: '8ca8c9287fe888c9bf8e24ef5061100cd249477e' }));
     }
 };
 MdsSeparator.style = MdsSeparatorStyle0;

package/dist/cjs/mds-status-bar.cjs.entry.js

@@ -29,7 +29,7 @@ const MdsStatusBar = class {
         this.visible = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '557b8c5ec057b4a4108904f168f74c8b07c407e6' }, index.h("mds-modal", { key: '1ad9b49f1febd2faadded1fca3526c57ee7073a4', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, index.h("div", { key: '9985d0ebfc5fdd2d9b625a7134cb1d93a7ca410d', class: "status-bar-area", part: "status-bar-area", slot: "window" }, index.h("div", { key: '9142b65489fe08bc5b5db433ffc4cc7ab5b793f1', class: "status-bar", part: "status-bar" }, this.description && index.h("mds-text", { key: '5d6a6a67a64968cf07b44a74998a555c61677155', typography: 'caption', class: "description" }, this.description), index.h("div", { key: '119525ab7120975331f8e459b343c8cacee1a44c', class: "actions", part: "actions" }, index.h("slot", { key: '8d0d8a54855692712eb9197b56c2f60ca415be73' })))))));
+        return (index.h(index.Host, { key: 'ed5b1448d06c92bbde2188ffddfd30e8d9506e27' }, index.h("mds-modal", { key: 'c092f190f34d3877b2072d1653a971a8a519a473', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, index.h("div", { key: 'f0eaadcaf3681c30b3df2213c09d518a573a635c', class: "status-bar-area", part: "status-bar-area", slot: "window" }, index.h("div", { key: '49f2e8f3c6b23ff238b854164d241f1c2b5ebd5b', class: "status-bar", part: "status-bar" }, this.description && index.h("mds-text", { key: '7d2c5c60424f1ebac181254030e96d534af86ab0', typography: 'caption', class: "description" }, this.description), index.h("div", { key: '33fbde57e9a794a3f5dff021f2ebd523e2d8edf0', class: "actions", part: "actions" }, index.h("slot", { key: 'df2ef8cc67b33ec0c6aa267e0b89d3cc83407ed8' })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-stepper-bar-item.cjs.entry.js

@@ -52,7 +52,7 @@ const MdsStepperBarItem = class {
         this.isCurrent = newValue;
     }
     render() {
-        return (index.h(index.Host, { key: 'e2e04f1ea989c7e976bcbe3451e1a9f4768d3790' }, index.h("div", { key: '048d4604f98a8faa3cb1dd14b006f929efe10c79', class: "header", tabindex: "0" }, index.h("mds-icon", { key: 'a4ab733608fc44620eea84f2e92f590e02532d33', class: "icon", name: clsx.clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: '96457ef1bb940e807202866ee0198e97d960fe5b', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: '13ffe9e6e11ca508c51433795583e20eb81d6e84', class: "infos" }, this.step && index.h("mds-text", { key: 'a85396d814f2e67829140a73d74d729afad79373', class: "step", typography: "option" }, "step ", this.index + 1), this.label && index.h("mds-text", { key: 'c89c75a5c51bb35d3976a517824a1eb362c7457a', class: "text", typography: this.typography }, this.label), this.badge && index.h("div", { key: '537a2da9d99e11376bbf3b552026a1db88f49adf' }, this.showBadge()))));
+        return (index.h(index.Host, { key: '2aa9bbc6764d636fa42cbbd789e4f028ff4fe403' }, index.h("div", { key: '102ac21ea9847d93551e796c62484f87cd746aa5', class: "header", tabindex: "0" }, index.h("mds-icon", { key: '37a31e11ba706461f51b4fe27856ab8c9b927e33', class: "icon", name: clsx.clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: 'a4ed4e7f8b62c6ec33438a9bef6959052b8a1ae9', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: 'f449bc089a684852300e1e0dfba83a8c9efa6167', class: "infos" }, this.step && index.h("mds-text", { key: 'a3c9db9792137bc2b2539300d98b756076dd1929', class: "step", typography: "option" }, "step ", this.index + 1), this.label && index.h("mds-text", { key: '0cb55f334bab5b44fe21cc019ab623335762aba5', class: "text", typography: this.typography }, this.label), this.badge && index.h("div", { key: 'b2f6f8588de8ab770d5aa80a0313e52bd718700a' }, this.showBadge()))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-stepper-bar.cjs.entry.js

@@ -95,7 +95,7 @@ const MdsStepperBar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '800c54e551923fbe81c197de01a506abb4bfa419' }, index.h("div", { key: '080cba3a595bdd1b94e9a330b416f5b7bdd16328', class: "items" }, index.h("slot", { key: '9fbf9124f6f6a0cacd6e04cecff2f62b5498ca20' })), index.h("div", { key: '10b5387564715ebdca4e36cf034c52bde760ddf8', class: "contents", part: "contents" }, index.h("slot", { key: '4e0ed56cbead4374bdc5e556cd7b8544cfe92bc4', name: "content" }))));
+        return (index.h(index.Host, { key: '7c8da6bdab708a9f61dde0b15d84b2763d88a918' }, index.h("div", { key: '023c5faa3f309dd02b10cdfcf2e588bc7817b92d', class: "items" }, index.h("slot", { key: '8fc8cec78b800c1cafe974d500c182f1befc9c70' })), index.h("div", { key: 'f9051ea55de2672712cdfbbdff75fdd7b329925d', class: "contents", part: "contents" }, index.h("slot", { key: '2afefad756798b574b38597e7b9b2596b6581443', name: "content" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-tab-bar-item.cjs.entry.js

@@ -30,7 +30,7 @@ const MdsTabBarItem = class {
         this.isSelected = newValue;
     }
     render() {
-        return (index.h(index.Host, { key: 'c80554140be9d1f2123f6e9b944a391f11fb4c96', onClick: this.select }, index.h("mds-icon", { key: '73915df7d55c59636de1759fea18e67e778f2b95', name: this.icon }), index.h("mds-text", { key: '97bd114b34506730f387ebfbcf20925e9dab7eaf', typography: this.typography }, index.h("slot", { key: '6d70386aa42912371be0834a5208c41a7878a406' }))));
+        return (index.h(index.Host, { key: 'be905d7b7cbbac6f246fac5a8f8894c400f07310', onClick: this.select }, index.h("mds-icon", { key: '641690b33e138d87408db92f503be4add6a64289', name: this.icon }), index.h("mds-text", { key: '6a0b8f284dc5559532bfccaf4eb669f74c9ad58e', typography: this.typography }, index.h("slot", { key: 'be3f1f5bf79b55a22c3dd3eaf4ff4aaa2ee7646e' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-tab-bar.cjs.entry.js

@@ -27,7 +27,7 @@ const MdsTabBar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '9351167c42a9c9bbf31b12e824f18822b162449b' }, index.h("slot", { key: 'f2a200b8ef9c6a0e00ebc4fcbc862e7f6f13967a' })));
+        return (index.h(index.Host, { key: '6966cd2da8fc78af973b89906b9bdf0e4683aafd' }, index.h("slot", { key: 'b320da74d285467d3edde00c6fe5d178263d8e29' })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/mds-tab_2.cjs.entry.js

@@ -201,13 +201,13 @@ const MdsTab = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0cee35f7ed7d3673d76e9f87a81b620273b9859b' }, index.h("div", { key: 'e4e248908127fb334f72886b03469f94a3826c8c', class: clsx.clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: 'a8b1955806568e1e314ce23ec05563b23a12c7e7', class: clsx.clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '49ff85dddd8e56d4463f5f233e4d2f69397aca2b', class: clsx.clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: '2f11ace6c2845b4048f413ed1df07775835dbe01', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '9ef816fbdc5008db20bbc0f702167e90ba471330' }), this.animation === 'slide' &&
-            index.h("div", { key: 'ceadac8b4b5f8891294573d60748fe9e9cdc323e', class: "slider", part: "slider", style: {
+        return (index.h(index.Host, { key: '4138e29d5cd3b142e3eac4087cefb536978ef5eb' }, index.h("div", { key: '59be0248301234a142b740680cfe7cbbf1860c8f', class: clsx.clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: '87ab1aaed2774bb76d42dc0824406df89a7bc51e', class: clsx.clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '601b3b7303e51e7eda2cd8a53509121c76a951c5', class: clsx.clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: '207c925a238840b4c099aa2b2f042a9805ab911b', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '62193a3970c6a92aa72ef532a57b3a74898a6310' }), this.animation === 'slide' &&
+            index.h("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`,
-                } }))), index.h("div", { key: '38d88c11f4a33bb223ceecd40231ad33e5c6ad60', class: "contents", part: "contents" }, index.h("slot", { key: 'f04a15f918ecea307a07b72a07b26c2695406db0', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), index.h("div", { key: '232c152328c93bcc74fad4dc265a446c73b413df', class: "contents", part: "contents" }, index.h("slot", { key: 'a6257b53c0603ad1edecadc52953d92540ccc2e0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -264,7 +264,7 @@ const MdsTabItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'a903efdab2ba601a7391ee1859686cd60fa8c7e5' }, index.h("mds-button", { key: '25b65b618a26529ce5daa864742927ecfa1cf890', class: clsx.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 && index.h("slot", { key: 'a406f686115822fa7d12e03838c8c05da1e4344a' }))));
+        return (index.h(index.Host, { key: '68ac3ba60165b08af16ab76ecd34ed6740ff889b' }, index.h("mds-button", { key: 'd004ad30c216bfe131a4c8dce9db6fa66606f07c', class: clsx.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 && index.h("slot", { key: 'd113146375a3821eeb4515fb87edfca40c0910cf' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-table-body.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsTableBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2642e2a3623100b5826917367d46ef3a936c4e8e', role: "rowgroup" }, index.h("slot", { key: '5d4e8807a5b0b3e9774906fe8b0bee9c72913124' })));
+        return (index.h(index.Host, { key: 'eef86e1d6736cef5f5a8cb0d994fad7c53895428', role: "rowgroup" }, index.h("slot", { key: 'fded480454ee18afa92ceeacc85d321f2f3c4521' })));
     }
 };
 MdsTableBody.style = MdsTableBodyStyle0;

package/dist/cjs/mds-table-footer.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsTableFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2da16f0233064ca5266768ab37a8ceab27b46281', role: "row" }, index.h("slot", { key: '82e357c7c498f08482e1ef9699f68197dfff2cfb' })));
+        return (index.h(index.Host, { key: '2485d97f5ed46baf7dd9e84ee630758d422ba1c4', role: "row" }, index.h("slot", { key: '52e5f4a75ddb00cc7847eaf239a99eb87eaae387' })));
     }
 };
 MdsTableFooter.style = MdsTableFooterStyle0;

package/dist/cjs/mds-table-header-cell.cjs.entry.js

@@ -110,7 +110,7 @@ const MdsTableHeaderCell = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c08a21beb479086246c775219a8a2f298599e907', role: "columnheader", "aria-sort": this.direction }, this.sortable
+        return (index.h(index.Host, { key: '0aa8b6c5f4a9c41dd4c04a599b91dd5e58d22cd0', role: "columnheader", "aria-sort": this.direction }, this.sortable
             ? index.h("mds-button", { class: "action", icon: clsx.clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && keyboardArrowUp.miBaselineKeyboardArrowUp, this.direction === 'descending' && keyboardArrowDown.miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "quiet", variant: "dark", size: "sm", part: "action" }, this.label)
             : index.h("mds-text", { class: "label", typography: "label", part: "label" }, this.label)));
     }

package/dist/cjs/mds-table-header.cjs.entry.js

@@ -90,8 +90,8 @@ const MdsTableHeader = class {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '9c0121b658df8468fa16b410855ebd384e37df87', role: "row" }, this.selectable &&
-            index.h("mds-table-cell", { key: '82a167e2c3826a1a8108d34f468d3ea76b3dd1ee', class: "selection", role: "columnheader" }, index.h("div", { key: '578625631f7c9c268c3f022bc689e163dec14f57', class: "checkbox-wrapper" }, index.h("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 }))), index.h("slot", { key: '982ef24abe74cfd87498eb4dab60a2329590e41d' }), this.hasActions && index.h("mds-table-header-cell", { key: 'd3cf24b7f4960a3cd0900db9c151a84b9bd9681b', class: "actions", label: this.t.get('actions') })));
+        return (index.h(index.Host, { key: '6e7270f5c8f79cf0f29ca85a4b62218d5a933ced', role: "row" }, this.selectable &&
+            index.h("mds-table-cell", { key: '3de4c5a114a4d93502c6961212620ca9a475a08a', class: "selection", role: "columnheader" }, index.h("div", { key: '6b6c9faf354307933b59e7b8d4c5b2d10b8ec2a4', class: "checkbox-wrapper" }, index.h("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 }))), index.h("slot", { key: '5483b2c2725f7473003841f8f8244aadaf34afe4' }), this.hasActions && index.h("mds-table-header-cell", { key: '2045fad1db9ee99a4822e80b14d857302e4756ad', class: "actions", label: this.t.get('actions') })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/mds-table-row.cjs.entry.js

@@ -80,16 +80,16 @@ const MdsTableRow = class {
         observer.observe(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'ca022834802e66713fdb077dfffbc42d2836eee1', role: "row" }, this.selectable &&
-            index.h("mds-table-cell", { key: '7243f44094f5240a8d4cfb1cb8dd9b4af8b4370d', class: "selection-cell" }, index.h("div", { key: '5946a5367e8a7931c6241acecaa28bd23c9fbfc9', class: "checkbox-wrapper" }, index.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 }))), index.h("slot", { key: '2ffcec67776d5032f3d024e6a473749165ba2486' }), this.hasActions && browser.isSafari() &&
-            index.h("mds-table-cell", { key: '89a4a8a8240487c3c1baa8f7f9e9919f132a182d', class: "actions-cell actions-cell--disable" }, index.h("div", { key: 'eca923f4fcf71d2eb411b6896ccf4a4bb8ce855f', class: "actions" }, index.h("slot", { key: '6f0ee828cdfe2624b2c260571a2949fadb9a26d7', name: "action" }))), this.hasActions && !browser.isSafari() &&
-            index.h("mds-table-cell", { key: 'f165f40bd7a0c3538e7000a58f2e952a84fd87b9', class: "actions-cell" }, index.h("div", { key: '8034709aac3afa03306c73e6b26c1a15af7ee5e0', class: "actions-sizer", style: {
+        return (index.h(index.Host, { key: '2e8e2f7fbe3fefcefa7e3d01cd6df25b45797e31', role: "row" }, this.selectable &&
+            index.h("mds-table-cell", { key: '2402489a9d4550bcca19947716709950fb1ad4f0', class: "selection-cell" }, index.h("div", { key: '087297fdf2d43a665645fa65576789e41be6ddf0', class: "checkbox-wrapper" }, index.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 }))), index.h("slot", { key: '45dd93bf5b0ac4ca6735b321be0149dc4a540d19' }), this.hasActions && browser.isSafari() &&
+            index.h("mds-table-cell", { key: '08ee6e136678c5fea1e72a00cdf849f149fd3e6f', class: "actions-cell actions-cell--disable" }, index.h("div", { key: 'bb20733d0efbd71c6df3e18921134bbe3ebb845e', class: "actions" }, index.h("slot", { key: '02bb05a788309016bdc11635b7daefe1d0e1631d', name: "action" }))), this.hasActions && !browser.isSafari() &&
+            index.h("mds-table-cell", { key: '457e6dbf769c46b020e7e9c018984c22f6b1d8a5', class: "actions-cell" }, index.h("div", { key: 'f1b3d0f31014004430028f1d32153d93e08e9543', class: "actions-sizer", style: {
                     minHeight: '1px',
                     maxWidth: this.sizerWidth,
                     minWidth: this.sizerWidth,
-                } }), index.h("div", { key: '64f7f1e7593e87fdec29ad8f413e39f95222d352', class: "actions-view" }, index.h("div", { key: '376f1bac253c67ab38f673de12f2cfdbe087d0e5', class: "actions", ref: el => this.actions = el, style: {
+                } }), index.h("div", { key: '71a757463507a82582e1eee3c49e4453ef5614b2', class: "actions-view" }, index.h("div", { key: '9b56c0055fa2c2a333f2ca17b326a33f7a6b8742', class: "actions", ref: el => this.actions = el, style: {
                     marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-                } }, index.h("slot", { key: '3225feec7b4a1004cd07797a27652aaae143a346', name: "action" }))))));
+                } }, index.h("slot", { key: '65a74d527990e2592c53443a8626c98d12f690fa', name: "action" }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/mds-table.cjs.entry.js

@@ -113,7 +113,7 @@ const MdsTable = class {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '4f097c1e4c9985e20acce993be1c9510b2843010' }, index.h("table", { key: 'e0176b33cfc4b2b876d658108de7acd3d38d0b2c', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table" }, index.h("slot", { key: 'ec9bf47afc49055525aa4c3a7c4d0b6cb7669d37', onSlotchange: this.updateSlottedElements }))));
+        return (index.h(index.Host, { key: '657ccbef8268b49eb345799af7a879f14817edcd' }, index.h("table", { key: '6a261c25b7900ed21ede8a2589773c9dbba02cc7', class: clsx.clsx('table', this.interactive && 'table--interactive'), role: "table" }, index.h("slot", { key: '11085b78efcd328e1287bef9d8a6d798ce04c6af', onSlotchange: this.updateSlottedElements }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-text.cjs.entry.js

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

package/dist/cjs/mds-toast.cjs.entry.js

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

package/dist/cjs/mds-tooltip.cjs.entry.js

@@ -117,7 +117,7 @@ const MdsTooltip = class {
         this.floatingController.dismiss();
     }
     render() {
-        return (index.h(index.Host, { key: '4fd46ae976048b84ab2f9a413eea5d17652c4c57' }, index.h("div", { key: 'c8d7704c450affa3eace4d4c82ab042edff5f618', class: "arrow", innerHTML: arrowSvg }), index.h("mds-text", { key: 'eebae6587393f078dca5fb1904cd02c2d102e458', class: "text", typography: this.typography, part: "text" }, index.h("slot", { key: '59cb89cb8de4c0703a89468a99ab12c1535656d0' }))));
+        return (index.h(index.Host, { key: 'e258f6eeeeb2a8d5fe4dec584addec926ce6f993' }, index.h("div", { key: '62d925f74fcaf3d5a02d63988f48d492bef5d66c', class: "arrow", innerHTML: arrowSvg }), index.h("mds-text", { key: 'f1581e91483ea61edf127c68b0d9d43a9b2dcc70', class: "text", typography: this.typography, part: "text" }, index.h("slot", { key: 'd401d20ffc648619f48bb40aa9cb78b324836703' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-tree-item.cjs.entry.js

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

package/dist/cjs/mds-tree.cjs.entry.js

@@ -79,7 +79,7 @@ const MdsTree = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'aff474616a0a6bd13d09eb99e2af66cd44704ebf' }, index.h("slot", { key: 'e7a11f3bb6a88336672a80305ba498567baa1f20', onSlotchange: this.updateElements })));
+        return (index.h(index.Host, { key: 'b4311bcc7ac8b0934e2bac60846e0d3cfecf24ee' }, index.h("slot", { key: 'db7125806e82df27caabac924de2c67c3f022739', onSlotchange: this.updateElements })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-url-view.cjs.entry.js

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

package/dist/cjs/mds-usage.cjs.entry.js

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

package/dist/cjs/mds-video-wall.cjs.entry.js

@@ -36,9 +36,9 @@ const MdsVideoWall = class {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '627a8591d322d0c7144af7e1b714dd2c13d3df2b' }, this.noise !== 'none' &&
-            index.h("div", { key: '90e1e31d0fcdf20e740d5a650e1ce0df24ff9b18', "aria-hidden": "true", class: clsx.clsx('noise', `noise--${this.noise}`) }), index.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 }, index.h("slot", { key: '2b88bb347de8198568489b35ab6a302c91a39935' })), this.hasContent &&
-            index.h("div", { key: '2be098b3e94ad54311cd277fa975099a1a89726c', class: "content" }, index.h("slot", { key: '9be42f7799f132fb91004082ba797942f083c141', name: "content" }))));
+        return (index.h(index.Host, { key: 'cd92f706b6ad4aa5ae31ce22544a47df94966988' }, this.noise !== 'none' &&
+            index.h("div", { key: '2ea18f4fbd254b37acef9ee6fc671d2bdd3eeb5f', "aria-hidden": "true", class: clsx.clsx('noise', `noise--${this.noise}`) }), index.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 }, index.h("slot", { key: '52e945565a554a3a0b34837246394ff69e61bf0c' })), this.hasContent &&
+            index.h("div", { key: 'b98f846554d431b4a188a029761dbff399263137', class: "content" }, index.h("slot", { key: '233b35a8105205a53f87d6a340c189ed7535b6d2', name: "content" }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/mds-zero.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsZero = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'de860aabb59ac72a622f4d30c738ce2f4875b242' }, index.h("slot", { key: '7fd140a109ce8de2ea8d7330ae072b07e7b31c7f' }), index.h("div", { key: '56230d509a3dfc6af8e44224c3b92cbd0f119aef', class: "contents", part: "contents" }, index.h("slot", { key: 'fe5d4a18d78ab72cae8f8cec3efdb0cec49f6a98', name: "content" })), index.h("footer", { key: '7760264c367fd807c75115c3ab13decd479929c8', class: "actions", part: "actions" }, index.h("slot", { key: '20c2352409a91c4329429e3fff254db2143dec0a', name: "action" }))));
+        return (index.h(index.Host, { key: '8202778594c849a339a3fc1e42ea50941b162b74' }, index.h("slot", { key: 'c785e820b99d2b138812e3c2438c33f91c4bc516' }), index.h("div", { key: '3f6fe99cbd8f55f5b12d1cdfef7de95536add8b3', class: "contents", part: "contents" }, index.h("slot", { key: '03252a2cf74dd4440276fec356513f81a05e8a09', name: "content" })), index.h("footer", { key: '16d3bb5c8162c1d98ba4517d3ffa14902332cee1', class: "actions", part: "actions" }, index.h("slot", { key: 'b9cc2d2d067de15305cff27dc4ac39a047f2e837', name: "action" }))));
     }
 };
 MdsZero.style = MdsZeroStyle0;

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

@@ -7,6 +7,8 @@ import { KeyboardManager } from "../../common/keyboard-manager";
  * @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
  */
 export class MdsDetails {
     constructor() {
@@ -36,7 +38,7 @@ export class MdsDetails {
         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" })))))));
     }
     static get is() { return "mds-details"; }
     static get encapsulation() { return "shadow"; }

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

@@ -206,9 +206,9 @@ export class MdsDropdown {
         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' })));
     }
     static get is() { return "mds-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -351,7 +351,7 @@ export class MdsEmoji {
         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" }))));
     }
     static get is() { return "mds-emoji"; }
     static get encapsulation() { return "shadow"; }