@duetds/components 9.8.0 → 9.9.0

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

@@ -159,23 +159,23 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '2b36b05ce039386747c09abf0e5323c48b5e0488' }, h("div", { key: 'd58f2b9732c3ab38b13bd4f0439efe9012b9d515', class: {
+        return (h(Host, { key: 'cb822cc9737388e773957e9167d9a3f3092a5024' }, h("div", { key: 'ecf89dccd7aaa7516815ddb1b3283dcb88561624', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '529140519e744fd8e36ff8afea01ca18938414b0', 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: '1c5d2a8c1e0ccc4d56c57c12e32f37fd2d8bdf28', 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("div", { key: '4f8d0249d6221a523a3a0b3836933b432829d8c8', class: "duet-slideout-icon" }, h("duet-icon", { key: '230b927f9771d593709e791c14618db90d7aa895', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '33617258b158f4f59b6e9655b058a84a3ee47af1', class: "duet-slideout-badge" }))), h("span", { key: '7da950982ae9adb1e9d37515b3e271e506836d41', class: "label" }, h("span", { key: '6046719acd63d608ed7a2a47452f5dba66c99d8b', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '4d7b76d2d25171390101ef25f431af7c8ef1a008', name: "label" })), h("duet-icon", { key: 'd9c3ae0d685375bc29e8901f2c41bf8e2028a1db', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '4e5a633d2f18f22bcf2cb69252f8f497def373fe', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '2ed84760445304c52dc13d7d5691fa83386a3fb3', class: "duet-slideout-icon" }, h("duet-icon", { key: 'a80ea5ba954811c488852ac37d6d7239b7b33a14', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: 'a66f32d3b20af0bbad481d024da7cc5616b1c879', class: "duet-slideout-badge" }))), h("span", { key: 'da846f3815471fb3fdcd4c1319e18f1a5597cfa0', class: "label" }, h("span", { key: 'f6e260a2a4e4b97d6f724f45e1e46ab386dff47d', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'abddec9671e9c3b3a3cf43ee916ee198a06b0516', name: "label" })), h("duet-icon", { key: 'ed3ef00614b835aac2526866e71b05198dabe225', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'f004a0beebfa0aea1f9140d94f44a53def61be84', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '9f810bf575701688ab08f60726de6da69bc12635', moveFocusTo: this.closeButton }), h("div", { key: '13828354ebc908614edfa649b633c78b5ca040d0', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'd3a965830f5cb2f31d767b925c9f35470dab844d', class: "top" }, h("button", { key: 'c07c0504cb16358d05e42cce8554b99f034d07b9', 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: '141275269b60c09c78245f2cdba73e3c1556ec89', moveFocusTo: this.closeButton }), h("div", { key: '8835c47450104420f6dd3a208375dfc129fe13fc', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'e26413e851f98164d3f00b4839899a7a05c57a0d', class: "top" }, h("button", { key: 'e47be55cb0d87b1031a051ce164af014ca773e17', 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: '521c0a3724fe426035c1c941752d1498e41034be', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'e9727f3f182d3bbfd2aa5f65d3f750b0e1da6131' }, this.label.innerHTML), h("button", { key: '6132ffcdc5f194d857698b0a8e4bb6b725113af2', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '2aa67d1f3468592b7886bafa0b168db8a8156b9b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'bc7eec6649885a979ed139c6742de251672a9821', class: "sticky-header" }, h("slot", { key: 'b9983428eb3d8232c5d68154a8bb200cd4cc7e2a', name: "sticky-header" }))), h("div", { key: '20ea66396b8e7d802a44d36c7aa326294e7a95cb', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '6c1caa323b815ad3940991fdc7aacec7aab7f94a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '96e9ac9d7ff5121db3d90ce76613d00db1864778' }, this.label.innerHTML), h("button", { key: '4557397517d57085b8442828c0b60164ce048a3e', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '7c00e8108b826b44fc9343d172fcda9eb700d4a9', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'b9f1ebcaf47a9635917063bec751725fd580f019', class: "sticky-header" }, h("slot", { key: 'd70c5e23758b79af9cfadfab39349bf9b71b4a76', name: "sticky-header" }))), h("div", { key: 'c87464365151093c3edca5fc7478af7b3b90e2ff', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '625703e33ae89586ed068b86912c37721035c645' })), h(FocusGuard, { key: 'e34b98e036503d08b5d653169fbff5bd8dea058f', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'a0dd655320d212ccc005c3fb096b578f19f9c0a8' })), h(FocusGuard, { key: 'dafafa79bc1b13a9c9eb46379181a02ab0487aa5', 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: '35bf0d91a006cd0fb6a50012f5f48b8b84d5ecac' }, h("div", { key: 'aebfdab784d0a2921fc1f5b461b881c241ef5066', class: {
+        return (h(Host, { key: '89618f83739daf830ec8b90e05e9f3e5f9b52f34' }, h("div", { key: 'e155beffd0996d1cace98318dc02b6a9cd6f1531', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'f3174e8f9f070b3c8cd4da9e6db8b695982f236b', 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: 'f2aeae59fdea3ec033d49a5a5539c5d5f076394a', 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: '02b31af38cf8ef821d9bd8b83ede34c900b58c41', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '1244f292f215410cba0750e205392e5d5fcd9ab7', class: "label" }, h("slot", { key: 'a55379905e5ec24ec617910fccdba8f351494d11', name: "label" }), h("duet-icon", { key: 'c63d4943d43087e6ec52e7e54f8a4211daebeadd', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '31e1e8a311b9ee173852bcbf3733cc846d7f87da', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'c884fa8d6236722a189b5bc384eb85000587ffa1', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '73cfdab8bb78c2504a8fc0d45d581be2161b6039', class: "label" }, h("slot", { key: '656c5d97ba82b382db0feb02003427fe41eb1767', name: "label" }), h("duet-icon", { key: 'd927fed89d4414a08391ca31fdfde8d51cd64b01', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '2292a1771bdc183cc5b4eb3836e32af3caf69397', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'b7365965b0950b899e494162007d51130444478d' })))));
+            } }, h("slot", { key: '8b5ea9880c9444c6bd3d98db753a7503813cdd21' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-status-icon/duet-status-icon.js

@@ -38,14 +38,17 @@ export class DuetStatusIcon {
         this.margin = "auto";
         this.strong = false;
     }
+    getVariation() {
+        return ["default", "success", "danger", "warning"].includes(this.variation) ? this.variation : "default";
+    }
     getBg() {
-        return tokens[this.bg[this.strong ? "strong" : "default"][this.variation]];
+        return tokens[this.bg[this.strong ? "strong" : "default"][this.getVariation()]];
     }
     getColor() {
-        return tokens[this.color[this.strong ? "strong" : "default"][this.variation]];
+        return tokens[this.color[this.strong ? "strong" : "default"][this.getVariation()]];
     }
     getIcon() {
-        switch (this.variation) {
+        switch (this.getVariation()) {
             case "default":
                 return `
           <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
@@ -70,10 +73,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: '62f4a599636b2d283b9f41c94c9b6a1425e2c1a4', class: {
-                [`duet-status-icon-${this.variation}`]: true,
+        return (h(Host, { key: 'f2a27d2fd14f0521619a4a4acc078853914cb77d', class: {
+                [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: '8223a11f889eeb219bd27b1c70601904bca84ade', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: '9fea7a807f88b0c840a4fb37ea025126edf80a3e', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '2720db892c55577581be1f5cff69e6b56d0eddb1' }, h("nav", { key: '6450c2d32c229ffc2cdefffaf4d0824c927f2dfe', class: {
+        return (h(Host, { key: '417d739470c7fe9b87ddc61a9f660113df598c22' }, h("nav", { key: '139ebc35685702253a213c7105407af7a141a62c', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'fbf58c54a86a16f1c9c9b018800e74dc86ad7827', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '501638b4c30ab12368c39a05f74bb1c3b1317362', 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: '95c4226bedf3122965ef044122688e824788fad4', class: "label" }, h("slot", { key: '93a3fb333e252ee09987a9832a782a86dd15e13c', name: "label" }), h("duet-icon", { key: '125465c2c40457117a28f562c60eb2b63ae061ad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '4d23eea3732698f64ec388a4c65d29016c4b0b47', class: {
+            }, onClick: this.onClick }, h("span", { key: '403ee71ef7c4a79e36018e751e8beb7dc48049c9', class: "label" }, h("slot", { key: 'd3c17dd11de845bb119d8f753fd358bd2c65a6d9', name: "label" }), h("duet-icon", { key: '81b28c9228a242a36202f53c9ed9fd8a8b609221', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'ba2b698fcce4246cbd779e87dfac3a6be181d926', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'cedb273340657fe22fdcbd234b632079ba8bae94', 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: 'e76659541e9d8c28c9dad388f363d794e6d352e1', 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: 'c0c2a1cdea75e574b2a5136164422716db80e020', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '43c189da567108214e33bd29bd5ecadf396c3be4' }), h("div", { key: '4e7ee2bf92b8446dbee5ac9e81a6cf6c4e424950', class: "list-padding" }))), h("duet-overlay", { key: 'df603367a1254cd933205e844295693c5d40e7b5', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '51f96f2351bc5d0e236ce4b36f71aaa5054e5f15', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'e82358ec5faa3172b05111c5cb8b4a92af93408b' }), h("div", { key: '1dc90575c0ca00419a1a6dabc94d997a658b4d04', class: "list-padding" }))), h("duet-overlay", { key: '6a46e855d0da8c13ca1bff8f69016dfab10afa5d', "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: '1eb547e5709ea63b23354ca9c59b1b19c038c102', role: "listitem" }, h("div", { key: '570a652c6c926ccebcb1a9541fd676558a2239a4', class: {
+        return (h(Host, { key: '76e8b37395a41c08dfb79044c9aa9e8ca5ba5274', role: "listitem" }, h("div", { key: '16c3746948dd9f622b4cb003304e22f1dc1faf9d', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'cb6806df3c0914e15d8b5fdfa96cdaba6b36ad6d', 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: 'e1714f05f37e793f5f83a72cf63a62a5798e0415', 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: '3c866f7cb7ccf04b91b02bd01fa4a2e57462bc10', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'a5aa098f80c23566bb2c91b50ce002a36c18a0ba', class: "label" }, h("span", { key: 'dbc5f7743345200a326a2367107b0b1fa3245ded', class: "label-text" }, h("slot", { key: '5da6e5fcef0e333fe29fb08b72696251cb067436', name: "label" })), h("duet-icon", { key: '875a3ffcc5d12b13e2d52fc338373c160f77939a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '0d53fb12a29c3ef496d588e07565c47bf07c9fee', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'f0e8d42456dd083616c6245a2a67f6f83a2e2553', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '4a8c42c00dab9378cee591e449d27c3e313fbed2', class: "label" }, h("span", { key: 'f04bb5583ba82c58534312b22dbb86129837fba4', class: "label-text" }, h("slot", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', name: "label" })), h("duet-icon", { key: '8c0911d940e05310687d92a0cacc1ef55d388475', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '30970885dfcc36d710bb0fe2eed310a71348c0d2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'aca1769900ed458bdfd1e8da0bd6cd516b0026db' })))));
+            } }, h("slot", { key: '19623f7c88cc36d51607272ac2e2e9e582c79654' })))));
     }
     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: '8e171bfdd3a97a208d76852cad10497303cc6a41' }, h("a", { key: '6ef3bedf1b242e3564a6a32b5e564e50c0ca6e08', class: {
+        return (h(Host, { key: 'c9c117e150388808484adcbb1b89d8a1f402c5dd' }, h("a", { key: '4b79d238f3e36813339bea04e3c9a559ee3972a6', 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: '696a5c14ddf44486ccd7ae685987d3ae73819eda', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '0066ac29350ba089295585f001dde093e303028b', class: "label-container" }, h("span", { key: '003bfe108d7aa853d32238e6b888587965e63710', class: "label" }, h("slot", { key: '82c97684842fa6839700732f1bc75ef2b7eeda68' })), this.caret && h("duet-icon", { key: 'e85bc1b85802155eb3044d8ab5c78d7e4e8a247b', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'ba3841ab9bd427fb8b9b31fb1f9340b59afd2949', 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: 'f0de902b75bd2c14f2e5ab7bab9045c6f7516219', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'fb4cc6db27bd38658bbca4c0ac023c60b8c1f9f1', class: "label-container" }, h("span", { key: '4451bf79f482417ca15545d3c066d1bb5f2fabf4', class: "label" }, h("slot", { key: 'ff2def8614a7757177b420f8f0f071d5f6b2dda8' })), this.caret && h("duet-icon", { key: 'd2e513116a7031390c920b937617b8f365c2fa9a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '0b9751d96777023aef4b13d1b06ac493975f219a', 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

@@ -57,7 +57,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: 'fcd533d6b3dfc93e0e759de65ecb3454a157d32f', role: "listitem" }, h(TagName, { key: '0ca1f847b9660fe205bf77e5bbe78a9f7c8616df', target: !this.url ? null : this.external ? "_blank" : "_self", 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.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '3f0da6b4b7ef1b9b6630a170fd6175125c849dd4', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'c8406d5e73d587f29c3b8c5b09f2522c70fd4ea8', class: "label" }, h("span", { key: '7d6a4ad4c5358a5c16d4986946df79dcc040633c', class: "label-text" }, h("slot", { key: '3e615ac54c970f4f3576c2dd2451d93f1bb06fd1' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'ce7aa0ea2fc8cecc831ecf940a2aca520b420c93', class: {
+        return (h(Host, { key: '286d31e43175b586e05d660dcae91f2ba0176f8d', role: "listitem" }, h(TagName, { key: 'ff2ee974d9ee8340c3c53e24c07eb4793f6f9bec', target: !this.url ? null : this.external ? "_blank" : "_self", 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.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '8ad8924d66e2bc49aa1605f59ae9c96b06c91ddc', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3433ef2e595da4391f05927fab8deb99304887bc', class: "label" }, h("span", { key: 'df2750c809a744a98e41624478d8ff5616ba496c', class: "label-text" }, h("slot", { key: '83fb30a29389e5e2f5caebb04b99be1d480fdc3c' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'b00f95d9b7f5c0ad824c25fc32936964cc5d9e69', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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: 'b569ba8e1407349d04924791421693d47d99c224', role: "listitem" }, h("a", { key: '632ba619dd762a3041bf7c17d2aa02d18d9c7033', 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: 'f69a20105e32823478e19579230083c4b08e97ac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '53b5b5dc9e1f66785096f307bb980aa734cbb67c', class: "label" }, h("slot", { key: '937a94eda35d6fbb713f4a9b5073778ba6cb2e23' })))));
+        return (h(Host, { key: '523a71ea3cb2b043ce88a6bc11bbdb371eb665bb', role: "listitem" }, h("a", { key: 'e6a7fd1bbc7a46c356e2b1c682f170c263e18e46', 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: '3643314e71d9195799cdfed981987b062ed8fcd9', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '2605d1554838ec11a74e2f04767ab315f03bf14f', class: "label" }, h("slot", { key: '8a9329340f3efc9b0de1ac382941d01435bae8d4' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     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: '27ca97cd0ab8838a914fad68c44307707b13c646', class: {
+        return (h(Host, { key: 'e518ffcdb3a5e1623d0d00b9d056f16ded2e9a91', 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: 'ef1fc8226a4cbf04cac71ba4e5a9968791806281' })));
+            } }, h("slot", { key: 'ead482e0e02136ea9147737239f539b3478f7925' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '5d1928ecfa31b291fb49392ed2a925b7c44f874c' }, h("nav", { key: '77ed3f9e5d74496b37eb2d2cae82ed1b1bf41a27', class: {
+        return (h(Host, { key: '54c786c2d83fba02f7452a36eb121eda25c9376d' }, h("nav", { key: '3dbf511712340f2fb01d5c6f6a3184bf9c7777da', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '2dee9cb750eeff0f3503f7cc6089e099121846bf', class: "container" }, h("div", { key: 'a2ce0113b8f5449a6e9444d2c7f7f236ef1453c7', class: "list", role: "list" }, h("slot", { key: '0cb2afde21b99b45b1c77342373646c30bc4a596', name: "left" })), h("div", { key: 'fd0b99b6894243e88baff62fdc90afb219f098ea', class: "list", role: "list" }, h("slot", { key: '3a923f1f78fedb5a60d267d1631a4c2bd2fa62c0', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '687745a324f1fbbdc0553a17fc10e5004e7c40b4', class: "container" }, h("div", { key: 'dc9500dfff1d20a21e1336690643093131743fc4', class: "list", role: "list" }, h("slot", { key: 'fc016f757c7ff5cf99fd96cb4d8f0a09458a6660', name: "left" })), h("div", { key: '77afc9ab53cf0617ff69fed8192a99262f2d7054', class: "list", role: "list" }, h("slot", { key: '3bb92bb9a828e1f3d1a137367238694a5d70bd57', 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: '8b511c738a8995c5a277b0614abeead7e2c64643', role: "listitem" }, h("div", { key: '923faa507cfc2540840b56073010bec405c42e43', class: {
+        return (h(Host, { key: '07c3194bb8dcbe97fde84893a04e4233d6b0059a', role: "listitem" }, h("div", { key: 'fd2d68cb1d6c7d75759bedd3a7cfbbab650965db', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '52a182352b7b15c90547a0f6c9f410b80945dffc', 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: 'd82047a673b796ea14c9d5aae69bf64ff58e6ed8', 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: 'd071a84e8a5177e0d83000985acf64d710ce9b97', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '8a377bd964f4d7e8d843ede3783696ee083c711e', class: "label" }, h("slot", { key: '21a44500f70a23ec00e000847361dc0cd01cd47e', name: "label" }), h("duet-icon", { key: '0d9fce9714df81c477058c8f9c4a167e5bbc8f87', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f1e87be086a8065e38316c0b1acb3df977b3f245', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'ff38577c8cc2e354df974bfd687081dbd3ebecfc', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'dce1591b74de7cfb4f2bb01b1c652f3839cce3a7', class: "label" }, h("slot", { key: 'c2917b2aae3fc30027774e23c32a0509c79589dc', name: "label" }), h("duet-icon", { key: '12ba80462ce582fe4071e949464f9074907fecb9', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '679befa15c7d48af0f5ce11f9a38a82a1f24a546', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'f431ba4cbd6d6bbc66603726a04b9f2f1a041735' })))));
+            } }, h("slot", { key: '26eab9ffa65ebc2dcddcc024b2008cbcde40221a' })))));
     }
     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: '934f131ff69a3fb16c5255f19ab67c074c67d97e' }, h("a", { key: '9df6ae3bfff7fcb220bc06917fd5afec8770970f', class: {
+        return (h(Host, { key: '9a9d4138ef93a3bde4f9df8789da714dbbdc80a5' }, h("a", { key: '733a8f2435b9f29179706881df07b40dbd93b210', 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: '0bbf55cbc6c77128aa15f9f886af498579ca9568', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '38a3e232109349816237d3e1be59d3771cf7cb6a', class: "label" }, h("slot", { key: '782f4a9b43d0f399ea44bedf98d51558728c494c' })), this.active && (h("duet-icon", { key: 'e9d4fd6e46d65868ef1604ab6ac9767de1682f06', 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: '5a19b707b976d85c2cf865ad2a42aa7e11c74ce1', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '12de16aaf5ffcd6ba790ff24e68aa4d6dcfbd001', class: "label" }, h("slot", { key: '1e379d609dde7f58f277413df9977612dc41d3c3' })), this.active && (h("duet-icon", { key: 'f03be13f9b315771ba6bff85d2eb70b2a338453b', 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

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '4c676c7e5ec6deadf4f2ccfeb1212a329ad31a83', role: "listitem" }, h(TagName, { key: 'ae93e8f9dc15663f92819a9612446f78fe8d3b6b', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '739c2313d8b63e3725b695fbdc032bac89c316fa', role: "listitem" }, h(TagName, { key: 'adadd54d4932700168ef04c2a3fe2efa6d729fed', target: !this.url ? null : this.external ? "_blank" : "_self", 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.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '0cbcd4f6525dfb5a0d1406a0a1e35931e6288bdd', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'c25a832e644474f8bb338a0b7f62d21ae58f5269', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '508ccd1988d068dc636aad97b374a3601b74b507', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebba43c92305fc7ebbb6196d8892690eb1df3562' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '188c7bb368121e35d75a66a970782c180d349d80', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'bd851ec1bd852a90739eb790bc7a4853110d48c7', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '5b2dcab3c68a2d6526a08a30790e832ddde7bdfc', class: "duet-toolbar-icon" }, h("duet-icon", { key: '2fa1bdcb503a163afc13ce04435bc5b4f3d0812d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '37644ec13cf2d7f181d329e3161f8dcb821e8f84', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebebde75a3b70abf77687fb373cbf6c58629a77f' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '4517b4864aa9bf22e980a04697099afa8c7a0127', class: "duet-toolbar-icon" }, h("duet-icon", { key: '31654bcff2b54ddf04576ffd6fdc39ec4c0558c2', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '433ab564808774541b59ca860b34b0f6e9d8c422', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '3ffbd0f767d4b2978ba457eaa7ce079460c90733', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

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: 'e5423c219a30144ea3b3e40ba6aa83ebda9f2b24', role: "listitem" }, h("a", { key: 'f517898e695b37ef3037e7c217d70c135f4d0030', class: {
+        return (h(Host, { key: 'b086076220eb09a4386d98a7c217a3bc384161f3', role: "listitem" }, h("a", { key: 'cae9f90b0646095039213af747294886a5c3ea89', 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: '2d36bd6a40eadf4167c8fe7560c6bba4f2199cac', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '930758dcbadf30a2808bcc19c4787a4279aafa67' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'cb28bc1e5a00ef1b0d2da61d3775ba587ab4f82d', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'f38a92c1ab6aaee7bb0ad107f838f7e69cc94aeb' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'f3f0b88267f3c309960759050a3404e248bc75d2' }, this.accessibleLabel);
-        return (h(Host, { key: '67c7d58656a99c66576dd1a159117e7146819e53' }, h("button", { key: '70a0cc8a22459ac8f077b3d10da92fd79fe9beb9', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: 'b7177813a08a37ad9f907b83e6c9f9d36674d0d5' }, this.accessibleLabel);
+        return (h(Host, { key: '81aa419e92f4bb96c54f796f09eb6a8232bf2f6c' }, h("button", { key: '086e45aadaf28e4be700984b80ee58362dac0ff0', 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",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: 'b0bcc1e1edf4c9bfdedec545f9e0fcbe22871fb8', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1bb4e766152070e4dfb2aa2a4086087ca7016cd4', 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: '4e571b55eb178d5fdd75589415d3b68381909a3e', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '63bd02a4c145dda8be8e50b09046626636b2ff6b', 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, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '82acf06ffb29ff597454ef1f13560464b6350ef0', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb515e9d28f639f8c3ab77f9c81008bcf49fe806', 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: 'b47502c71c9460c6f52de0dd9cd8abd82d8de932', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'f1f85e9ebba06a5ee52ff59f67d245fdff51db2a', 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, visuallyHidden)) : (visuallyHidden))));
     }
     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: '753c75afa8f5c2d6aa3fa3b4174f09e5d3c5e276' }, h("div", { key: 'd9a17eedc029fbe7b693522aab66b3cb82ea333a', class: {
+        return (h(Host, { key: '383346120579b833a923a200b2baa089ba7a2d53' }, h("div", { key: 'c343c21aed1f1df35aba06270e5919061f7df658', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'f4c20c86fbdc65570036cffdc8d52fe2c0e418b2', moveFocusTo: this.buttonEl }), h("div", { key: '231eb012f40ece1564ef778ff660fb1f92e59dbb', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'd407a18f45f505ba82b1c25b362c77f86f783916' })), h("div", { key: '17866c89d38708ce0b3052a702d0b6dd865caf02', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'bc94b85647ce58e6479efd939da9adbfea65f0f7', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'b446fef3ac28d0cda79a9d360a0c598ea954bb5e', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '45693cbc05d3da149feaac29de7829f995fb1405', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'd29ad580a1452855c54e060b88a34d3f7e94919d' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '1eacdad1d31c9ed47d498349296cc95b7ae382af', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '01441bf589bcca42220f4cd54a124a7b52121510', moveFocusTo: this.buttonEl }), h("div", { key: 'ef36a407f268353dc2e4159e23c42fd5c7c58c0f', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '4ba34c2b74a0a50b20fb489a849c7c95d464b015' })), h("div", { key: '3aad2e15e52d6867bb7e30542a00155cc7c38599', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '0ba437ba797e919ecb322c17deb246424f6ab725', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '48986cb318998bdca1e2f3ff972dc4f7c4ec833c', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'c4c0c635134152ef2cefbbc1600ddbc962dce627', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c45294776d3286453d53d237070dbfed05a92a4e' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '22c7b63f2d3cfdc7e83af658828dcb2b07f16c04', 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: '7e9dc71aefa52721c2b1f05d2adfd7f5301f973d', class: {
+        return (h("div", { key: 'c32d9f03e188e98c61a067c9f822b3d9b732214d', 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: '9b6abd399cc44fb2fc87d6f053bd15fa8e095a40', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '64ddf946c5d1081ec6996ada5e43f2dd09291ea0' })), this.hasAdditionalContent && (h(Fragment, { key: 'ed7735ad69d01deb1fb5dec094d74e4de8c46b6c' }, h("button", { key: '279b452a1249ad9feade9405eba5126d49d50ae8', "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: '26ebb0de0b1f03925b39e52d29d4b4dfc927b763', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '8a84e06bec6ac504677cae19758f2d193e209324' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '021eae981187037334b780c2e6af3aa13dd4f6c8', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '1a100c14289dd10433cf3ad235dbc6ef728561cb', class: "duet-tray-expandable-content" }, h("slot", { key: '4bdd099474e00445357eee2d9f0aaf0be3076c0a', name: "additional" })))))));
+            } }, h("div", { key: 'b2f375bf341985eddbd1f73a9f8bcca91e71f471', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7ec7a250a70f0f88b4bd90b7aee8c49ea983043c' })), this.hasAdditionalContent && (h(Fragment, { key: '29f065277adfc340b084a3284dbf1d2a5c04e66d' }, h("button", { key: '1fe5fe56b9c5e6ae23af803a04550eab6de54d26', "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: 'e11330501cf37fa81130a6f253839054c8c1e7cc', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'a7d1e403085e07dddeb510ff5d9a86fe8a22c78f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '2bf5d16ab90c9d778e77e8e179dcaf8abbd7518c', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c0a5a2cbbdda1c5b06b178f360be5cb5028d1894', class: "duet-tray-expandable-content" }, h("slot", { key: 'dade24ff919c36eced0bad87e43f38a256501bbb', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

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: '6ce7e291bf1692677f53e496f138d73afb4456db', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '0a0d3e4ebde361712ebe6ccb7a00aa70947e7110' }, this.statusMessage)));
+        return (h(Host, { key: '6103e8e2440fd8f218c74edc3e2596250b409a44', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '62c48599fbae0deb08fbf07cee0d31ceb98070be' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

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: '24755bb4e4af07508a94d0028c1e162bd67d823f', class: "duet-visually-hidden" }, h("slot", { key: 'd5082bd91ecd1872b50a20a9cda3e92ac45a701e' })));
+        return (h(Host, { key: '81729e236a3e09d14d3277ea9b94888f01399635', class: "duet-visually-hidden" }, h("slot", { key: '3bb4693405e983049a265d5da7dbe012116aab45' })));
     }
     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-9e65e6c5.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-86746543.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-b78caef0.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-49773f56.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-5980607d.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-b1717bf1.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-0e694c06.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-42eebb86.js';
+import { i as inheritGlobalTheme } from './p-2e417433.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-77260ba8.js';
-import { d as defineCustomElement$3 } from './p-614647ec.js';
-import { d as defineCustomElement$2 } from './p-364b7287.js';
+import { d as defineCustomElement$3 } from './p-1f610268.js';
+import { d as defineCustomElement$2 } from './p-f2b72f2d.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-0e694c06.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-42eebb86.js';
+import { i as inheritGlobalTheme } from './p-2e417433.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-364b7287.js';
-import { d as defineCustomElement$2 } from './p-9978e596.js';
+import { d as defineCustomElement$3 } from './p-f2b72f2d.js';
+import { d as defineCustomElement$2 } from './p-85b61ebc.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-0e694c06.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-42eebb86.js';
+import { i as inheritGlobalTheme } from './p-2e417433.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-77260ba8.js';
 

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

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

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-0e694c06.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-42eebb86.js';
+import { i as inheritGlobalTheme } from './p-2e417433.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-364b7287.js';
+import { d as defineCustomElement$2 } from './p-f2b72f2d.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-153359ff.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-57a0b5df.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-0e694c06.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-42eebb86.js';
+import { i as inheritGlobalTheme } from './p-2e417433.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-77260ba8.js';
-import { d as defineCustomElement$3 } from './p-364b7287.js';
-import { d as defineCustomElement$2 } from './p-9978e596.js';
+import { d as defineCustomElement$3 } from './p-f2b72f2d.js';
+import { d as defineCustomElement$2 } from './p-85b61ebc.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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

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