@duetds/components 8.7.3 → 8.7.5

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js

@@ -119,21 +119,21 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '9acf8fe2847b4c64a7f6b4eb0da60ba089cef17c' }, h("div", { key: '991a19e8594dc6de0dbe863d7bcc2964b697d13c', class: {
+        return (h(Host, { key: '22c28c0ab12659f418c97fbf93bbebd68608fb79' }, h("div", { key: '34c09abac8c0aee1c1dfd1f2bbac570ed0611b35', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '09d2a32ef6bac72694824d4c7f936e0d9e4689a7', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '8dcfb92e4eb8610e0a89fdbe3c7675e00a2e8379', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && h("duet-icon", { key: 'ef919ff385fd7834659dbb55615bd8b0249cdd53', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '5d080cf83d541b4a37918bd0c2dda41a117094db', class: "label" }, h("span", { key: 'bb32bb7ea8b089addd2ff379902bf8b0f7f5b1d3', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '491b5b1e55b4ec016dca505cbee8a1b60ef08b65', name: "label" })), h("duet-icon", { key: 'fa6723e85b14d65dca36edb98a256b222f98ec98', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '77b87195ca2d6e0f7707ab4d9a62f1fda0a9e9ef', class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && h("duet-icon", { key: '4944cd788c6d0018243a4cc6b7d9f597ee6d435e', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '813420fa817e10189a300006605f4f724b2b854e', class: "label" }, h("span", { key: 'b63f12c4351efa40940bdcac2dea8889cfbf2c82', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'fb495263ce936ce817e173148e4fcc35f7fa73b8', name: "label" })), h("duet-icon", { key: 'c61e62bf194e44656274ff86ceb55aa51fc3cec8', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'b0b8171895a218075cfc034265abb67c6c12ab4a', class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: 'dcb9df644548af19c2f68c7a72672f33bdc73e3e', moveFocusTo: this.closeButton }), h("div", { key: '110935fa8a4b24e3b98860530c1449fd7ad670b4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '4010e6d1539ef9f875b9f6ddcfb5aa011b582471', class: "top" }, h("button", { key: '33575102f7a8374f05dc5e7bf81bb5f34646dcb7', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: 'e5fba5ca765f1a531361fddee555cb1811fcdcdb', moveFocusTo: this.closeButton }), h("div", { key: 'b5134e29091047b89083c0034c9cea235ca2fe5c', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '9419dbfcc225548ac136e2e0627bc7c17a788fb3', class: "top" }, h("button", { key: '4479933ad445c05b72de00c10a54c3336ca89e44', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, h("duet-icon", { key: '6f1f6f009426581e85db3faa8ecd0ac941d3656d', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '05551428f3acc8a217350eda46a6d6e07941ba74' }, this.label.innerHTML), h("button", { key: 'de3db6242359f091c0ae4ccf02094c46b669fb96', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '9c14b105b8c94d0c50e5dcb65ee0601dbd6f62de', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '3e1c751c2ed2a4448bd287f765018610a54d9949', class: "sticky-header" }, h("slot", { key: 'da8c75609e58b2c35d57970ab74fadbf40bd38f5', name: "sticky-header" }))), h("div", { key: '87302c58b38a0382eb3a23fd7d6f514acf5d2040', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, h("duet-icon", { key: '627ec8facc8df37e986fd32f83771825ed0fa23a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'b597e175c2c2f97b604f04dccdbf5d00b71bcdb1' }, this.label.innerHTML), h("button", { key: 'fda07c1948d6aabdfbdebd84a5bbe71bbbe37bfa', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'ae152cff044ba959bed507383387374a07c64bf1', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'c6be3120a863c54dccf941033374c9c207d8e4af', class: "sticky-header" }, h("slot", { key: '723211cc2c88a3c20a61a96c5a802ee1fbe462c0', name: "sticky-header" }))), h("div", { key: '0f34420d3730ff49bb92f54457ba2db91fc43114', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: 'f1dc8b106309829e0959f62402bfa350c0546d9b' })), h(FocusGuard, { key: 'f25025fee37d5665f0df8a33afb3edfb1afa6add', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '8575454b60ae274fe2d4876b3d89fb1b9642afef' })), h(FocusGuard, { key: '5f96aa2ae4fa9eea21b2dff7ee8151cd3259c291', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout-panel"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -40,16 +40,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8bd65996e3bfea744c0730e651df24d258bec3c7' }, h("div", { key: '4d04156b1831757d0cd15287fe4baa3c300d4bd2', class: {
+        return (h(Host, { key: 'ed7c011056f2ffe923585058edffcbe6cafaea99' }, h("div", { key: '11e314367f32e42a3811b8e8e0e997b4db8f5b32', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'c3d651d59e46dcfa5add2b09da4fbcd5443f1687', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'dc7ebc689b4455261fe552f17989307ea06d05c3', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'f680e74f6ae413a180b08776ee27cd5cb8de74a8', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '2a3047b55c2df7ac06dea3fe22131fb619aa9fd1', class: "label" }, h("slot", { key: 'c24326301886814aef541f359c55dedccd1cc94c', name: "label" }), h("duet-icon", { key: 'c7c1032d262a94a2ca59a89fc46ab514cbc64b07', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '53f5768df91fa9fe5f91ab54a8651d0dffbad19b', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '3f877c7eba448ba92b8772f1ab57434a3f341118', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'd3c63a33347512677d92adef06b3b03f208bf929', class: "label" }, h("slot", { key: '94cab14a738b8d9597158aed4909062b22eda32b', name: "label" }), h("duet-icon", { key: '11d3fdc38f5c07e7425662cbaaf99fe417f0a53b', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'f9bd0923dbedeebfeb45a41eed9e17e3c94df35f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '525bcea69da437c543ab01eb3b28030858ac6b72' })))));
+            } }, h("slot", { key: 'b2a9cf03573b30f80c2e62c41e55edc9f422e7de' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-spacer/duet-spacer.js

@@ -13,7 +13,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '40b675c3998d7f2fb139eecbebbffae65909c618', class: {
+        return (h(Host, { key: 'a1b6a9855c52785dc640ef0687b936220e386943', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

package/lib/collection/components/duet-spinner/duet-spinner.js

@@ -23,11 +23,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'b1e671b334eeab64ca1bd2ab92b81e49121fda13', class: {
+        return (h(Host, { key: '6fc0f9fa723de55cc61a5d730b22703c4822e0cd', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: '8f4be2dc9da0d387c65967723ab09b22e50848c6', class: {
+            } }, h("div", { key: '7a00a397a9d0ef913cb644f458cf5d79d1db49d3', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

package/lib/collection/components/duet-stepper/duet-stepper.js

@@ -88,7 +88,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6d5543d9c0d38e17b9008ee9883fa15bd52c9341', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '21344d1bc658a328ee145faf9fc7c1228f9dadac', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '05a745bb68bbc4c0154912d1d7e8f88e997f6c6c', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '42e7a878f269f7163bd2b13792c2b742f916fbbe' }))));
+        return (h(Host, { key: 'd8aa897bf6b424b99b07e4a91b9e8cf7488a7e71', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '26ea48b5571e3fd4c931ce5b257b7fff3dc6dcf9', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'cf606e1120808187c6a670aab837b54b97096af1', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '74b2e7ac6dd883d11763974c1f0f962c1e2b2cb8' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -103,15 +103,15 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '90b5f28e48aa1b0b6f77bbfb898ccecf2a49cc5d' }, h("nav", { key: '43b7873686e9824a0c76f33767ceec4312ab9c43', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '85e61d037ef8ff3df46eaa60e11423e31e527d50', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+        return (h(Host, { key: '993291b7d514d441a2877ba1b1d91bca382b47e8' }, h("nav", { key: '310d933ae6697e4d63fb144e3fa6e422065d0581', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '151ed9a1623c2236e5bcd54f3e3867e6af389172', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: '8fb0758bf61f9049f0c51df3f917d0877431bf6b', class: "label" }, h("slot", { key: '050b262be035cae533a4e2bcccd5f709df575f9d', name: "label" }), h("duet-icon", { key: 'bc49ae3efc5740b66ec94609a877f0c0238073b9', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'f5e8696a7b529f4feb624c94b263ea890e4d1a13', class: {
+            }, onClick: this.onClick }, h("span", { key: 'a2c08baef8703ed21db5144947c6e49d526fe5a5', class: "label" }, h("slot", { key: 'a9ed7880eb13671d773e05be1fe0687a43b0084d', name: "label" }), h("duet-icon", { key: '2ca5f860e1a18749afc203ad5a1af41ad8b9f15a', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'b7bbe3dff583f47338066cb04f21ce9284f30f3a', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '8d2ad99dc0deaac09a82a6c61168d901b10723fb', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: 'd6f65370ba46b6670031520fea6c2bafa73c9314', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '697969d67fcae4095846a1c49f0fa71b77e9ef29', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'b4856ecbac162fee5bffaa9dc11673705f57f856' }), h("div", { key: '51890de91846aa013f0d0b5d19f0bd6a5cde1c8f', class: "list-padding" }))), h("duet-overlay", { key: '527832b63f6f6dc2ab957e608d7739b6364eee33', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '3756cf919ec1acaf5ede5db401f177f2e79ed140', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '594cfb2081aa5c0a9511bbdca95898dc488077e9' }), h("div", { key: '01ef003bef8fa1549957dfc4815036f480474b12', class: "list-padding" }))), h("duet-overlay", { key: '9aad33941c7c06e071c2d2033e43297d3f1e7b1a', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -96,18 +96,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c3cf8eb945cf4d95dc90722856d85478a478c3d1', role: "listitem" }, h("div", { key: 'c33c4274767aa171529c12d7998be90c12c80d79', class: {
+        return (h(Host, { key: '5e9d763d516ddde6ca5669cc153e0694445a50ee', role: "listitem" }, h("div", { key: '4dc0d8860562c85e0d70c8ebaea4bb8eef639aaf', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '0c2bca528aaf0c1f528634636e7d16007dd66e8e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'fe9dc76f1238082d436632a00af9ab0c584af486', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b6d67b23e9e144930f6dbd3f7cb645dcc08757bc', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd4671d5f840303ad923d50ad7314a5ca13a95840', class: "label" }, h("span", { key: 'ec5e80db693fdd7b50ad9fcf3d40300858bd3036', class: "label-text" }, h("slot", { key: '42be40ec38e6e46bf516d581e0cf7204d3a43ecc', name: "label" })), h("duet-icon", { key: '28fce54b06d8489c35a017371ccbcf3ff357261c', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '23ee904f9e7e8953b79be8c1903787e0ad0ed389', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '5ed527a853ded56c0711ff4caf53b653dadcfcb8', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '4649353d7427e225a315c084cdfcf4bbe10f5487', class: "label" }, h("span", { key: 'a5d20f7ef8dfd1389dbcd79e6c4417f964cd6a5c', class: "label-text" }, h("slot", { key: 'a568dd1e1ab914bad89cbe2db7ed9143523dc24f', name: "label" })), h("duet-icon", { key: 'fcdbf9e30b8c837c74d1c4377a2eee142f3ff282', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5b389af3d376b72a9c08eecd59f259f29b705959', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '18d9b43b76fd13faa5c1e95e50253d4ba067dbbd' })))));
+            } }, h("slot", { key: '2bb565befadb2adc00eaa7b924adbb6826642f14' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -31,12 +31,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7b6d4f944e09e3b9f4a545b35ca22b70354d4e89' }, h("a", { key: '7c4d73a5f232691be4cd4ccc4e9687afdfdf46b2', class: {
+        return (h(Host, { key: 'a400917134e580c4893ad3eba9903b940b0cdbae' }, h("a", { key: '871e51527e709c741f03abbd80a1e29da982aefa', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '931355f6d77cbd9390389fc19ba3523c71deaa37', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '4be80caa3ae757adf17b077286f0d05572bf8086', class: "label-container" }, h("span", { key: '7c06307710f7bf1a54d31fef0fefe969ef5dbf86', class: "label" }, h("slot", { key: '11223a3b3b50e53da0b37954dc228ef2cc2fb3c8' })), this.caret && h("duet-icon", { key: '8f1bdbc98c7f0af7167528d6ddd015613196af72', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '06574ed40c1677c41256fde666620ec3eb367d7f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '0da2198cdb336d7ea2497eb41142a87bafe8acba', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'dd44684f0c0675ced40c76f2f146710d93967de9', class: "label-container" }, h("span", { key: '2d2a082969a43fc184d3279995fb8b44326eeaef', class: "label" }, h("slot", { key: '54cb80ae2ee9abb088d6a47fd32b386a176ed1bd' })), this.caret && h("duet-icon", { key: '12aee3915eb2a897ec544a52ed04a135555dd5d8', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'b065c6fe0ce97224497f0b7c62c3f987dc71ce72', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -41,7 +41,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '3809dacbf8986202a08f3ac76d4ff20222de6196', role: "listitem" }, h(TagName, { key: '93b89f52f27aacdcf91a2117e56e4f54cc382ac0', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (h("duet-icon", { key: 'e1be87867c25236cbe0df20fae7c1c190aace67c', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'aabee6e7c69593910b223b29192891a590a1471b', class: "label" }, h("span", { key: '03828b9abeaafe8228a76f1f7b8386314c5b3ef7', class: "label-text" }, h("slot", { key: '4545df6039082a5d5caaaff535fcce876e9c4ba3' })), this.trailingIcon && (h("duet-icon", { key: 'c3b95ea8302ed9d4bffc4fb49ee9015dc7f10bb4', class: {
+        return (h(Host, { key: '8cc1a0b506da38e97dafdecef3327240d12bb5a8', role: "listitem" }, h(TagName, { key: '765f433a86d9d9ffda61763568f30a7a1681c579', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (h("duet-icon", { key: '7690f8773410b97bf23f655bed252364770f47ed', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '888fb4e1d7fc3771d3aa2047f5769749011bb933', class: "label" }, h("span", { key: '4af6033f4e8c7cb5df1297f20da66803b1766535', class: "label-text" }, h("slot", { key: '3b3e763fbbc6393d3fe77fc788349cf0ba097b98' })), this.trailingIcon && (h("duet-icon", { key: 'ffc928b61503ca23430a8ff7d55b12b19aab1358', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -29,7 +29,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fb94eb65690b10d78ba72790a1653d129d509aab', role: "listitem" }, h("a", { key: '3997d3a5848880c3c8fe0a81ff3c0ea243bf1328', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '56fd2d97c86ae74b00ad7661840e543e12f771c2', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'cacd3d410a7774d1c9919af8f2fca12a7150fb65', class: "label" }, h("slot", { key: 'ab7dc74da327c9eac6ed6c8a72edb1b194623949' })))));
+        return (h(Host, { key: '7799bc6e797bb8c20f16c0a5e9c093a0379c0e8e', role: "listitem" }, h("a", { key: 'e6094af1e28f4472cf111a5777b79a4494468507', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '3071e878792df456c6ea249b880650a98f22b44c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '2a6d9b005442abdd93fd8174e0e1b1005f5c0c71', class: "label" }, h("slot", { key: '2c76abfc6fce3e7dd769633bcaf0e54f009b0a19' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -203,27 +203,27 @@ export class DuetTabGroup {
     render() {
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
-        return (h("div", { key: '79395ef8cc49dc783d525863fb219d1f7fe43153', class: {
+        return (h("div", { key: 'a09d023095d80f1984c13102ed5f85594d0c2e54', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": this.scrolls,
                 "duet-tab-group-collapses": this.collapses,
-            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (h("duet-select", { key: 'b7d75be0eba4ed2c09b8960ca3b6df08988416a9', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
+            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (h("duet-select", { key: '6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
                 return { label: tab.label, value: index.toString() };
-            }) })), h("div", { key: 'e2a71b9c46644d3eeefab5ca1996ece52f78cde9', role: "tablist", class: {
+            }) })), h("div", { key: 'c314e15b44bfec35a9dce7f0b3343adb2560eb1e', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
                 "duet-tab-group-collapses": this.collapses,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.renderTab()), h("div", { key: 'f0a6b86641a0e8091e2b33c27452f783b467338e', class: {
+            } }, this.renderTab()), h("div", { key: 'a05213a66ee2ac2103eeb887312551edde85914c', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: 'eddd3592c216edd8c0e97ba087ee42a6e9cc1cc1' }))));
+            } }, h("slot", { key: '4e1231a85f36bf98be1d5ab1054e031dd2b4b814' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-table/duet-table.js

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: '5281fe3906db3b9b3885493414cd38e683d7d49e', class: {
+        return (h(Host, { key: '26413c0ac0eee035612ced49d409de6d59f13a66', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '1611870a74ea3903dc9c1fee47e66f7827c6b6e5' })));
+            } }, h("slot", { key: 'fa0424a461e64bbd5f822a8cc5af79f1a147e8e2' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

package/lib/collection/components/duet-toolbar/duet-toolbar.js

@@ -25,7 +25,7 @@ export class DuetToolbar {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "default";
-        return (h(Host, { key: 'a2941e7aec6a5b9f320d7e7db068dde67d3799a3' }, h("nav", { key: '813a83f40c3340e339d590e248d56c7e94efa58c', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, h("div", { key: '71a78f565f2cb4d2d2af83de3a43902ac7205823', class: "container" }, h("div", { key: '8af413d1f26aaaeff1fa511e1dd4328ea2d568be', class: "list", role: "list" }, h("slot", { key: 'b55720d01a77d0f568b7b5e647dfc3d00774002a', name: "left" })), h("div", { key: '0e73411b7ebdc3cdb0ada1c5a86c3c4e67c7dc8e', class: "list", role: "list" }, h("slot", { key: '74000372c85301502011e0405f1e5ae24c4da604', name: "right" }))))));
+        return (h(Host, { key: 'c5df9ceff6286d32e3a36f6c1a15da1bc72134d9' }, h("nav", { key: '14b077c64faf7ab00df4ef30be2238e47fa11237', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, h("div", { key: '198dab0024637a43dc25b0b262f69dbb5c7211c1', class: "container" }, h("div", { key: '6dd0c0844a50a82e79fd501778200f0a25bc147c', class: "list", role: "list" }, h("slot", { key: '66bd5d880189f5ce04f5396be8800ed3a6abdcec', name: "left" })), h("div", { key: '1d2880011584339889133310cca592ce02099b73', class: "list", role: "list" }, h("slot", { key: '572d0e97a6c358302e80fb424f6d60e6a8c4d8f3', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'b267de99df676578b5c5879bfc4b33e63f53eb40', role: "listitem" }, h("div", { key: '0f4a971d359bb6b05c6a0de70bd263b48ae42953', class: {
+        return (h(Host, { key: '19ef8c9db7fd05380093c031c8c05d8badb0424e', role: "listitem" }, h("div", { key: '1a267244eab116c66c471ccb0a40d6bd72f14dfa', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '7fe26d57c4e2df698aaf1677171e14999adcee31', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '1966a5bdab9d8e19fe632d8a37e7f48dee3082c5', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'a1390f889f23f75052fd5c78915e12ee9e3c8930', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '7b7b8ad3931cc78a60ae96ebafe19fed542db012', class: "label" }, h("slot", { key: 'fb9211a981fbbada64fd2b86c3583af226ebb626', name: "label" }), h("duet-icon", { key: 'aaf1a322508dee44ff0e60d5bfc68381a568a922', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'd68a0e8ff628d5739efbe9cf3233d94cfa43e26f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '24ee36902c7e8e1a918abff4d08860206d06e768', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '641c4277c69f7f6d896c3a44485381e2a4fe15f0', class: "label" }, h("slot", { key: 'ad1db677d2797edfb2dc77867d2368ba34fb20a9', name: "label" }), h("duet-icon", { key: 'ad574f7149c8ec05652b84cb8cb6a1978c08c50a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f60d03104f67f0e2473743a47aa2f6923c02d57d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2d9b51cf80525f43ca11cc5e4b91dd6308251ad8' })))));
+            } }, h("slot", { key: '88ad120c98a2187b554640d22a771184b87d0538' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ca2c386337ef8052184214a47865bc93b192efea' }, h("a", { key: '2601354c27b7ff3858e561585176e040d2bfce25', class: {
+        return (h(Host, { key: '7380e5415f6e010bd5be0c40e974dd5943a53950' }, h("a", { key: '4ec2369809bc9688741a3c6c6a2e65e98a49c01f', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '0f941114682ef7527bf69e9e5a42ef0d095a1b2b', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'f5eac01e244e0cf0bb48229c58076580fea8e5d6', class: "label" }, h("slot", { key: 'afc1ab27f5e67371e52fa2e4da46b453b24ab75c' })), this.active && (h("duet-icon", { key: '041c528108a13b672788bbc254d7d6c0ee362008', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '6ef55e0a6828af8826987b471ebe4aa09a71d567', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '2dc2718da722d3649d671a8e57b9a6cb7d6c7c97', class: "label" }, h("slot", { key: '71f6f8fb4796a6af5a7640838290800231ac7cfe' })), this.active && (h("duet-icon", { key: '8e202836940fbb593750efa3f7603739ebd9f61f', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -34,12 +34,12 @@ export class DuetToolbarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '5a54733855a26d30a01d1f7ba42806121f4f48d1', role: "listitem" }, h(TagName, { key: 'fe27c8b4cf0118cb24013098aa893d298d152fa3', ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'f537e00b3e817d6c14854bdda1c99988377d6b13', role: "listitem" }, h(TagName, { key: '34841f02d2f4bf132a164b67b0b8085ff2aa1662', ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '51a40fedd8282ef1931b6e7b52c2f4fc9808ff33', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '7a0cdb1ffdd86c5d027d2bd0e63cef3d1c5f4f06' }), this.trailingIcon && (h("duet-icon", { key: '3bbed07861a179498c6b0b2cb590b8725403a6d3', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '0380aa7589bb53319535d58e78d9702da36cbc09', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'e1950f24c70b736917ebc73a5e6da993d22f4a43' }), this.trailingIcon && (h("duet-icon", { key: 'c2b250ef34b273a6cd3d1a95dff46ffb717d08fa', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'cf6800da1ce070afc7101b0798b0a76631cab3a2', role: "listitem" }, h("a", { key: '6f1ea96961774cbe4d73bdfdf894bc8c11ff4dad', class: {
+        return (h(Host, { key: 'b832ea851b28b4646fe9e96daaf3c22c80d8f7b1', role: "listitem" }, h("a", { key: 'fc54c56579b8d3af9779651ac6f1b1ea459f1b15', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '51a73cb5a16cfaf854baa736574e423432acb751', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '9b752f107c4bcdbb32b0502b0a970ac115556ea1' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '410f962aff3503e7bc290ad612e1768e0286ba34', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'f7e9577e8ff512c64164f73d25426e8f9cd154e4' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -38,11 +38,11 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ce976f10516cd79a4616e573301788cdfb027cc1' }, h("button", { key: 'e7df667f35fe25ac2267f96b3d4e58efd876b1e8', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: '04f6705a481ebb216bb5df66dbdb4043b8cdef48' }, h("button", { key: '49af408c735e209c64c8d0d108a966ddcbb0f4a4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("svg", { key: '01d7aef4ac85d656c0dd4de4de8716cb4d94f539', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6aa5d232156fb0275a66d004af79cd1a2065c01d', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: 'f717def87b4739a637fa7f0a6d9f026a190ac59d', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'fff9209dfe86fa98131cbe1cdd8c61e72ee6f678', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: '7861f7b8ad6482b8a64a261896ae913fa0cb5b98', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fe0cd6a81634da2a5b915533ade21281f478491', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '036344e0005eb10f72bdcdd5cb10a51cd7c3f589', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'b007d82c4f370fe0a60030db70e8e3f6b35953e9', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '3a18853dc93a2adb31d64f60482297bde3737724' }, h("div", { key: '20c2bfdb39d5182040c8c1376cd1ad1f950786f5', class: {
+        return (h(Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, h("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '2be535dfda66aa174f0c3d4eaae962e4aef47134', moveFocusTo: this.buttonEl }), h("div", { key: '95156d5f84e049de96d4ce158cb18b7d07ac91d9', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '9ded3cfd459764324cb8c9454275c8fba4169802' })), h("div", { key: '18e028859869f9b46f3f281d4d2619f072a885e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '09a889676159c3c659fc2292c877305ef8382c37', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '70806769df23fed5c7145a17fad13c12ed2aef6a', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '61714adbfbf9677dcb00a6d96b50f7034b93cb24', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '3276a012463044b539d38df0879de85f1daeac44' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'c446cb8cb1d0246f2e5b284763bf7d28c8074699', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), h("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), h("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tray/duet-tray.js

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'ee2f14ff774bc4fea662debc24e2a6831adfb289', class: {
+        return (h("div", { key: '9ca451a14ab21f41ef8b413dd0695d0fa9625a08', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: '6ba05414c6cccbcd24b39ea18867eb7207047e34', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '56932665c91448424cafefb15e58e800b8f46e01' })), this.hasAdditionalContent && (h(Fragment, { key: 'd5840a8e96e3cb4b743e5884017f71dce8f3ac5d' }, h("button", { key: '7fe35a548af11e360fdbc6da0010db3ccae8a25f', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'b88dac2958c91495b09881ca04aee485da7a028b', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '6d82f6bbfd7922c5fe83f7eb4d00e63d51784656' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'ba8b9b2fbaea02fa5b6ea18a0c54dc3bd9b588a0', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '84d6ba05d119969259a3c4de3c836f0dca268eb2', class: "duet-tray-expandable-content" }, h("slot", { key: '42d5d020a9028a67957dc6cfab863296d93a526e', name: "additional" })))))));
+            } }, h("div", { key: '1363c709ec1abaf78155e81519a78af9fab1fd3b', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7904af5a351d3438a3bd17dbf00e3a215d850fcb' })), this.hasAdditionalContent && (h(Fragment, { key: '29c834cfa4e11140ed597c440bc70466e784306c' }, h("button", { key: '9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'bf2948293a89b14c4712cf0123158bfd6fa09f36', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '377191436c0dc3207906654df3abf2334a1dc886' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '30810b57c176998e6e304f6be52f27de5a2cd6b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c82e3a298bec6767ee5ecc167348b7153f28c24c', class: "duet-tray-expandable-content" }, h("slot", { key: '5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload/duet-upload.js

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: 'ba5705ec50051896eea4a8b718bf8f7da76be7c2', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '2342c1e4807ad8b414da320305d80604a22f25da', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '036201bcb193439f230d157d30a0d9908f358cc3', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '20ab40f41f772e61c06ad88acb474d0ec7f84391', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'a0512f80328018f2df44dc5d62fc000f7a984ca5', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '44fa381771bc6ec8cea6678cc6341dbf742e2929', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: 'a3c578faaf758019488d158eeb6c2ab8241f6b97', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'b9fa0cdc377dc153c52253b1a3e5f79ec362092c', name: "filefooter" }), h("slot", { key: '5c2d728228b40dcaf099cf09bfeb630ba4400646', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '8a6bc099f257a275b9dd56907e71cfa27ee39e5a', margin: "none", size: "small" }, h("div", { key: '00cb65b848e0f4343227e0d8a6edb36721e0898b', class: "upload-bottom-caption" }, caption))), h("slot", { key: '32298ca819a46adfbb2bb75495316a3b766b41cc', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'e08ac52f1e10d774b6d4182c3e65ca8c4926e199' }, h("duet-spacer", { key: 'ee36496895e76011c58e5efba415715a9e10245b', size: "large" }), h("duet-button", { key: 'ea88a0383d21936f8e1257659d16c1c538e0180c', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '47088845ecb4eb7b0b6376abfb76fe4853e232ce', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '9174acaf5e4bb74a2a5e934f9472a8e0f81a00ab', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '33c273073b711205849af1b8747129df8f5a49aa', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '72e0b98ecb18243ace50165a56c54d4a5a1e80b6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'f399240107a2d820d694464eb17f1f8f15d416d3', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '9fd58a29bf405ee57f265ae9203a841d227ad7fa', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '29e911f2f7c2a58972849fdff257bff29796b155', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '77c8c91b540940b1600438ef9ab90405ad74207a', name: "filefooter" }), h("slot", { key: '73fedfcd5c0da1b67641be714862cd53a538f1da', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'd3fcc02af5d23c9a5c63711aa7bf2c9007dd3c5c', margin: "none", size: "small" }, h("div", { key: '056115def027445826519a3835ad986b94034a19', class: "upload-bottom-caption" }, caption))), h("slot", { key: '441f7001a92cd16da7057dfd3322e69c889634ca', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'aeea5d8e263240e60e80626b60278cd69293d086' }, h("duet-spacer", { key: 'a5c3d8ad58100315f810e9eba30b4a7f807e35cd', size: "large" }), h("duet-button", { key: '5bd13f62f6eba606e15bd0906d4a128b2766ec62', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'fc592425a1fb73c7ed842a2e9f97a9230656ea84' }, h("duet-spacer", { key: 'f2eeb91a4aaa9b88a92a831fdeee9ac1185d613d', size: "medium" }), h("duet-alert", { key: 'b28c29441595b510a4dba0bf90cd1ff8b0c154b0', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '4c28a57329e13a63f223623aec2bded1a1c45956', "aria-hidden": "true" }, h("input", { key: '0f522f4bd041a1037b6492ce975099d336e6c8c6', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'fdd3f06419a9c8437ddb1d962351059e93def138' }, h("duet-spacer", { key: 'e2c3381bd500af7106ff5588f94c506c5822ad20', size: "medium" }), h("duet-alert", { key: '0c263312767097ef7a49ccced847b8e152a389bd', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '7911b165d5356494f0b0226780bc2661631f0cb0', "aria-hidden": "true" }, h("input", { key: '1731f7a716bc198465165d1e9cda99619e3a691f', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd987e9e8bf5e3a649817f942d6a4ab860769f9ec', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '564b4c6c8d9a519fb5eee566d9b5fd057b1b9a20' }, this.statusMessage)));
+        return (h(Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -80,9 +80,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: 'ce6f559711b5fad043a9b1d9dd1abd78c1e3e925', class: {
+        return (h("div", { key: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '7346081d7fdce1e18e2f60d6816c207ae8b920a7', class: "item-categories" }, h("duet-heading", { key: '1a43870407f9655cc3aec47df7ac219e2106fbc3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5676d2178396aa7ded5c38e756bddb82ed8ebce4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'bd76f703674212d57d2767655d8da7bbfcef5ab6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '6ee737c5ee79a10470cf15e4853d0a8fc241d09d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, h("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1391d57bdc46c12c699eb9c0f24512e6169527cb', class: "duet-visually-hidden" }, h("slot", { key: '3954c8b4f0a67197b2bcf14bd7e149815abf8074' })));
+        return (h(Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, h("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-e43de9cb.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-ed44791c.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-085a1971.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-2a0caf1e.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-542c1f6e.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-dffd004f.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-76594c11.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-6f18089c.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-2f281743.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f9f0bae0.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-f089c3c3.js';
-import { d as defineCustomElement$2 } from './p-43f82d58.js';
+import { d as defineCustomElement$3 } from './p-c8fc5cc1.js';
+import { d as defineCustomElement$2 } from './p-514cdcf1.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,