@duetds/components 9.3.1 → 9.4.0

package/hydrate/index.js

@@ -2762,6 +2762,9 @@ const subscribeTabbingChange = component => {
 const unsubscribeTabbingChange = component => {
     tabbingChangeSubscribers.delete(component);
 };
+const enableUserIsTabbing = () => {
+    listenKeys({ key: "Tab" });
+};
 
 function isObject(maybeObj) {
     return Object.prototype.toString.call(maybeObj) === "[object Object]";
@@ -3986,12 +3989,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: 'f936e15399ba35544b5a4c6cd0bb4f4d90550fbb', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '16300926ee1cd86e4cc9d77e0121adb7d5b6d560', class: {
+        return (hAsync(Host, { key: '476d97ea43489404fd6d0a849a6ee02f83502fd9', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '28e5db061b847ada8068335166ff8ff1d86f24d1', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: 'eeca9f8ce7df4c184c9d63bad0fc6e7253713f0b' }))));
+            } }, hAsync("slot", { key: '0c934f9b98dcc493a7bf27588c22eb3f37795927' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4181,14 +4184,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '5507d8811565f6ba44aa8ac7cdcfd80af38b17be', role: "listitem" }, hAsync("div", { key: 'f81a05e3ff108ac5a6951c7f43fd918e9b72348c', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '2b55ec337f3592b5a5bab62730e88792a9b031fc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '2d355db059be9572e3bee4af2976d52e3cb8b032', class: {
+        return (hAsync(Host, { key: '86f359b6ae37d52eefe60d2524b28e90389853a3', role: "listitem" }, hAsync("div", { key: 'a7e38d3f15c6b459db45ee75194892c626dda720', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '271bc89989282bafdc1c02251786cc4ff9d29c94', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '27e40d9d4b5213650880dc8fd347708c8074ba7b', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            hAsync("duet-icon", { key: '0d905f6b5a31c16ed0710b929692deab65a012df', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '149a01e2cc3fcf4278eb88881a600ed588231dfb', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: 'c9100d96b29f13b0827855cf280a2f2d8adbe956' })))));
+            hAsync("duet-icon", { key: 'f7693293ba453f019340e643224ae2d4bc615892', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: '9f5a4594c9c261eb89dad2e969993c776a71dcec', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '7103eb6d7c67af60d40d4eb4c01df8cb60d8f122' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4249,11 +4252,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: '8a426eb6c98df0cadaac3a0f8dc1847c10a545ac' }, hAsync("nav", { key: 'c8d054052dcafa0f839a909b2b71be421efff769', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: 'c415b13be8e9488af4ea05f6cb7683f800e784d2' }, hAsync("nav", { key: 'cdc999fc5feb95f3e86817c96e27310878069077', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: 'fb3c49caf848585c11b4a08839325cda03712f01', class: "container" }, hAsync("div", { key: '204c53bf2469034d50929394b53c9022bf257592', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '5f125ef249b0ca6ddf2172771c8417c38bc12569' })), hAsync("div", { key: '4edea42420783c03219e14926c83be9a96211b89', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'ca4a0c58ba1428fafe0f2bb3a4a2a66f2aae9ab4', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: '3deb22c5304308a401f0d0bd813b2db2b52a9e82', class: "container" }, hAsync("div", { key: '5cd6fb7973bd6bdaee4608400ba37fb772ee87a3', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'c1a43f4a9067038018295d862a76158551bfaaee' })), hAsync("div", { key: 'aabc2c2960849710bf8629f1581a2b8f36603277', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '773551300797191fabd148e89c25847a02805bd0', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4610,11 +4613,11 @@ class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (hAsync(Host, { key: '72ff6ae8998a3e9508ade4f9d8c77d60ac7499e3' }, hAsync("div", { key: '2f79c17aff1548964939b00d2cf6f15b7fcf0940', class: {
+        return (hAsync(Host, { key: '6c2f849981a4d7c83b0980a79e44db7a51d71cc2' }, hAsync("div", { key: 'c3a6f40936c21dbe492f9790c71698f492c82092', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: '76bb9de5af1b8897ad134fbac7b6c559d17dbd6b', class: "container" }, hAsync("duet-icon", { key: '8e4eea34ba80a963dbd5a795301fb082e7e7e9b2', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: '1356b0a45346c05d6b4580b1e9ea13287ed7b5fc' }, hAsync("slot", { key: '60e849845ab365cf7cddb34b43f4939620ba9a0d' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '0e91ea489fcc96f1844b816755b406650ec19ebb', class: "author" }, hAsync("span", { key: 'd54420792e6b9deeb72076e2628d62c170440520' }, "\u2014 "), hAsync("slot", { key: 'c91de5e850bb38807363fc0491689e90e8f8b71a', name: "author" })))))));
+            } }, hAsync("figure", { key: 'c4dadc943944d9b2501f84c59101d7c8bfa780ba', class: "container" }, hAsync("duet-icon", { key: '328934a3141ec35008240e6e2ca58c2c3d3cf291', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: 'a12401bf972a3a0eb0817b51286a0448ec4fbdd6' }, hAsync("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'c7ecac8d10789ad47a17e795267d8eb584c119f3', class: "author" }, hAsync("span", { key: '169f299b6b65721127a409a51292761b14aa7b78' }, "\u2014 "), hAsync("slot", { key: '38fa9b0ebd195d75dec72b2bbdd5e239dc099f53', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4977,11 +4980,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '67101b52a09890cf734e9d0595e4350a4663b054', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '84bb0da3c2fbc1c656b9e58cf82793c9331c4515', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '4a002ef944ff1f7ba5098696377c3d329e4a2cb8', class: {
+        return (hAsync(Host, { key: 'ca4d8a12c903e5b3b1880b8e537028a5120a3481', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'b3bc47aa4bb81f22fa18fa2ed11bd416790f5d74', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '0fd6069ae4f1425ca9c90aaf514e2a9c75e3c62f', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: 'c84aa3c64106bdc10cc6dbcef72202d6f7865e57', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: '3002be9f9a97b5382377d9888e821ff15d1eb062', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5264,6 +5267,7 @@ class DuetChip {
      * Sets focus. Use this method instead of the global focus().
      */
     async setFocus(options) {
+        enableUserIsTabbing();
         setTimeout(() => this.focusableElement.focus(options), 200);
     }
     /**
@@ -5303,7 +5307,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: '74eda64434d7ca861c30bb1468384b4d789bbd97', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '63101bab777b2c17bb952b362896a3e01849a520', class: classes }, hAsync("button", Object.assign({ key: '857f56d854ac01c9f0411c0a24d89f22e34e4354', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '5baa1e7b3ea38e0d3eb8ebe9f5cde001f4dad939', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '2cd983ee490a7810fb740009ef9a1ef1a591b378', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f1cbed1211d6143c5b6727fb7f182b2567e27206' })))), this.variation === "input" && (hAsync("span", { key: '744596fbf0b1bfbec1bdd33f26e70d5d9cacfeaa', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'e2c1bca091f5ec8e7ea9ff2c8e26519836056887', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'a55760300073590c593ca320a5e65340be999b38', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'a7788de0d14342248a475f2ff5493c0923c45a9c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '234fb07f9a8a248a8ed9cdad7006dc6477750c86' })), hAsync("button", { key: 'a4c5d32a365ce3994e1620a04c2d47de32ee6a79', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '61db68dbdbb9c89ad567be49369baceccfc70303', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '3df7ed43734210e5c84768121be780c2e7fa47ca', class: classes }, hAsync("input", Object.assign({ key: 'fd46eb7f531a7cce5b329dc46973ebce71477ef0', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '2e3e7f153db3e7798fd35a41b3bd5731b7893799', htmlFor: identifier }, this.icon && (hAsync("span", { key: '4daec9ebcae39a9fac552ef5ca6170e991ed2ede', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'f8c53ccc22dc8955b4ca0946014654a53f643bdf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '72a8486a18b78b8522ccf958a762d9200ba44f39', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '4282153a03e2293726a33285e0258dafff9f08a0' }), this.popupElement && (hAsync("span", { key: 'b0ace996f4be6c9a56f4842fca5370a987a53623', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'e7ff6e81d48dd6373a5b301661b5b88bd63b18ac', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'b35d00719155d5312923ec5e91e8b9978550553b', class: classes }, hAsync("slot", { key: 'e4b3e781039b2d788de0dadd67b42fca773ec902', name: "input" }), hAsync("label", { key: '23a2a955b70d7e01982a01c25f6e634385d4b699', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'a5dd1cfb84d59288385b241df6cf09c2dd9ab717', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '2a15bfd278418d32b2d5dc39973eebc7eabfbbae', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '50e58300bb05edd5545be74e621feca7ececb52e', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'a67a5350140057e665af6c7882d6985b430d066a' }))))));
+        return (hAsync(Host, { key: '9744df63cb819948b4401b0a183075e06e05993a', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: 'f1196acf73fad509f63d9d5ee7b1b229a97b6de5', class: classes }, hAsync("button", Object.assign({ key: '986350b1dd5311b2f1b9585aa22950be404fcd11', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: 'ec9da82d7446582b80604c4044bb1c2e2c33434e', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '0618249ebe7e1730490d3b948a6422efbf800961', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '793eb28356ec292e5360c1b8c063885212d06ffd' })))), this.variation === "input" && (hAsync("span", { key: '388021b0a136f62f0a109ada43373c35da0a4e8f', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '1283a1fdca15be377e87b61b4de2dcdd6ce746e7', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: '206e76916c75132db630ca16ec6b9508106d35db', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'dc2ef3071d7d513f4b7824647f124e8d511736cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'bba4b597056e523568f4b206fb9e2d8aa91c038d' })), hAsync("button", { key: '7c5288c6b31c536e5207c12bafddc8561d09a517', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '603805c1d49c206fe45df07094b254a1dc42501f', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'ddc64c0114199e163fafb89f3acf4b38be73cc03', class: classes }, hAsync("input", Object.assign({ key: 'f45b6a35cc164b2f222e3c2960c645dada127b8b', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '472a8c3fda4e3dc0458590aafbff6f1921693138', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'c071e1fc1ac5cdbd9a9ca45d1024a7a73ee06dfc', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'b70a24fda17573ec50255ebf7e107039225bb9d4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'c67b405024d17935c9bf10e5dd496279c08919b9', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'ddeff851785a39c1af8f0762319303bf050ab4b0' }), this.popupElement && (hAsync("span", { key: '51dbf16b24b66a7a33fc0e3bc000966f7418d448', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '89dcbc13e8d3a14017015c8d0b60255ee04e18ac', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'ecc96b01329f5374b126f097104af8a174ba8fcc', class: classes }, hAsync("slot", { key: '7064ff157645871b9bcc5fe0ab9f88678d45113d', name: "input" }), hAsync("label", { key: '396d9f1a6d3b5df0d535c1e6e07dff7128e61498', htmlFor: identifier }, this.icon && (hAsync("span", { key: '8c494c405c54e6412db4b74ab485988213694846', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'e88ed80700f22666b71b1a4d9fd16f2685d40ed0', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '6f8451e77db9250922ed8587fc3c461d150ca0cf', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '9b91511cfd547f4f1ffb1be117165410d435fed3' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6562,7 +6566,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
     'default': tokens
 });
 
-const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
+const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 var DuetCollapsibleStyle0 = duetCollapsibleCss;
 
 /**
@@ -6614,6 +6618,15 @@ class DuetCollapsible {
                     return "xx-small";
             }
         };
+        this.getAccessibleLabel = () => {
+            if (this.accessibleLabel) {
+                return this.accessibleLabel;
+            }
+            if (this.heading && this.caption) {
+                return `${this.heading}. ${this.caption}`;
+            }
+            return this.heading || null;
+        };
         this.handleClick = (e) => {
             e.preventDefault();
             this.open = !this.open;
@@ -6626,6 +6639,7 @@ class DuetCollapsible {
         this.negative = false;
         this.accessibleLabel = undefined;
         this.heading = "";
+        this.caption = "";
         this.headingFullWidth = false;
         this.centerHeading = false;
         this.headingWeight = "semibold";
@@ -6663,14 +6677,15 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: '090d561d82276fca138aa9c40b0c60cb40a7ded1', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '92d18884482ee68a80396709c618f2c76ae6b155' }, hAsync("button", { key: '1a24fa1fb6aa053736ec11a5cfe6cbbd37339833', class: {
+        return (hAsync(Host, { key: 'b6781c86d34d4f4b9560b111474a413c954818d2', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '1b59bc43bad54d7ba36951b5fc5cb27c8d197498' }, hAsync("button", { key: '073aa9d20b4f508e991443273c16f43b15577183', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '75b6c89fb1198b6ebaa72dfe0bf388a864966896', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'a0215c9b69a2d6536d0a1b5c562b8ae59ce47b1e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'e5d8b120ee539a47e9de0c662bf1d1d886f1940f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: 'aee7dc1e055552a166bd15da474fbfad7f8ab8dc', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'f217b06da41c7d830043069d6afe808c9df81aa4', name: "after-heading" }))))), hAsync("div", { key: '77d2d647d46cac2189b6eec069289cb996b86aff', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '3be38b8eca20e29c3f79f33fccef630a6666d175' }))));
+                "has-caption": !!this.caption,
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'b584a9f03de635516bab995166943fbe55139177', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: 'ebd0e8c2d793c6eaf9afcfeefde3822025b0f591', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'cb40e56e922d146a4c799d307a36bcb5de2bf909', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '29f73be47a8506407f8e151b103c0d953a175448', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '26c25d0365c8243c7ea36101f6e49743346363bb', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'f1a9005c38fd4310d76dfeea3f50a695bb732195', name: "after-heading" })))), this.caption && (hAsync("div", { key: '7d8785de6f4478030bc6422749201f23f3625e3f', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '2f930fc5ca5fb0169c5b16f181ce5b7267ebc4ca', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: 'fb0d95a53dfa760ec0aa59d2b7e8eab8d9fe5313', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '8df7d36426b0c3390fba071740ca60ddc2ee4931' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -6682,6 +6697,7 @@ class DuetCollapsible {
             "negative": [4],
             "accessibleLabel": [1, "accessible-label"],
             "heading": [1],
+            "caption": [1],
             "headingFullWidth": [4, "heading-full-width"],
             "centerHeading": [4, "center-heading"],
             "headingWeight": [1, "heading-weight"],
@@ -7288,10 +7304,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: '71daad66c023075159b00d6dc104eab79c4b160d', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'acf3ea2fa7c3cdd7e0363a19a18a60d74d393a6c', class: {
+        return (hAsync(Host, { key: '4e145f7fe0409bb47b6ea71c0cf970e436b7a520', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'da28555843c0a763d34c7ddef8727090e373da67', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '196c215165b051901fe5d4f2052da20c5ca455f2' }, this.name && (hAsync("duet-heading", { key: '0007ee7244e68c15517bb124c7b78f9d4e6c6dd3', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '3f59b617f8c2f6b37d6c82ce48faac52e06f7cb2', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: 'fb3b0b7fac964d9e8c8362392645f0c8c1bc87df', class: "email" }, hAsync("duet-icon", { key: '893fabcc55e9b009d431952357e1fede755e61fb', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '7677f46f07ff869d2056aa234934991adcda3eff', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'c06e9f451420ef3e92664dd46e8ed78dd2bd5f74', class: "phone" }, hAsync("duet-icon", { key: 'ebc081064f01efb5e3ea31fc8d8782bd22bbcef0', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '5eef45c250e181259b3452eb21d6ef619db8aa9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'd5cec8afd4d4288052f14f20204f0b934663e4b4', class: "call-to-action" }, hAsync("duet-button", { key: '946e16a6a6648d433e59cb91ff1742c7804b84dc', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '34a2419381529d6a2800016e5b899b92ca196674' }), hAsync("slot", { key: '33b9196a872c10dd4bfd5533cb6663b06aeb2692' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: 'e161cae8447cf17c85499d5b8ac46d7eda58172c' }, this.name && (hAsync("duet-heading", { key: '454c6abe2d28decaa07122742bee22e711c3f81b', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '4dfc4f572e57af544c10b32c66e9afb93eac8080', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '96f61bbb0c884d374d10e94bf4aefb0b63adafb0', class: "email" }, hAsync("duet-icon", { key: '2f6608cc7d1e2a2b5da95109823d2e1bab216005', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'd4e80f8aee1fc9997b959e005935fdffafc6dfdb', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '374a1f36f5a62d9888b932000a52a10b63ac7cd4', class: "phone" }, hAsync("duet-icon", { key: '2d3c419e0d321f361a9993116fed27845238801f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '07d80aaadfd5963717d64d3733d0ae886c71bc6b', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '15123cac72ca836226d307ada922cf2f8544a1d3', class: "call-to-action" }, hAsync("duet-button", { key: 'a254a916c0f5916e8e39f76cae6724b73198d017', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '6c527c0e2c594d19b06fb842c4d8a0967b7f04b6' }), hAsync("slot", { key: '8291bc130ee09e6b1aa1e71bd15ccf6024c7d3c2' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7358,7 +7374,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ba657b582c7e36fe289d60fdbcdceda17ef1c854', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '2b680212ac0f1834f391a28a1ffc9320ef339889', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '6c881c1cf1281d744d38da802b8e8fc39bda913f', class: "duet-cookie-consent-content" }, hAsync("div", { key: '11ec4babd89db60e2457d8c53e7cd7c568eebcf4', class: "expand" }, hAsync("slot", { key: 'd9b95a15ab5ddb779fea42974ed9fe0c515be16b' })), hAsync("duet-spacer", { key: '93b5f4d507e332d0703d03b5a04b8e1333dbde3f', size: "large", direction: "horizontal" }), hAsync("div", { key: '213584e8c479edd36a9d35c179abf68c913035f9' }, hAsync("duet-button", { key: 'b8f9fba11afbaa3b06da03fee781a279ad77e783', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: 'b30b45dd5bc6022a8da609883e28a272bf823c6c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '457f367350cef4ec39f323925e64518b0b5a056f', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '681bb01d1031d8e7cdfac21539f49a9445a22fac', class: "duet-cookie-consent-content" }, hAsync("div", { key: '6bc301cad7c45d36c5d7846bf96abe989a185ef1', class: "expand" }, hAsync("slot", { key: '55da0877e4c6e55b827af651416e6eaeb908c550' })), hAsync("duet-spacer", { key: 'bf00aa77836feb5b8cacbc6c76712e6a3b4aa451', size: "large", direction: "horizontal" }), hAsync("div", { key: '86ed0f3ff48a2c916fa4174417677a6dfa737a0a' }, hAsync("duet-button", { key: '75003f25f1f75e9d40ff2143b4a53441be2ed54f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCookieConsentStyle0; }
@@ -8023,7 +8039,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '27a0f496c08d0669819bd915b2423d7755b9e519', class: {
+        return (hAsync("div", { key: '419938cb054cda71d1fa4d0de273ecce67debfa7', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8260,11 +8276,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '71695aef6ccc177f6ee64bf983f3b7804ad48e9a' }, hAsync("div", { key: '37fa981612523d137531585f970a2dd053aa13be', class: {
+        return (hAsync(Host, { key: '227d54f00e9a51140efcb258a3b9aabd0403e53c' }, hAsync("div", { key: 'ec272041ba4a302da9529e32cd67fc782102a783', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: 'cf95919f2fafcac684eb58f23f84a19d954e3bd8', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '902c40f812f728963756ff1939df300b2ad47762' }, hAsync("slot", { key: 'd256a82414798539a4adcf52d2cb18cbd465271e' })))));
+            } }, hAsync("duet-icon", { key: '0a04c1df954274e9e5371101e9756eafacfc803c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: 'be984ad3dd5092ed1ae6207f72e383cd4398cdc4' }, hAsync("slot", { key: '440fab721d208b694cab78140c322242812e708f' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8320,20 +8336,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '0458c4e50d24da4af3af8113caa38616adc77760', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '22fb700f4f1d215ef9d4606fbb43c69557d12798', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: '157a9e3785dd0d5d73a7e5e2de69f367a89542a4', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '99df4bd364f76865e2faff62363fd808a48721e5', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("legend", { key: 'e765ac7a4130bfb53598e8338c717049998d6c5d', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '186f844695e29b7a9473c1bd8288ba1b6f703e06' }, this.label), this.caption && hAsync("span", { key: '6f427b409fe6e0867a43dac1df4d7ebf713f7276' }, this.caption)), hAsync("div", { key: '5de6480a2da4fad61741586dea079cf527331cf3', class: {
+            } }, hAsync("legend", { key: '068d96c7fc93e8ce64c9e22dd1bcbfe160d34920', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'e7cdb11c3979b3cdeebd80b7dc856b97ad037207' }, this.label), this.caption && hAsync("span", { key: '80e0de6c351bc8450455812b961a08c43f0bdf92' }, this.caption)), hAsync("div", { key: 'db529ad1162564e990f7ccbb03fedf4735507c83', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, hAsync("div", { key: '2737a9a315e1ca8718f7a27d18c494226a7f1ff3', class: "duet-fieldset-label" }, hAsync("span", { key: '659b075a7859fd6dc81bb37654cc4ad7c26afaf0', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '6a1a329c16e4700c8bd13495208a50f3cd9f3caf', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: 'ace3d407eb37d5bdf1e138d3f83ade490557d2d9', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '3512ec5c46a20001a2cacdc2d5ab666c56bd41ae', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '974c3c4d2c83f771727d0fa4e5a570b8afa356b2' }), hAsync("span", { key: 'c51b519da01660363f7f05108a2ffb6c0df0df43', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7393b6770d0b0033df71fc98b44ca2e2e24b1577' }, this.error)))));
+            } }, hAsync("div", { key: 'a0cc74b7472ca06a305a45924c8e39c945b05243', class: "duet-fieldset-label" }, hAsync("span", { key: '46f40ac902b5e8d166f6673f538b93d7b4126426', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '328d6c4b910ee12d2a3219f863fff82f9df10bb3', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '7ba9fbacf0b68889efe22cb4859b5bd1da3a2667', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '0e83f76e722791658c7c05ac99c9ba8affb52d95', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '81e9a395cd365be7ded540edd8eb68c83a9cc6a0' }), hAsync("span", { key: '007112c1b89077612e5478a1d71ecdbf62ad2b36', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f93d85eb2d47ac6261a6a3cf1367f22c09656f92' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8477,15 +8493,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '5e5ce617086534a829187dfcc98bdc410b38fe8c', class: {
+        return (hAsync("footer", { key: '8fd345b0b7ccb794b603dc1fa9164ebf8c495060', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '943eb7486bde901469c3d38bc8f47f45873061a1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '97ea7a84f34b7f2f6dd1b7cc5459f6f3a8ec0697', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '773caa00c8f629d512537cfab5771e918c78ba57', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '4541d65907daf88fe8fd3c740eabd4bd9ad82307', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '69e42a6e7e0b9a33783030805b677974cfaf2675', class: "footer-top-logo" }, hAsync("duet-logo", { key: '3b13cceb42bd3d42b35ec79d474f902715b32469', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '0f50be10f253b901ea15babfe2e65972ee4e1bf5', class: "footer-top-right-container" }, hAsync("slot", { key: 'fff546c5fd473c9777b2981d8e9b234d63424fe2', name: "info" }), hAsync("div", { key: 'd344981599f0d422f5c8b8426cd6eef8e55fca73', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '549ec0600b48e174d161cbdfe01544126440da66', class: "footer-top-logo" }, hAsync("duet-logo", { key: '840cb0600e17103f1501cb248b89dd819f7a661e', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '3327e1009bfc9721b5e2529dcc938cc8f4257854', class: "footer-top-right-container" }, hAsync("slot", { key: 'a00901969c97143af27151402579f4ca5c12a84e', name: "info" }), hAsync("div", { key: 'e2e6e62fd027d2b77460546d9ab74f69a9f258bb', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (hAsync(Fragment, null, index > 0 && hAsync("duet-spacer", { size: "x-large", direction: "horizontal" }), hAsync("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -8495,7 +8511,7 @@ class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), hAsync("slot", { key: 'df707047134c97f909836d8f230b9afc286bf92b', name: "extra" }), hAsync("p", { key: 'eeac2d838f28bd02c934465562ec7d4fc4186bc0', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'd0490746b5085399784da40b62f9d0aee94c41d7', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'd6c3eec9132128503493b6fed1da4e8ceed436bc', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: 'cf44e482a16ec1ddbe8b7b7affa91f7a54250c4b' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: 'af9233433eea11f52bb1fb600323f2c8475303da', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: '288da5793cca9b97494edad50ec731ebdb8cd008', name: "extra" }), hAsync("p", { key: 'd6e5f190770d85f7f23997fb3010940568a11da9', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'd03cd42008101259ae77c5dfadad2fc719c3bc6f', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'abf31941139f2bfcaa290710ce02a3151815d6f5', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '45e583b238584d4f699cf8d80d7e8c77d4204eea' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '673765574f21e139f2e25c722cf7e3f38fd7b2d3', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9591,7 +9607,7 @@ class DuetHeader {
     }; }
 }
 
-const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}: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%}.duet-heading{margin-bottom:16px !important;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\";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
+const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}: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%}.duet-heading{margin-bottom:16px !important;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\";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-wrap:balance;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
 var DuetHeadingStyle0 = duetHeadingCss;
 
 /**
@@ -9623,7 +9639,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: '254585b23310b58e9fa3c75de98c1bdd62283ae9', class: {
+        return (hAsync(TagName, { key: '9a91dd0a097a00c6412b6b759df13aaa814430e8', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -9634,7 +9650,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '408af76a0856d17891671ef22c16277d368902f6' })));
+            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '01f466dbadd345dac83e12dea63809ad46a70f2b' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -9814,7 +9830,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '042faa3515dd2b2a3413df6646b8721837571bf9', role: "region", class: {
+        return (hAsync("div", { key: 'c35513eb060ccad4d0be7152579a8c1ef1843ce7', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -9832,17 +9848,17 @@ class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'e2f9ad908b71bbdae666b98ec16b0b86fa1019c4', class: "background-area" }, hAsync("div", { key: 'dc010fb66ed6094a9f3c5fb50480aabe8e27df1e', class: "background-container" }, hAsync("div", { key: '30e68b81f449aefc9909dbe9d3c85a5db96eb875', class: "background" }, hAsync("img", { key: '37c6413d57c6d2b0d1e4e3757595548ae958ec8c', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'aa7c28ff5dfe2416f0a17170e84152dc3880e6d3', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '5c4edeeeea2594031e72a9392e1780adb10b7b5b', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '2de78135fb229eee2f247265f025584c7dc05ea3', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: 'cc35df8e4eb5113c183c71f7ae0ef7416cdea82c', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '532040a219f6b2501581ba79858ccdc0cef1621e', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '5af3197b05be3f76c8e1b3b692b61976525a4c86', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'be29d2c5ed5d37e2ac2c337b999f482342111d42', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '45fc7f8aec41aa72b3449fc6f1bc4916322d351e', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '28491ef470b0c4194a103a5a900b75f87cc9db75', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '34e01d6e835e9481e5ca81fd474eac306fed5c59', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: '376283255281543db424c9a5f58e070730862fe6', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'e252acf13371ed78175cb0b94622bc63ccd7d045', class: "background-area" }, hAsync("div", { key: '49e9baf84444ab01c8e0cbe7594011a8698e6eec', class: "background" }, hAsync("div", { key: '2bcceb2336dcfe8374a7cf60fa35dbd4ce52490e', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '52634cfe76a69e40b04b97f24e59479431c72dc8', class: "brand-shape" }), hAsync("div", { key: '8a14aaedb374b4cf2544c3964060a390d842634a', class: "brand-shaped-image" }, hAsync("div", { key: 'df369fc19adf5d50a5382be8c5aeb261c61facdf', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'fa987dc1145cdcb6e2a94fc229951cb69f4be7cc', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '550e54f44b106bc7f17170fc2cadde053115946d', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '15936336c629c699a2a8ffc51ce4caa27490e5d0', class: "duet-hero-image-mask" }, hAsync("div", { key: '86c4a59bca1022566f12904a9e703892d16ae6a4', class: "duet-hero-image-wrapper" }, hAsync("div", { key: 'e5f4e326722827fe61a25a1eb065ebc2fc70b823', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: '8b51c232e3324becc735a3e01f9885068a1d0164', class: "duet-hero-back" }, hAsync("duet-button", { key: '8d3e72057c2ffdf9676d09adafddc220dea418bc', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '27e85adc78bb62294cbb7d9dc59a8444bee27e5e', class: "background-area" }, hAsync("div", { key: '181d77ba32e718bf11e087391ebec1de91a0f436', class: "background-container" }, hAsync("div", { key: '4a83099c17f49e81652b150776eb96cf030f13ca', class: "background" }, hAsync("img", { key: '6a7248c64c31e24f90145362bb9f846c91bf8375', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'b4eb38ad6851945f2d29b24329ba465a0c0563a2', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'cc3cb69b3e1f33c09eb1017af5c2d373f03b68ec', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'd6965e50c72e29e3503d5308a0ff7fa8770607c2', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '2a124e12ce9cce7f1d581c787f5006ce7403dfd4', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '2bd79bb7fadcca8400f1133e05d4b4193eadcf9d', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '39e6fb6705c3799d1b09b5ad2ea0f637926cfa19', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '3177707b2a5c89884edf3ab2bb2951f56871532b', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'e1059a46a707b5f23a2963bf1006d80f348ac57a', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'f049418b2d2d39e7d69181d3780a8683002ed844', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '429e6ca56f295e1a3e04209a473a8c7ca07ca127', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'a324ce3be8d51d6848bf82609a8443b637f7c7e9', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '20ced3a9311746eb034ba4efba7cdb0176157dd1', class: "background-area" }, hAsync("div", { key: 'a6d3a68bb41519b1924f59fd4ad03159af93a582', class: "background" }, hAsync("div", { key: '6f96b2049aec609732afe98450ec5f3e7022e9b1', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '72e6e5d2e797abaf09dd722327fb5bdba7715b44', class: "brand-shape" }), hAsync("div", { key: '21a64cef40034dd82aea23a2480fc7a5ef223f55', class: "brand-shaped-image" }, hAsync("div", { key: '7c3e55707f87964db8ea0917b74d253c9d695abc', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '895025e62003249bc64ea166629961963d81e88a', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '0e72a22d7b52754a6ce5f31a4add3f6704079b5b', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '28eaa864dab07e83921548498cfd9290fedacc34', class: "duet-hero-image-mask" }, hAsync("div", { key: 'f7205d85c99bf061e83559976c132ac0a079591a', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '12b774da3703ea05be8f8d53476af5704d0fe2c4', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: 'd1421d7dc9f15977eba7c662979bb871d495a98f', class: "duet-hero-back" }, hAsync("duet-button", { key: 'e24850de6b220e820248e612bb64fbc94c4fdc99', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'e97587c28931d1b2241dd7f6c2b87af2369dfe27', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '861d9fe8b7c1dbb0c7320b2349aa3a8a5d557deb', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '2a4e5c820973928c6535fdae500e61e1e48c20b9', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'a6351115bab75f50d9788de544279ab250263bea', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'fa3fd8018b9ece1dda122e328f257febe562c4cf', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '35f2d525dfc0ab9114d631d4d924f7168800f17e', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '5ae76dc039702e2ded036c96281d92a7677fa7fa', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '9505d79cbb4aebe18cfc17188ab26b51261d3030', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '08b42059a383c572e35770ac58675e52835e6ca4', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '9d012b0ea1508ed5ca0a7014eae62310790a5966', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: 'd01b15af27908460f842849056c3674d15c5657b' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'be292afbb69089eaf0e8da5177ce24ebc43e6df5', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'b077407e1c34a48740ce354c5481dac73b654e3d', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '631a6b29fe9919cf69720cb81573e801dd36d99b', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '92b822dc6914886aab5ae1b0528fc285695c0be2', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '3216721c8773b44c4f3d8635fe5eea31ba9489a7', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '75e19684ffefb463170efcc7067969e952099230', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '9b7567102fe9d70e1bc20806cd1a953c2330e731', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'da172940a007cfa192370d8c268bcbf88e0950d6', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'bcd14cbbda4449532fd26b2233706371d362558d', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: 'e79783580f4c322fb7d0ba7851d25e15f785f5dc', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '8c03af3ace34f2f0b1138e9a32f7ce01515fbd36', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '2fd60c758679df458ef2feed22817bf1e932446f' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'ee562f5589037be7d2de3491c62de4795cd00d66', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: 'fdb280d9ab7d830528568ee8027de7d79db61f7f', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '5c6c4892f700e257e5bcef89be26c5c52e43e402', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: 'a1d05e33342d55d19db68851c3bd6109aff70182', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '04f905e4192d1b6542d830398f024b04ed0fe521', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9968,11 +9984,11 @@ class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (hAsync(Host, { key: '4285b685fba78ac61f4d1c44a046ef443d660f40', class: {
+        return (hAsync(Host, { key: '2c8d063e4f6194f02c63a231c7905ce4477ebefe', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '6faea3bc218085a73ff1bdb5415b0d88eebc428b', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '9d9b159d2531f6269a434a617d95533d65a33fff', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -9981,7 +9997,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: 'a27e478af2767dd7de7215108413bce96e6e9d80', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, hAsync("span", { key: 'ca9fce62fea6508b49944defe645c230de66b14f', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10630,24 +10646,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '815cf46b505a58a4f1db64f0737eb2461fffe1b4', class: {
+        return (hAsync(Host, { key: '77e2f191178d05f54711416debb0c7f64780a0fd', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '0db8d45f16f7bec516c0b831393cb05f962bfdb8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'b65a92ce153b41318cb757b3457dfc470c11c4c6', class: {
+            } }, hAsync("div", { key: '905dcf1de42b34427d89e098f157126507d12aa5', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'aff4d94915e6db5fec05f1591702ddf5d32309b8', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '777fc5b75ff85428b7234d94739f7471f5dc8011', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '513fa6d80b00980efc02c454889726f24b3af6a9', name: "top" })))), hAsync("div", { key: '8d24cdd9f0a38cadf71cf74df0f44c547a9fb4f3', class: {
+            } }, hAsync("div", { key: 'e9a78a2f90f64572d0f9eb0095696f7292231b90', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '5c8632796fc97f96a9db17cb193730d394d63bc6', name: "top" })))), hAsync("div", { key: '7e0243ab692a0f95ae46a7f41afaac27ab6f8c2f', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: 'e98b4d6704819e6a07f5ccc7b29227d6623e2bc2', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '642f458827bfce2732c708d5cff00b382180a202', name: "page-heading" }), hAsync("slot", { key: '929847b72cf01ed5be66b9fdc6e0e204281d0eab', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '9cf127c89c37b47642d7d3234476c16d5c38fd11', class: "duet-sidebar" }, hAsync("div", { key: '043863761695cf57b596ab6759e99ae32e09f432', class: {
+            } }, hAsync("main", { key: 'e0eb98840d79da68f19c18dfb6b0b738c50a8563', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'a8dc3953ae2de7c4d6cdfb7b732a0a2f6ff59ba8', name: "page-heading" }), hAsync("slot", { key: '9dc9657dba0718b7553aa79d2ba525fdfeb14279', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '2ca95869b0244da856be5a537d4781fcba395eda', class: "duet-sidebar" }, hAsync("div", { key: '63c6ea53fff4a0f22940410c70619ce468179c20', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '772f164951137306ec8289a095a829fd2fc0a87b', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: '7329e6f47779d50e1ce873a0bb93e67b3a5cdcfb', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -10789,10 +10805,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '6bcdceb6f32843e5474b9a1d00f9afef631afc5b', class: {
+        return (hAsync(Host, { key: '70bc31e1d10efda3453e16b689e38d3a4834a4bc', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '8e65e4745097d5253535f228d9a2d61f9961cceb', href: this.url, class: {
+            } }, hAsync(Tag, { key: '1989da3829486cf23e4a50a7e36d93156f816404', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10914,7 +10930,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: 'be789bab546df8b0ac070d09a5f5c47f5f428afe', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc' })));
+        return (hAsync("dl", { key: 'fb75b5a512a993e8478f5c82e38b8b82a5e199cc', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: 'b8c6ed37ea89e194ef5a2f9fb603b60cd204ff69' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10964,14 +10980,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4d92cde8114cd83fd9d52008a16ce57a934eeb4f', class: {
+        return (hAsync(Host, { key: '22e6cfe329bfdf6f2f1c374bbf9bf9ab79241c52', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, hAsync("dt", { key: '58c9679805f2a50dbf3c847157d0a1799feaeeed' }, hAsync("slot", { key: '2f167529b2c16e01e0430267dfe564ad8d9aed6c', name: "label" })), hAsync("dd", { key: '11b92167d9b42d5e5d97b1e056ecc08a25aa1f6e' }, hAsync("slot", { key: '7bb89dc78c1a571df7d27a285435d7c596d3d6f8', name: "value" }))));
+            } }, hAsync("dt", { key: 'ac210602fa781f3a400b0268c29612b3feda2882' }, hAsync("slot", { key: '3e79d41cc7272db352845896debfd271df16fb70', name: "label" })), hAsync("dd", { key: '441336e69ff97fb2b7b94e19ce909b7936bc9519' }, hAsync("slot", { key: '884a75fd16b595aaf8ca7aeaec1d345e2760e4b4', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11064,7 +11080,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: 'cd53d85f163bc76250be1e5514b00bf6769e7f54', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '8ec59c6823257e298b0e298a7d6eda2c40725d83', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: 'cf1b972f91235031706d26f97708213a8f7a2f8e', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'a88838e36a8db0445b441e1e5a18239e70f91672', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -11242,14 +11258,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: 'a65c23ad487b0568d090ce557e371efd6d9c327e' }, hAsync("nav", { key: '21e9511d958e4399c027bd8c22f2fa5d55b787ea', class: {
+        return (hAsync(Host, { key: 'bcad938ec9d36146a03cfe0f700b6634c1f46958' }, hAsync("nav", { key: 'b7323bf93dd036b635a2252547c632e031c39225', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'eb917b1c926da1afdb46bd394dd8b9c8c8ffa61e', class: "top" }), hAsync("div", { key: 'cf6bbcdfc49a0d74801a526cbc90adb45540845f', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '68e1850c9b52d150b6e4d62fefd5c6dcac8729cc' }, hAsync("duet-logo", { key: '403fb778a1ab49bca29520ca8ed3e29a7608036c', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '66972c33fef9180083b6823f0eb2e6249df46a42', class: "list center", role: "list" }, hAsync("div", { key: '5b141c33b3b4e7bf836bba115e06f6657e4d2d9e', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'a31a813255f7e37f17734297331b69db14d84ac2', name: "center" }), hAsync("div", { key: '0380979146e17aa48f702e5b333465591b7a7d32', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '425ef8602860673db531601f0518859444eabe8b', class: "list right", role: "list" }, hAsync("slot", { key: 'c9f71431b68616e5f53b695322da1918e64779de', name: "right" }))), hAsync("div", { key: '2acd626dc57ba7286fc5112c54d1bb137bb8b700', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '694c45482cf6cd2c1d227696eee86efa9f46a3f5', class: "top" }), hAsync("div", { key: '5b9c0fbfb801099a8f5e6071c5eebcb5ec0339c2', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '9a7f4a50cf92efe098b290fa5226a38b64cb742f' }, hAsync("duet-logo", { key: '4cd17a664e1b676281232cf9957d7e27790172d7', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '212ccefe739a5ee560da239fe9b87d4d7a9d6f76', class: "list center", role: "list" }, hAsync("div", { key: '64e4c3298055047e7454a8ed83052a0964039b07', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'd31c10e443b0578aa254e39dbcb50d31de587ac2', name: "center" }), hAsync("div", { key: '22833b4443643c532f6dbbceeb8cf76785fe4ace', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'e2612b209d40d795c7cca2f1486cb9e94d527e96', class: "list right", role: "list" }, hAsync("slot", { key: '3bfee649190a701ced101c72af35477164842c94', name: "right" }))), hAsync("div", { key: '561c073cd4af726db6a62d7d150c1814d9ef3621', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11316,10 +11332,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '82464805ea51559084ea355862b4f31c8f7e54b4', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'f0fa86fc2049ffc2c50d1373f983bfda5016f0dd', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '004d0d4f86fba40f9fad10254bbd9a67fde481b3', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '93260868022fcff94e5594b0982729e449aaaf0d', ref: button => (this.nativeButton = button), class: {
                 "duet-menu-bar-button": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: 'cf6e2dbf37f362d520925c642768d962d4215ad7', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '20d6d69e5e34eb70dc3dd61dcaf100c51862ac02' }))));
+            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: '09c43d7c0dc7ee3887710f7fc88a0b290160dd7d', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'b4a30a15fa55995016084db6437987aeec8ff925' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11402,17 +11418,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '14604da439d8f76ce91c6ee608491a1e35dbb6cf', role: "listitem" }, hAsync("div", { key: '894acf67c028837682296e787b78815f20536fe8', class: {
+        return (hAsync(Host, { key: 'b66d07696fb73e08c25ee747d2580d086a1f6034', role: "listitem" }, hAsync("div", { key: 'a76407d0613c128ca1c106ab93e5559923b86c60', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, hAsync("button", { key: '27975670c14a7f50d462c16c311d92e1b7f015e8', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '2821837c6d54d1312e3a9722a426b76d94973aa9', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'da16731cb49afdd761eba05ed7ccd4c022eb5be7', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'a86e2f65da4100756c193ff0a63b0787ae0c458d', class: "label" }, hAsync("slot", { key: 'd8e977ae62ec554a0c41c2e92bfe724a33a36af9', name: "label" }), hAsync("duet-icon", { key: 'd1fd9a923165aeb594c076448f16ca20369f92a9', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'cb6c675efba2ccf218e275d5ba0a9e22b9338706', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'a9e0ee9ccdd4e2e93db53969c5af2e38e3cd40fa', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '65580cab4fb839ee4b520f56e4a048d6d0bae122', class: "label" }, hAsync("slot", { key: 'c62365b60d57413f850d9f1abed85bc109285145', name: "label" }), hAsync("duet-icon", { key: 'be8eea0170768c101754a5bb6244280ed0c431e0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'be1513d3702db6f94611e3108415b37f0707ab9a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'f27720a15f413ff6193f40f99c760378c13901e3' })))));
+            } }, hAsync("slot", { key: '2bebbcac98c6087f9e03ac9a40a897ecf5d778e6' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11472,11 +11488,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8d112f638049058d29ae3ba9ab00d6acbb52f857' }, hAsync("a", { key: '39954a1d2940510a100fc6d20302767612d0bfd0', class: {
+        return (hAsync(Host, { key: '65d409311019e93c176030ae276b74b780f0722c' }, hAsync("a", { key: '71abec43b5213cece2f6f537220c28f28c174cbe', class: {
                 "duet-menu-bar-dropdown-link": true,
                 [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '488d03db430f04af7c2c6a13f31ae5932a57e40e', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'b42533bc5fd7ccc2557d1cb2b2ad7dc8bed68b30' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'abcb3dd527aed658cd2b4bbd23edb20edfce91eb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '7732547ae2fc62149c2250780e40bbe6c108a49a' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -11540,11 +11556,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '564cec69e1e6e84d349582f746e7a4398980d788', role: "listitem" }, hAsync(TagName, { key: '3c025a87721de91b523330f2f609064e0e0f973f', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'bbb7ab55c67b4db51e15236bca4d88bb424285ac', role: "listitem" }, hAsync(TagName, { key: 'fe5e350f27ee0bc5f7284a1a4f042ca07cf8ff09', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, 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 && (hAsync("duet-icon", { key: 'c615dc0da6804efce3f5e038f578314ce7963a05', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '0944adf559c68a55cbedb75bc8a4d038197dc4fe' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '81b6caf00069e39948f9c1f69370144367bbaf12', 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 && (hAsync("duet-icon", { key: 'e726aadf242af86b56407416f363f337830cca5b', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '752e9b002c53afc4a7bc62227afe1f3222e72602' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'b983d7aad90a67857c92d864f4c807fe3f7a7a16', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -11599,11 +11615,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2af75611d72cb2981e7bdd6be6ee1a309eb689b0', role: "listitem" }, hAsync("a", { key: 'a7966c48fbbf6c673c284e22f66b43103033e055', class: {
+        return (hAsync(Host, { key: 'f682d26a48ec220240975707b35c96a477eeb6be', role: "listitem" }, hAsync("a", { key: '4e3786d460b72263478547c988eb8bde5dd3501e', class: {
                 "duet-menu-bar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '4ff70f1ae3cd9ba219b5ac63e814d3c5ba315f6a', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'b1b533c32b451c5c43c7f61101e7b9a6496dd53a' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '37047bd278cc4b7bb56acdcf3db2937025736dc7', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '014a47458e2dedfad6bf8290061227812e8e4d24' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -11854,18 +11870,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: '1da278102e1c18bced35701804e9217102015179', class: "duet-modal-close" }, hAsync("duet-button", { key: '8a90526b27671c22fc55532ddcb94fd3c1e32606', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        const closingButton = (hAsync("div", { key: 'bb1f923c1ee3e15d3b50b20a34dd3ece51deb0ec', class: "duet-modal-close" }, hAsync("duet-button", { key: '4b17caf93396c246f7d27b6b5042ec86cca9558d', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
         if (this.theme === "turva") {
             iconColor = "primary-turva";
             closeColor = "secondary-turva";
         }
-        return (hAsync("div", { key: '58c17910a720462e06df9bc4b987c2e889c89d8f', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        return (hAsync("div", { key: '2f2ce0b1a1b86550adce16addb0ea9ed85592f4a', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "duet-modal-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-modal-active": this.open,
                 "duet-modal-slide-up": this.variation === "slide-up",
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, hAsync("duet-overlay", { key: '914408c9f5bd3059edf6197e12bb51827be71395', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'cee4a64292d3212c0913fca099acdd6da119a300', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: '9a399dda2be352e29770d438c4ca08545c7ea289', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '75e0574642fe5a419ad1387ab6c10c92ba9264c5', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -11876,18 +11892,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: '10aadd51aa5a43d7158b2ba901e72dec73dff0c1', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '7e1ae928c1edffb13bdaee92b26d4104f65e303a', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
                 "duet-modal": true,
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
                 [this.size]: true,
                 [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: 'fb858b05b255dc1928c79212ac0460dfc0bc2fb7' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'e30440c57234f2f47213b1443939bc334f6984d2', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '7fad3249b4d7f695cc4f3cb206362ea4f61f266b' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '4b62e97cc1fe90e60d2266c477fccfb2862636e9', class: {
                 "duet-modal-body": true,
                 "duet-modal-gutter-none": this.gutterSize === "none",
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            } }, hAsync("div", { key: 'c905a56349275111b507b046c34db4d99befff51', class: "duet-modal-header" }, hAsync("span", { key: '481ee67583a42d430318be206b08d3976eb9bb4e', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '55f8c5bb8575960783ea74eb7ea882aaad8bddea', name: "top" })), this.icon && hAsync("duet-icon", { key: 'c488922a98c16bf38e06085f1e9a673b12cf9b82', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'b850658878de554dfc27a4978e34bfced4432e00', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '4355986a4863d9f0d8359b95def6411f65d5c314', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'cf8f38d7b53c41cca414993f4a16d709c197f95e', size: "large", color: "primary" }))), hAsync("div", { key: '08c10e61fe189fb99f218eac37ace4084141b94f', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: 'f7c981e29d90accd5e7313a3f26de39788225287' })))))));
+            } }, hAsync("div", { key: '10f951d353b810d003e3dbd08c9a8486068b0374', class: "duet-modal-header" }, hAsync("span", { key: 'fb7328dea24935b8ea198b2aad27f2b6935539f7', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '23c95e51b7a6a924c51563810b0114112bfa9812', name: "top" })), this.icon && hAsync("duet-icon", { key: '0acaa2a0a64267c885b32599d1342a31fa8d9379', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '4ccc419418e3a9c4fe0baa48df4126ebe89e3d59', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '6b60e149a187b71c820169ef1454f89fb6565f39', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '2f2ea4dd35d3459560b14c63c0967d70b4c25eea', size: "large", color: "primary" }))), hAsync("div", { key: '150bcb1ab2988133a66a194f43dd3528dc0165a9', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: 'f6837d986392a94af1497c896af4fc87cb008cf0' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12152,23 +12168,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: 'd88436c71fa360266440b8574bb2d35536cc65bd', class: {
+        return (hAsync(Host, { key: 'a9ce209f6d0ebc295aca6abfb51e7d8b5f916397', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '212b648e8147fb2e58294009eb8aef03556f8684', class: {
+            } }, hAsync("div", { key: '9b63f45acce3faac9c0e5f2d6a50d687539a4d4a', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '9d4bec69691f6adc615c9366e86abf5f59fc39a6', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '3ba3a824ae8535ecafbfc73d0477da38e8146867', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c8fccccab9473eeb7d81b2b947b6732f6fe31111', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '7ccb8a12ae76b75762161f444d3a058be2d35b84', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '1c61620d8dfeec8fdc4448028951b9a1a4a9968e', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '3f2902a54d79a81144128cae9b62641ce234802a', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: '04aec38aa6af20357b28bee3373c830bd34c0580', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '3dfe64b81ce62342b83ec4ea44bc1a1ec7544355', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '1dbd858425faeae0a323b3313913feec214549cd' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '40b599d5cfa8362c2edeb63aa59c9be3cecf3e80', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6c28e4b2bb0c486a8698fa0615fff12df29e157a', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: '6ea881d05fcbdeb899a1eb41b84f8b9653446eb4', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '3976aa0ddd2971764fe0f2e627aed6c960f65cef', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '24392c70833eeff354b2cd56707b5b63ba5fd59b', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '15ca546366a30b65065c099469b941e08a2bc6c0', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '44d9589c99b1694af3bb860de10875595e2f4bc9', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'd49ca494868a57210724275e7a98c4551ab558ae', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '5b68859ae6b1a9916d96c47002f7c9485382a913', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: 'c64f308ba8bec99486e788ddb0d7e5adaed8a02d', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '2d3e3f55ebf4f964c4d4d04d07177a65df21c42f', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'd38084d0fb7a9f080a234c069d612ccddcb890ab' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'df30af3c9e60203a9ca16e1e7a771843962fec60', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '32f4205865b6e6d53b6e78a45004da23591018f1', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: '7c5441c80982d38f49b7128f179ff0a06492a28b', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "duet-multiselect-checkboxes": true,
                 "duet-multiselect-checkboxes-active": this.checkboxesVisible,
-            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: '63392964c348477e8b375b96084d4c4cbbf2143a', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'b7e0f951cd805058fc5ba9376ada31d42dcceb8e', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'a8d826e0afeaf86fbcaa2289f41ffeca9cd04b43', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: 'e1065494a8222bae0b5c853ae52c1d21259289ac', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'ceed8b74d08ac96e2b79d2efd45b9c93eada86cf', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'a51688c114ff6f86984fc9b04cc1d1faee99f5d1', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             this.processedGroups.map(group => (hAsync("fieldset", null, group.label && hAsync("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), hAsync("span", { key: '78597a6d044e0186dcb06a22bdb897884e24739e', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '6b33900eb2e81a104b8370a520aaf378d18155cf' }, this.error)))));
+            })))))), hAsync("span", { key: '782f6132228248e8f4e141138052781c224e9f48', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '0354ff249d65209cda5983cdc85c5dca4ddf0bde' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12237,7 +12253,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fa5b68a21eb6da088274ac9711f26be43b177a86' }, hAsync("div", { key: '2a2d15123cd0e5606ff69d0e2869ab8c13a8a4e4', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'cab0fb1889cdf519843b69fccd84095985368366' }), hAsync("slot", { key: '0d2b271a9c2a3ba33ae477d0721a6db43bcbbafc', name: "mobile" }), hAsync("slot", { key: '1f9cb2e419b3033949f8d6fa62a89de558da2da1', name: "desktop" }))));
+        return (hAsync(Host, { key: 'f5ae3631c0785744d3fb7f34559cee04e5285550' }, hAsync("div", { key: 'd714239fed77dbea052ea2dc8b9d8ca31e7cfa8c', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'c11135ddebbd766695f4f19800580bce48cc1f80' }), hAsync("slot", { key: '771f6f0c80fda18fc05857077347bad51fc88a04', name: "mobile" }), hAsync("slot", { key: '38f4f4252472f09e56f4d6e901248600df52d2a1', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12296,11 +12312,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: 'b2c27c02bb299100ebac95d66cf5537af6894d95', role: "listitem", class: {
+        return (hAsync("div", { key: 'eace5033122ee62ee27b591ad47b118c1f9096f7', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: '984f604d97dfab43781d8e9c4118323f7e3a293c', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'bd80fdaaaa0c09c0e4d7410e8f5504bb7ff24a9e', class: "duet-notification-container" }, hAsync("div", { key: '0b5f665c730bfb41a949c3df042e51751893419a', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'f56d08f232e53a33efd0b604c52656a8f13c99f6', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'ef12bed363576791957c9d318fedb9d417199711' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'a0477d9f15ffd3c2f3b70f38ccaf5eceb477b598', class: "duet-notification-content" }, hAsync("slot", { key: '5a607f88b483e286514cc8f5aba85d16ada6c4a7' })), hAsync("div", { key: 'c89051db7b8318c889d3a6c4bb06555c3786b128', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: '4400c732e537e9c2838a5b5c1c1d9eade1123d43', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '99e87aad2c516c8cb1380fcb67b51123373ed039', class: "duet-notification-container" }, hAsync("div", { key: 'f8d25e2f95cac95692192371a77a00b9022de1f7', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '8d349100089368193d73d23062fd00d9ab342411', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'fffab52bd32056bf806777b802a72cf0b606f91c' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'ac061c356306f0677bf89646951e4fbaaba466a1', class: "duet-notification-content" }, hAsync("slot", { key: 'f94d05db7e9897cffad9f9082ec66ffb8efd23fe' })), hAsync("div", { key: '33dec802c87ce665d301f507226c50f3c17e8628', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12418,10 +12434,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '181a6a82f04afb895830cf36e265a4f770f05188', class: {
+        return (hAsync("div", { key: 'b9e14aa3e19e14ef225ed47f6961b0f88a7cddc4', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'f4276d12063ff62d10998b80cd7621c3ceadc302', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: '0c1a27d913b2ba53d8f6ef2eef3f0d05c251fabc', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'c32b7ae6a90f0d32f0d6b46aad6e9ba0fb0bf952', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'e698da96829cac38cfeab0a15734f3be7a679455', class: "duet-drawer-badge" }))), hAsync("span", { key: '2725ba4970bcc2e6213f69c64d25a3dc7d9f005b', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '71ae5369660c95fed7635cb7d5ae25fa5b9dde7a', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '1ac223f256804f95ff4a35f8fc115999d86fec8c', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: 'aaa99d0c45b1f8218f0f999c9558f374799dc6a5', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'e2c17fc4f254b3f307734006dbfea982ff6ee382', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: 'a8795ee99eba96b344f89fa3cad551ec7380b966', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'ba43b4fe302bf7acd9f73ddc974d141f455ff4f7', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '528eddbd58dc20742fec9b67347228f83b3aa84d', class: "duet-drawer-badge" }))), hAsync("span", { key: 'e1863d335a91de0ebee61833c5df5cd8dbfe7556', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '1950983a0f5ee70f5f8025f75c3d17e37e1b7a15', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '8eabe2d3fc3083ed7177e0c86103b6f3e72cc86e', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '2618b64bdc7e100de5ef65efa3b3c47f15282f14', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -12888,7 +12904,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b97ad015b5683c5bf102b82383615099b3c3c8e5', "aria-hidden": "true" }, hAsync("div", { key: 'c41a21343f6350020a9deb5c1208aed416714531', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: '1f48c95511f5fe345d0c954839878ca75143a23f', "aria-hidden": "true" }, hAsync("div", { key: '1a659c3467a8badcf2f3530034358faab19382f5', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -12958,12 +12974,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '803431131648461b8eb0eb01d9e4944e0684d72b', class: {
+        return (hAsync("div", { key: 'f84be07f2c33b45360e553051478010014f8ee1f', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: '3d0b067e5771f19183bfe546410cd75b90383bda', class: "background" }, this.theme === "turva" && hAsync("div", { key: '0eaf0689b220fd9a664c852c0e8c62dbcd9c93d1', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'fb9b5eba13698c957ea9df1bd949aad772f836b0', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: 'eec14617a162263bb9e3952092a85ec31acbcf40', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'e28b74c519355e8441e7b88155fe13b5bb22cee2', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '165c0b3ecfaba195b12de65eb88a72e3028eaee6', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'de9f9e024423c7ef4366eb9e0086623a970347e0', class: "heading" }, hAsync("slot", { key: '069af676aa6367b93193b0c9558c1ea8a1f74f47', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '478b9498b2997e730451e857f0508793d3fc877f' }, hAsync("duet-spacer", { key: 'e22d45a8cb8905c729b0e03f81ccd7263ea80893', size: "large" }), hAsync("div", { key: '0f3dbfb349c731ae7f6928b813bfc49ac35b3aa0', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: 'bc767f86b6bd1c690db1716c7871c1f5772efb0a', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'd0159e0adbcc43de58942ec26c6456f25d3be7a3', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '6d44470ea21076c83188847450d3d43cb18cfdcc', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '2e66c27bda85ecc8cf540bb2183683b0c0168d31', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '270cfd764055e1f8635bd5e519191d56356d26f3', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'a43fcc34939632c3d59b94da64283461d3a58faa', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '6a0f42bc5eb7747fde0fde4efc2ddc79792ddea7', class: "heading" }, hAsync("slot", { key: 'f7783da2cb7a1de174229d4a36f9a400ca2ee67a', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '1770423482557be3b25e59a0d4dd66b684afecc3' }, hAsync("duet-spacer", { key: '1d404addde73988e6430a7f090b97646e6264aa4', size: "large" }), hAsync("div", { key: '7149707ed0f09c0c1443d062c88be018637caa05', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13318,32 +13334,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '756ad0511064e85742b3bb271bdd2a468f3f1eb0', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '4d235370cef9fc2b6d9448b2b02a02eefc04b97b', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (hAsync(Host, { key: 'd6ed3352906a8c13c0ba120e63acd5572db61555', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: 'd7cb59047ba6951fb8ec60beb986df51cc646c4a', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (hAsync("div", { key: '4e98bb73d78c7cb713ac1de78d9d5ccbdce1687d', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '9d16f94604abbcfbbd8b538395e46c024b88c0a2', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '7bbec70a660779cabba7847dd76732e9bfb71f1b', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: '902c6abd42e246304aae924b1406f8c2bc817bf5', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '4861b3a854f12cadae3f5d3f91806f5a50bed294', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '66c09e15df929889c85137de8cdb0d7fbadbfc8f', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '974c29ddf4de1b7aca6e24f289be9fbb4177eb56', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: 'f06ae0b46625378d53f7d6c968efe6cc37628669', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'd8fd5f3a859d470c11c15ae197313cc6c8983fc2', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: 'c03e92b8f6ba758dd49e881380c964c87f155dcc', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '53de9f7186c2e9c280d3b987e33d3e50f9394301', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: 'f1ee58d73ab3ec2e1e7044d16a36495ebb5fc259', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '71b346d9a35b397951223fb32bdd449441dab0bf', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '5e064f5e0b53fe9c04b4e5167dff1b6acbe85c75', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '142ba228678916f8f9a69de0c8f38430c6db7623' }, hAsync("li", { key: '6e2370fdf3f65c69d30ccee081b6426c12267a11', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '887ee7242f007578beb3b1a59702ab619d0a7e5e', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: '0b5d04b555f074972abcc93a70a0d80bdadabcd4', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '3cbe3bbf9ef3406f2a98aa736f692aaf87119857', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '462643a69aeecc463a23ba22f0bf79ea8c4456c3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: 'fa748ff5b134b6a0a3a4550f0073fbf45baf2337', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '0459e62e54d351fa5f22afa7afb3a3a6027df6c1' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'fb76ad813a83768da7a52230342170198efc321d', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '14b9164e41b63d0adbbfe5ef29074a46695a44d6', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: '551f91a348760b5101e88adc3a3d8a3d692fc804', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '454ccc661d104be10d0a3908fa7516e1f627fb57', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '01eeca39b9de17e25c39ffec6296c26920b86380', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '126295d5cf39d121da317412934d570d02b5d122' }, hAsync("li", { key: 'ab615605de67abfa16ba5304450d4fbe4b40c1fd', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '81945909e8e4e70aede95ff3bcec869b59d2faaa', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: '52a1704bf4e47e97a8165b34b133d75f7cf46ee6', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'db56afde04dc1c6ae372db9a7b12f5d8a968afca', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'bbcee542f0a2151957fe8612104cad3762a23972', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: '63cbd7bc9380da4dee3360c052b0555329c6db24', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: 'c7ce3b477074306822ad20b564aade9ec8cdbf5d' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '76bed23b3e4010197e2682b581e2740c8c21158a', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '822ae63ebc41b29721791343bf9209798977c38a', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: 'f89e2cb2097b4f9b41cd0a1d351ff3e4b7867b4f', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '94ea90a52a62975ec11fac47ab933a7de8afa5ea', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '9eadf95f39e73639515ff03079b8528b2c0c7a59', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, hAsync("div", { key: 'f4c0ca8a738f21233a966611c8ce15d7f776c7d7', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '3dc850213f9f9c7aac8cabba1901740d6068cdde', class: {
+                : undefined }, hAsync("div", { key: 'feefef8f45433820ca8e029094b1b4fe216067a5', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '2577b388ea15e24be05de69b308c22dbb298e6d1', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'ddf5b89fac538ccdae84e031bea7a2830f656bc0', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'd7e18ac10323030b3c7e651e9b4598bba5d413f6', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '78c2482a7d36358e53000e55c19057c2b4585165', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: 'a71b9d3150493bb242caed7d27ca3c6c2e79efa0', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '330747e12a1e3d8bc0fb74f3945d99c06d8132d0', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '1b9192690bdd80a356b64e71a87e44a697ffb9fa', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }
@@ -13417,7 +13433,7 @@ class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (hAsync(Host, { key: 'e9f8164c6795c950d1f1340cc8a723113f2e231a', "aria-describedby": this.id }, hAsync("p", { key: '87942327cc0a685a6d1435adc090b8c0aa5c54ac', id: this.id, class: {
+        return (hAsync(Host, { key: '64a84c4df04a399b3f9378b2fc4742c06767e0c3', "aria-describedby": this.id }, hAsync("p", { key: '6d9c8a61f8506ecb6e8e8391ab5d645555e36055', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13425,7 +13441,7 @@ class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '858b0de4a678c0320e76f1479d7e9a7202a749ac' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '482892006f59215f0d9e7ba05b66bed8c5cee719' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -15169,11 +15185,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: '02e7a087e9f8df28e015c45b2182ab19167c39a2', role: this.accessibleRole }, hAsync(TagName, { key: 'ac6c8e523bb7dbd6ce78dfb8e5ba1a34c765f538', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: '003f72c807601366ce44ba41c92d01cc3867a995', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '5936e48916d5c665070e490074e5310b52ad0cd9', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '4f365167fa1ae20a9a26f91352791b8b94007088' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '52e54059ac3b56ad022ed42085029a58b7010806', name: this.url && this.external
+        return (hAsync(Host, { key: 'bf1b38aa7684c8cc3959b6b0725f83962341d58d', role: this.accessibleRole }, hAsync(TagName, { key: '71cfa30d7780f2ab9a31f2aa3ff4bec91b8e0b7e', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: '3552f0f0e6e303f23e012a9baa0b646d7f3eeb5e', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '1c26c319a37978618960dce5c0e5de9731a576c9', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c3f9e10b0f5c5af06d79ba6760b924f5abfb02d9' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '2b5f54ffc9063c6ef1dfb38d59724a1ff9307ede', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '16fb5260a8d79c5b20bc7dcbb0d6fb078d41f0d5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: 'b9a42c7f906f16c62189ce82f8c1bbdeee169a7e', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -15328,12 +15344,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: 'f83619ce28610acafbc66c1d8392f8c452051c67', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '8f5ff8b80126c9189aeb1ab0be3d96e242194f8a', class: {
+        return (hAsync(Host, { key: '369719dba1262d916b787afe98ffd4fa217e2f1a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: 'a49708055d9810ca1cecc07070640f389f8b866b', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, hAsync(TagName, { key: '0008fcd8728643f6b15f1d26545c09fdef9caf9b', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '3f059c57eddc0062c1a64a0c24d9c3d37662d030', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '87fdc0add050a058c55ad6b17c3317c078fce453', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '21c7ee0d339ec3326172f97fc1e8163d6bfce4e0', class: "pre-heading" }, hAsync("slot", { key: '6704480172514877730a1f71ef0b340b15f9abb1', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'e46822a4208488ff40a45205585127183cf5504c', class: "heading" }, hAsync("duet-heading", { key: 'a1f3cfdbe8a21fa11934a97966055f06c6c3165c', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'd9d5a0fbd035137c65b26eaaef8d53856a9fd54f' }, hAsync("slot", { key: '6e47d85c740fb9524d99c8abc7c0ba5b36743d50', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'c017d68455e4c071e9b6897096f688dcbe18c639', class: "description" }, hAsync("duet-paragraph", { key: 'd1ec5a43ab5839892ae94b3b63728d455961bee9', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '15aeea47848cb9c0ba17d99359e321b96d00a485' }, hAsync("slot", { key: '3aa7cb4344044cc7b2bf73aaafe60eb23bfb5f66', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '9125fab50390a9c9f220f8f3c54f241ba3ee5c09', class: "action" }, hAsync("slot", { key: 'c56834545acbb95eee257f0ed422f50e80af67c8', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: 'c4c5c7f1a09b5641b228a7fc9b62afd950fdc8e1', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '12c2264de14f12da9ec4002afeb5fe978ceaa719', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'ee62d417521f8201dcaf095a8fe86684a935ba2d', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'b5566b2e3ed124323ce8f7f34827e291f082f8e8', class: "pre-heading" }, hAsync("slot", { key: '4db794c53c26048fa69d04b3b1ba1478de36c3d6', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'ca8c079241b93d7193b601a713de4b4e83e44630', class: "heading" }, hAsync("duet-heading", { key: '9f6e20d605a3c35265fdd21d64b7862705ca5aeb', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '72f862b412fe7145d8e96eebdc91e82e38ba4072' }, hAsync("slot", { key: '0933ea8abb5c7b5d70515f2bd685f210a4fb5a85', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'e81b515409efbd9b32ee45e0f930fd2ec5148a4e', class: "description" }, hAsync("duet-paragraph", { key: 'c8483b63083ef1f07e44b49d0b51e21cf6d08f41', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: 'ec479361b133d65d444b9504d227167e353179e0' }, hAsync("slot", { key: '732371f1f5719157476dd2d73d0750a6614bd88d', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '938ee22a3f9e771bd08ee7d092c002a9f989e289', class: "action" }, hAsync("slot", { key: '91a2a79c7964862a39764fdac8de1a6a1679d1ea', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -15940,10 +15956,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '43d93bf62ed3c3b091933da841d015662b158e50', class: {
+        return (hAsync("div", { key: '35bce1f47ba569cc34b6f4627b11c321f7ed7ee0', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '0eb7fa8f8e1f5853a16c85f8d9670c70d531f13a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'b89f2b93dfe5a510bf6acbdf30ce694ff1ac59dc', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: 'a9d84ec5096ae382828ee82ba75bd558b08d49ea', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: 'c4c9faf170e41dd8428464b8084ace48f8704d42', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'c5fe0ebd2197ed50b2b6313f3289f339782ee4af', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: '26fe2315b7915a46bd40fef5e5941fef008e980f', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15972,7 +15988,7 @@ class DuetRangeStepper {
     }; }
 }
 
-const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items .duet-scrollable-fade-overlay{position:absolute;bottom:0;z-index:250;display:block;width:10px;height:100%;pointer-events:none;transition:transform 300ms ease}:host .duet-scrollable-items .duet-scrollable-fade-overlay--hidden{display:none}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay{}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.left{left:calc(0px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.right{right:calc(0px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.left{left:calc(40px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.right{right:calc(40px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
+const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 var DuetScrollableStyle0 = duetScrollableCss;
 
 /**
@@ -16044,15 +16060,20 @@ class DuetScrollable {
     }
     /**
      * Check if scrolling is needed.
+     *
+     * @param element - The element to check.
+     * @param threshold - The threshold to allow content to be slightly wider before showing buttons.
+     *                    Defaults to half of the overlay width, since gradient is 10px wide with 50/50 split.
      */
-    checkScrollingNeeded(element = this.scrollPaneElement, threshold = 10) {
+    checkScrollingNeeded(element = this.scrollPaneElement, threshold = 5) {
+        var _a;
         if (!element) {
             return;
         }
-        const scrollPaneWidth = element.getBoundingClientRect().width;
-        const totalContentWidth = element.scrollWidth;
-        this.needsScrolling = totalContentWidth > scrollPaneWidth + threshold;
-        // Update scroll buttons whenever we check if scrolling is needed
+        const parentWidth = ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
+        const contentWidth = element.scrollWidth;
+        const overlayWidth = 10 * 2;
+        this.needsScrolling = contentWidth - overlayWidth > parentWidth + threshold;
         if (!this.needsScrolling) {
             this.scrollPaneAtStart = true;
             this.scrollPaneAtEnd = true;
@@ -16156,13 +16177,6 @@ class DuetScrollable {
         const last = this.getLastVisibleElement();
         this.scrollToElement(last + 1, "center");
     }
-    renderFadeOverlay(direction) {
-        return (hAsync("div", { class: {
-                "duet-scrollable-fade-overlay": true,
-                "duet-scrollable-fade-overlay--hidden": !this.needsScrolling,
-                [`${direction}`]: true,
-            } }));
-    }
     renderButton(direction) {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
         const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
@@ -16197,24 +16211,24 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b504fd4028c66cb3f252f2457231201e8637e39d', class: {
+        return (hAsync(Host, { key: 'b732f961598d764b333e1e33f7183bc0271da072', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'a0c7fefc5d30e27c1fae3999c2966a3fcad784ac', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'ac484092dc09d764722364df2ed0fc204f2ba34d', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '84516dfa33b911b6d44b4ebc4a6bdb50bb453ac5', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: 'fb5655a9fd34b75aad1058661758f82348a4a095', name: "collapse-button-label" })))), hAsync("div", { key: 'd1e2cb7e141339d16c3b751ac6038be0a0249756', class: {
+            } }, hAsync("duet-button", { key: '594ede3fc99d1a0c8170ce850ce792ba3fee61ee', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '539a24d8b56e8064d0d899256651139239d264e1', name: "collapse-button-label" })))), hAsync("div", { key: 'a09b5182e99e0632903c8d58983e19e63570700c', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), this.buttonPosition !== "absolute" && this.renderFadeOverlay("left"), hAsync("div", { key: '88ca7b1fee44baad88a375c3ce3c6771950676da', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: 'd5318b1e8e47d2ca46b65572ea718d8669e741cc', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '7897d6cc44537da418aab9644667129fdecef8b5' })), this.buttonPosition !== "absolute" && this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'c607b4e0e2d65674f157e2fdc6fdf890f95a77c0' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16261,13 +16275,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '880268957ee754272edd7e40e176726a591b2adb', class: {
+        return (hAsync(Host, { key: 'd1c577c30368c8ad2c3b87d2056cdb21191e586e', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '5e2b1ae22d53f082ba7e458fed1d1b83db828aa6', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '10978c202d2ad0170dbe560f21b6ba7fb1e05bab', class: {
+            } }, hAsync("div", { key: 'd5ef07dc367ad7b1bdb54634b8abe80a3ab42595', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'e35a1276a667969594305cec29efa7ca74d137a2', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: '153963d27cd28795bdc91750aeb4e6cc5a02f208', class: "duet-main" }, hAsync("slot", { key: 'fe61fac6c0e7a60b7d922c06151ab5da69c082da' }))))));
+            } }, hAsync("section", { key: '97aa517a43663077b98ef7eee06d7e28daac3545', class: "duet-main" }, hAsync("slot", { key: 'b9c7aaae5f0f41eaca7ca3fa8422038548991c13' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -16510,9 +16524,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: 'cd0b0f6d908af8e5c1788f66c005af3d54ec8686', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'ab56ab6af75d0a182f5a02ead485ffc9f4205ea4', class: {
+        return (hAsync(Host, { key: '4d2509d187900cd728bc7f487c0d5f6d6692fcf6', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '443432050b727b6c2b596eea74a7d991626f3588', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '7933b45865574df0185d2ee4913cba4744215d87', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '5ad7e042965e34bc68d5e6f277a4f222590e83cc', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '2b158b8d24e6803549c950f701fa1f304b2c5a21', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '84ceabbe108b85db331719cad4aa47ac16c52613', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -16620,12 +16634,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f2ae77fcd733d57404b733d43ffb049d3503ecd0' }, hAsync("div", { key: 'a0a01d9f4ef3065ced4d4de652969744e6e1e227', class: {
+        return (hAsync(Host, { key: 'f8b3a4bdc3bdb531b534fa738121b232385abd2f' }, hAsync("div", { key: '4286438cdd90fadc5a9a099d57a1f7ed405f4825', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '8b799e3b59a456e4873357daa72313f0d29bffcf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'e5e04fa045ab43f00086e8799f87ab2b57f0a13b', class: { "slotted-content": true } }, hAsync("slot", { key: 'ca94e5187354a6debb373955df2d046a9c9271a4' }))), hAsync("duet-button", { key: 'fc11f79ebc689843332bc829f108d62180fa62fe', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: '63e4d04789225b2ff7938e8e1156345b14b6633f' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: '3a4f4bedaa980b958342d306e431e6e8eea30b46', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '83db13f0dfda97263e0979963c35e3b8af89b8fa', class: { "slotted-content": true } }, hAsync("slot", { key: '4c7ac0dd5c6c92734c9fbb1b41292b1ab5b9b395' }))), hAsync("duet-button", { key: '8b5673ff853d9c7888ce2d6b532d01d99c85af43', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'caea15de13cce76f34b754a3a1dda49a6d17bb89' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -16907,9 +16921,11 @@ class DuetSlideout {
         };
         this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
         this.hasStickyHeaderSlot = false;
+        this.disconnectController = new AbortController();
+        this.eventListenerController = new AbortController();
         this.setOpenButton = (element, addClickListener = false) => {
-            if (this.openButton) {
-                this.openButton.removeEventListener("click", this.openButtonEventListener);
+            if (this.eventListenerController) {
+                this.eventListenerController.abort();
             }
             if (!element) {
                 this.openButton = undefined;
@@ -16920,17 +16936,23 @@ class DuetSlideout {
                 button.accessiblePopup = "true";
                 button.accessibleExpanded = false;
                 this.openButton = button;
-                if (addClickListener) {
-                    this.openButton.addEventListener("click", this.openButtonEventListener);
+                if (addClickListener && !this.disconnectController.signal.aborted) {
+                    this.eventListenerController = new AbortController();
+                    this.openButton.addEventListener("click", this.openButtonEventListener, {
+                        signal: this.eventListenerController.signal,
+                    });
                 }
             }
-            catch (_e) { }
+            catch (e) {
+                console.error(e);
+            }
         };
         this.setStickHeaderStyleMutations = (clean = false) => {
             const stickyHeaderTabGroups = this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');
             stickyHeaderTabGroups.forEach(tabGroup => {
                 tabGroup.style.position = clean ? null : "relative";
                 tabGroup.style.top = clean ? null : "1px";
+                tabGroup.switchLargeBreakpoint = "always";
             });
         };
         this.openButtonEventListener = (e) => {
@@ -17004,6 +17026,9 @@ class DuetSlideout {
         if (this.mutationObserver) {
             this.mutationObserver.disconnect();
         }
+        if (this.disconnectController) {
+            this.disconnectController.abort();
+        }
         this.setOpenButton(undefined);
         this.setStickHeaderStyleMutations(true);
     }
@@ -17111,16 +17136,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '6e5e82df416b1ecb00cff9f68a29958da62a20be' }, hAsync("div", { key: '6159dec7235283ca300ef58f479f6ffbf776a812', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '07e23e529d9fce358179aa7f5043ba60cc56709e', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '892d3a0b4d482032bcb690764a6e00b82a3795c3', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (hAsync(Host, { key: '8d5d42ea1b4ab27296f6b360c4fbb0d31836d039' }, hAsync("div", { key: '1cf8c2cb6f87e429e8c49b2ae55c2a247f5e8a1d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: 'b1f49d5e1da9b0ef48c21957d5b6da4a266c74e8', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'd4ef90d513a2a1970ce5cb9f3337e852785eb13a', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, hAsync(FocusGuard, { key: '69f48564aca2c2bcfb4162c4c68dc81253590a09', moveFocusTo: this.closeButton }), hAsync("div", { key: '20f6e5982ba1b1912490953fc6d942a2689ba368', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '1da38aeb57837d9e32cc5e1441e1b585fa94ffa7', class: "top" }, hAsync("button", { key: '99058f882152f721b179848e56b8730ac22505a7', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, hAsync(FocusGuard, { key: '68ea31fc1367cfffe651a11b7b61dc4fcb5b09fc', moveFocusTo: this.closeButton }), hAsync("div", { key: 'c7e01931fb3c9c1cb4c70bf364cf23ee94c64744', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '1461b0d0fe30eace62ef88fbffec48aa527f316f', class: "top" }, hAsync("button", { key: 'fb6c4634ce62407eda4b349b54cf4c0dffd3f9ad', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '46a02404e3c835245738669ce08b0f58bf5ff59b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'cc749c84e33bab659bbbdf87f05b3a886ee18880', class: "sticky-header" }, hAsync("slot", { key: 'f4ae41432a781d3e542fe7c4b7cf30d24cadc325', name: "sticky-header" }))), hAsync("div", { key: 'a8fb4902e1118fe7ebce133d5f07425c38c42ee0', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: 'bc09b7fdfe8c01b5e2ed9c28464ddb09fbb5cae3', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '27b33378e3c3e1fdd221acb6288540aa93633b74', class: "sticky-header" }, hAsync("slot", { key: '38d19fe1d2c6f74004b7e93a591c0c07a2edfad2', name: "sticky-header" }))), hAsync("div", { key: 'a92d3f23efe42d3fff113a6c0ef6205e90bd387c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '0316c27c324fbd1a18cb10793b6d07eb7d90cdd2' })), hAsync(FocusGuard, { key: 'b1f0f1f05d2d5e2db735ad8f96d51acc83c90b82', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'aa14239555307c1303b17929cfd48f44c9883cef' })), hAsync(FocusGuard, { key: '8d9f6812015a4184d5e5aa94f91d07491c826969', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17187,7 +17212,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: '7fdf56886b7eef7853a2390545e83b43e1aea17b' }, hAsync("div", { key: '95c15df38395b09803b5a48382950a07d5d8a6b1', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '5500047f8d4ae1a3d118abd0e0e850211212cc4a', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '906ac6c0864cf946423ed34875c4c122e0784113' }))));
+        return (hAsync(Host, { key: '31b6e57b23d0936cc4147741caf528521e1e82a1' }, hAsync("div", { key: '74b2d0ddf3a4a21c4d9368e9e7e00e6e223e78c6', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '1f6beba2dcad7302f4e3db4395435d7c5e39730d', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'ead217fcb33aeced035ef571dbe57de7857d0c84' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -17231,12 +17256,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'aa07296629d813134f481a3e1ebfb6d31951bc48' }, hAsync("a", { key: '56ae85701570dfa3ae4cae8f15fb395f9199776a', class: {
+        return (hAsync(Host, { key: '397e43c602bd3d9926d0649d5df37f30abc8e122' }, hAsync("a", { key: 'ea5609a4fd536e03d6563b21c05d9d15f024f996', class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '4872989601ff5a2c3ff458b53345292f358956a9', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '71fe6a89063381d1ec5d4a8d6960954660374bc0', class: "label" }, hAsync("span", { key: 'b9e2aca6c05cc945917f87d74b3f4c611814e8cb' }, hAsync("slot", { key: 'b917c1d51c62a2ab229c396f7afb3468c0b240e6' }), hAsync("slot", { key: '775dbc1e31d128b448b72e876f0f53609358c709', name: "description" })), this.caret && (hAsync("duet-icon", { key: '47c65d4e0cc5745e120730849beb97dcee30cb74', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'cd2858752a02bceda1dc86741a5a7588f4c04fc5', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'c0e8b4c5f08ff88b02749475f88ea49699c9f32e', class: "label" }, hAsync("span", { key: '6f32f8b54e0c9927ef11ea6feb0e9f41239f5826' }, hAsync("slot", { key: 'aa5b10e8ed48b56c94a4b92b8f4a4c04fd8751cd' }), hAsync("slot", { key: '3ccb1b5c03782d3df88ce40121c3848abbb7ed21', name: "description" })), this.caret && (hAsync("duet-icon", { key: '7761639943a89d708a9cdc554e8b464538154ab5', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -17396,23 +17421,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '4f6b906ea71b580ba0caff7862d79e685515e872' }, hAsync("div", { key: '5b9938129529e0abdbf3d61ca38814fef9cf5cf4', class: {
+        return (hAsync(Host, { key: '67ac4db2da51c270872cadbf5219233a9ff49cc4' }, hAsync("div", { key: '7d35e8a8d56f4508b42b4c9e49f891de410b25e5', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'bd4e836d9da0174031251e74c5d34db39f3f17c1', 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: {
+            } }, hAsync("button", { key: '632d47f161dee0f8454fbce8615efca79e6d2dff', 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 && (hAsync("div", { key: '5a365effdcebd66bbc8d75eeb39e1ee0191beeb4', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '29aba3ddbefd3d672a5363f7aab60c3991774dba', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '077cac4c7174dc6447fc47119aa490452761c496', class: "duet-slideout-badge" }))), hAsync("span", { key: '0e93520908b67a9e847ca2ab7423981677333d2c', class: "label" }, hAsync("span", { key: '39442d5e839c85757a0432fe11f969e578071a63', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '8d98e276788faa2763ba3fc54465330ee20b8ef7', name: "label" })), hAsync("duet-icon", { key: 'af4c4882cb21ce8308f00cb0092eabb3c5504ca9', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '71e6a873aebc6b069ed3b662f60e2836e88c0768', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '5b588bebc956c3f46b518419c6b9fd93fe213449', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '1c49b187b6e353af06e65edacac5c316b1fead11', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '1588137970e42a8fbe9144b56362777a655bf9ee', class: "duet-slideout-badge" }))), hAsync("span", { key: 'd1ebea539372c1e0721da0c98d47cd754ce9d112', class: "label" }, hAsync("span", { key: 'ebcd5893f37c3afd09acc0ea3f97b820ff698b89', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '6a87678f0894ca4c4fb7a93637574d97996f4f2e', name: "label" })), hAsync("duet-icon", { key: '08db52555e06b25a4fa86f2edec885fca3daef6a', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '572076d218ff5a3fb537618c6f8d1683b310254f', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: 'e569bb2925b05d5efb54f7b989866db66e7ffb18', moveFocusTo: this.closeButton }), hAsync("div", { key: 'aa65fd87af6069abde6bc75704d81908bd029711', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '575ac5a4587e6da02b5e2e25b0e20bb33682b146', class: "top" }, hAsync("button", { key: '4295a54970f66eafff8c3e4387601de695f42be4', 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 }, hAsync(FocusGuard, { key: 'b99c2c59baf028a14b46ace0840415246c59f0e0', moveFocusTo: this.closeButton }), hAsync("div", { key: '396411a19f66abbc40d87c6b9931359667bf81dd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '9e0dacf6865a2f4f1f629bd8da4d8d23755a1b80', class: "top" }, hAsync("button", { key: '90bc7c889a1bf16041e3ef77f7bb5da7c412553c', 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 }, hAsync("duet-icon", { key: 'c3f91ef9423ba10b7ac4d2629c5fb64cd5e08bd2', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '52032aa97cc19a95f91552a930cd889fe1b62b4d' }, this.label.innerHTML), hAsync("button", { key: 'b379d71da45ca0bd9fb9a314e3b9840309aec919', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'ffc2b05a5a751e180b6d8a214cfb1f35fc5a5870', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'f92511246cc63b6e8a66d5c3ea0ad967666a340c', class: "sticky-header" }, hAsync("slot", { key: 'bf6a0326ae3c93476614fe52837cfac964e4d46e', name: "sticky-header" }))), hAsync("div", { key: 'e95ca842f9bd2a732f74659b40f17c6afda7929f', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: 'b1e6ab3413e1547ea61bed770d8c1658b4026781', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '5ecc199ecd47e4f73837a0b259a4322fdaacde7a' }, this.label.innerHTML), hAsync("button", { key: '22ebfee56701b85b67709264e8106eb28ad57395', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '2ff8febe05142b416fee52661fc38cacc36f349c', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '3607f16e1cb18fcee43c049c30aba6a43da7a170', class: "sticky-header" }, hAsync("slot", { key: 'e68a32e67f1ea06768c77caa82e6e9176d15872a', name: "sticky-header" }))), hAsync("div", { key: '3c38a1b360d2a753a440a65d9db6d05589220eab', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: 'b37c65c7a43d6bcac92a2a183f4edf85883cbecf' })), hAsync(FocusGuard, { key: '1e6c58673a5953e5a75571909130bdebdc5a6de2', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '965461798b3a5abff5f298310af54746973d5c31' })), hAsync(FocusGuard, { key: '058d1fc766894b3778f2133b494a6f6b1dfe30be', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17482,16 +17507,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '15a51ee1392b5cfaf0faf892381a354e9c2ad7a8' }, hAsync("div", { key: '7a65752a7969698e0a6b9994dcc4c0d3eea60ede', class: {
+        return (hAsync(Host, { key: '3aeb0f6518e111df8282802e65d6c74348cd2367' }, hAsync("div", { key: '27a2c32674a4a98fad156142a9c5f07aaa47cab0', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '35ce652834bb7c5dfbf2b6211cfbfd2130c2e588', 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: {
+            } }, hAsync("button", { key: '9bade63cdca5e3cfbd83e984db86bda5e094008e', 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 && hAsync("duet-icon", { key: '963ee3c6c6d7ecc6c94a08afe16d3f5f9dafaa66', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'd4e56a5ba15d2d6cbe9dc2cd005b09d538fff5a1', class: "label" }, hAsync("slot", { key: '0264c8d9575e402e1bb0042a5d4603d7da816156', name: "label" }), hAsync("duet-icon", { key: 'd406ceffdb866733a623fd3000f88eed53984cef', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '28cf7810dd58248178981e491e918138cf3d2d58', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'a1257b1aadd2f1011526e05231fb994cbaf9ff44', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'ecadae30af9fdfe3397e3bbada78b23f9759f124', class: "label" }, hAsync("slot", { key: 'b1faf455a33bf5ad1fec780460f55c83b77d62d7', name: "label" }), hAsync("duet-icon", { key: '11597586080089822d868c152b6aae9155045b94', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'ffd5653ffd46ef59cceb9e61cd5ba59b6c2d54d0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '9c02645c7b1732774cfe05087e819acf382733e0' })))));
+            } }, hAsync("slot", { key: '46d294db4305ddf9f57bec16fb419eedae4898a0' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -17526,7 +17551,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2c46d1a310dd476d040392ebcda6643f1981d624', class: {
+        return (hAsync(Host, { key: 'aa2a7ac6bd334dc7d419d2dbe89da8b0961f64cf', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -17577,11 +17602,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: '16af92c8d2b1991913980843b6d2a8dcb8646d67', class: {
+        return (hAsync(Host, { key: '5d31dde5f546428f75226d820ca714fe74855a54', 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",
-            } }, hAsync("div", { key: 'e381215186c28e547272b8692f541cea84e0679f', class: {
+            } }, hAsync("div", { key: '99cefb1d1a1f4d2d6abc9c935e791036279c9911', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -17602,6 +17627,94 @@ class DuetSpinner {
     }; }
 }
 
+class DuetStatusIcon {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bg = {
+            default: {
+                default: "color_lt_blue_100",
+                success: "color_success_200",
+                warning: "color_warning_200",
+                danger: "color_danger_100",
+            },
+            strong: {
+                default: "color_lt_blue_600",
+                success: "color_success_700",
+                warning: "color_warning_500",
+                danger: "color_danger_600",
+            },
+        };
+        this.color = {
+            default: {
+                default: "color_lt_blue_700",
+                success: "color_success_800",
+                warning: "color_warning_800",
+                danger: "color_danger_700",
+            },
+            strong: {
+                default: "color_lt_blue_100",
+                success: "color_gray_lightest",
+                warning: "color_warning_900",
+                danger: "color_gray_lightest",
+            },
+        };
+        this.variation = "default";
+        this.size = "medium";
+        this.margin = "auto";
+        this.strong = false;
+    }
+    getBg() {
+        return tokens$1[this.bg[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getColor() {
+        return tokens$1[this.color[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getIcon() {
+        switch (this.variation) {
+            case "default":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>
+          <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>
+          </svg>`;
+            case "success":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>
+          </svg>`;
+            case "warning":
+            case "danger":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>
+          <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>
+          <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>
+          </svg>`;
+        }
+    }
+    render() {
+        return (hAsync(Host, { key: '513b3e143bc34d530eccc8a15767fa2badbbd9f6', class: {
+                [`duet-status-icon-${this.variation}`]: true,
+                "duet-strong-bg": this.strong,
+            } }, hAsync("duet-icon", { key: 'bdb984f064a33652090f67faf98f420d103fc960', icon: this.getIcon(), size: this.size, margin: this.margin })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "duet-status-icon",
+        "$members$": {
+            "variation": [1],
+            "size": [513],
+            "margin": [1],
+            "strong": [4]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["size", "size"]]
+    }; }
+}
+
 var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
 
 const duetStepCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step{padding:20px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.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\";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}";
@@ -17813,7 +17926,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9cd2e878ee57bb71fe5fbd410f88af372dc31cde', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'f97a9e7f94f0968bb70ed9def756541279783bc7', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'c6bc42ab6164ea260b6860c4c8350f8fecc83a2f', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'fa2a987f757693d3f287fc0707466d751d7fb8ba' }))));
+        return (hAsync(Host, { key: '22b196db710cbed3e8ad8b4dd0650c115a3f88d5', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'a0285f6474768b1dd10b9ed222a69f1d3bdcba88', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'bf50d57a713aa062329cc40685b7441e31dc892c', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'fb7bb222787bd590d30cce8f5619cc8c30c1f4b4' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17958,19 +18071,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '5a56d3033586978e79fc650f948ee3e654c74288' }, hAsync("nav", { key: 'f95152df380577251c94868a2b1a03b493482a77', class: {
+        return (hAsync(Host, { key: '36733ff35a676602cb5664783353722ac32a3f23' }, hAsync("nav", { key: '6c79e18ca14402ba9becc0611cad56215ee0d54d', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '5cfc4bfc97b1c462e6a504735808925e66d42018', 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 && (hAsync("button", { key: '54db29b81a8fd888ddf9094b92ad72d453c30270', 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 }, hAsync("span", { key: 'aaf7e9216f796c05bcd44131869c241ed6791dea', class: "label" }, hAsync("slot", { key: 'd98b04e45e3be67aac0d0ffdceb13f214ad24052', name: "label" }), hAsync("duet-icon", { key: 'd680597442edb82e4fbc8615a818684cbbc19488', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '3caf8786684e484dff8b20fbb4c273f33bfc7cbf', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: 'fd6fbc391f58b209fb675d1038043ab291ea8765', class: "label" }, hAsync("slot", { key: '26efb16331d21d400c0416df1c54c98fec07fd9c', name: "label" }), hAsync("duet-icon", { key: 'f383299770b09f13b0fc9c89c72b5a2ad495931d', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '71b7b2aefc7c9dbfb546df751e2ef5c5f420e440', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: '8b582ed198b49ed593b8dce4ab7ca5f1c7824d29', 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" }, hAsync("div", { key: '3680be7bd688b8448d76f25ed074cb26f00f1bf0', 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) }, hAsync("div", { key: 'e34b873658de23e4164810509a93ce533f6eb094', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '8f46f67375fad075efc56a28794c4706d85da4e1' }), hAsync("div", { key: 'af6a6337b995853fbc04e8f50d7248c1d0878e4e', class: "list-padding" }))), hAsync("duet-overlay", { key: 'ec26b0420f1eb4a93fa019cc24d22d3f160e7788', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'd3c022573601ad29c14074a42129b0fec8f8e7e7', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'ff8f80314ddf742307286285008a7b7b87e0311a' }), hAsync("div", { key: '4724caa14d11b92502ca9bbf81d83a1f169e0514', class: "list-padding" }))), hAsync("duet-overlay", { key: '96982d748408a3fc7db02df17eb9261732cae2f3', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18091,18 +18204,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '27c7987ace491bb1c392d343e7fb77964a8e01e6', role: "listitem" }, hAsync("div", { key: 'c81d2ea06dd9d7be974b8ce0afb38aec268083f2', class: {
+        return (hAsync(Host, { key: '6b5d2434a5a7d5afdfaf40e2134d1f02d2f8e222', role: "listitem" }, hAsync("div", { key: 'efe625a31b8e3fa67d845250f6802633a3e970d3', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: 'e5aa57571f004c86e1da8f35b31be84f85c9b795', 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: {
+            } }, hAsync("button", { key: '7b631206096ecd24fd7018850656a6ab3cf3f89b', 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 && (hAsync("duet-icon", { key: '28d03b6fd216ea81b1510b5c0af41df61b69610e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '388a6679345cd44d696d41dc027ec479ae0db473', class: "label" }, hAsync("span", { key: '88e6ce4a33c009e72e1258d35f1eddabbacc3654', class: "label-text" }, hAsync("slot", { key: '246e8f4033aa438782153691904e29a76450734c', name: "label" })), hAsync("duet-icon", { key: '932079ae3e397891f203e7e876afbc83bb1258de', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '2353d72ac49a26b83fe262e30dd443819169bc1d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '3c9030513cf42a8633d8359be8003179bd5913b6', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '66fc2c66e8e27bee53464ce406797f4c32ca3b5c', class: "label" }, hAsync("span", { key: 'a073565bff14d28d8cf5167eec655716e3e0e61e', class: "label-text" }, hAsync("slot", { key: '14f7ef42fc76a1363bb5e0eacf4eac6bbb080490', name: "label" })), hAsync("duet-icon", { key: '66884d73e81fa44ca37f1b3fe6d5d5dd02114ac6', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '16f20eb6a5a4f169b34bf32c8dbe1e3f401a97b9', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'c21a441648636df186c7440b2c12f248712aecae' })))));
+            } }, hAsync("slot", { key: '39e9087f187e2ed824ae75f02eea9894648c4bba' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -18154,12 +18267,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '60141679d4da6a7724aa40a2445f9453b89493f1' }, hAsync("a", { key: '7bcc708536db8a5bae64318ea75be58e8814a9ee', class: {
+        return (hAsync(Host, { key: '2e7a0b63fabe8ee0f29cd63e339241722cb0b915' }, hAsync("a", { key: 'c128f0afb1378b9587ee76a62d89bec957d0544b', 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 && hAsync("duet-icon", { key: '3154b1713b8ee0ecb9dde907cc87b59193051c67', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'b7e0771fb6af597db0aeab77c26b6f10ad5fd37f', class: "label-container" }, hAsync("span", { key: 'a2356f448e5634bc9a3e0151cb71adf812cc4135', class: "label" }, hAsync("slot", { key: '01ede3bc095dbb8c37a7d0d7506b59b844f005d2' })), this.caret && hAsync("duet-icon", { key: '57d6d0dee133a2a16ea63ee8dfe6707beb4a5231', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '1601244392f22c8232aba7daa7a473b711b695d4', 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 && hAsync("duet-icon", { key: '88e38d32863145821247bc1d66e48fdb304c64db', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'c2d61e88b734363598485cac9e84636edaa485d9', class: "label-container" }, hAsync("span", { key: 'c15270a7dc528c31fe81b0ac1c0730d1712aa273', class: "label" }, hAsync("slot", { key: 'd3dfc2c82e310183f2b613f55506ae8e661427af' })), this.caret && hAsync("duet-icon", { key: '7f4c469fb9066822bf2bf9d3086cc08734a84a4a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '90c5be1db9e0fb6684d0b8032326b9fd57547a72', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -18233,7 +18346,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: '422b60d03cfc581066bf2a651c455d9ef443b176', role: "listitem" }, hAsync(TagName, { key: '50b6aeb9f94871750adabb74239ea642f0667bc8', 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 && (hAsync("duet-icon", { key: '383cc30c4a1255e7f644a4f8274b238c06e59d34', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4a8d38ffde015d48649c9bfd6167c69e3b964146', class: "label" }, hAsync("span", { key: '713811bc3a97ccaccaceda79f199c53ae9fa33f5', class: "label-text" }, hAsync("slot", { key: '140d7d6c6bce716719347aa37b031c17ae3fb6d2' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '692f1e1e6582473a9c738f878be4a9dd58ce2d13', class: {
+        return (hAsync(Host, { key: '4d177e3c8fab0bac22778d0bb67cb96b3f16a04c', role: "listitem" }, hAsync(TagName, { key: 'b32f2c34e132612cfa2e2507478f514b83585c5e', 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 && (hAsync("duet-icon", { key: 'afa64cadf036d77b203ba09462da022116620c39', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '5163f1bbf922e02e2805a3270e3b25d987bc56c3', class: "label" }, hAsync("span", { key: 'd6da532a7b7d70b375e1be84446fb1dd7ba4c607', class: "label-text" }, hAsync("slot", { key: '2cde0560e036111ed9665d9186bf0d15b7132c78' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'f4f83f5ea741b517a630271ee5bf1ea10840f985', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -18294,7 +18407,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9e08c272ab8cc2dd9aafbdc95544134a516910fc', role: "listitem" }, hAsync("a", { key: '8db55a81215eb0842ea3f90d224cffb3edf37ddb', 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 && (hAsync("duet-icon", { key: 'd9189db67ff4c5a2b9d80c6ec4939f6628481bac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'bad512b87073b3f25cb22f9b72dee43d1a76b28c', class: "label" }, hAsync("slot", { key: '3afcf14180bccbbacf368d368673d863a9fdfc61' })))));
+        return (hAsync(Host, { key: '7a7d10e6e2c4118a911623476d672630f006784a', role: "listitem" }, hAsync("a", { key: '027009d3d9de4ce94d88b521e399c59538a56753', 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 && (hAsync("duet-icon", { key: 'da3c19c52745c356f2917b5796b79bbef53f8df5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'a325291a240a537079b1103e06e6ee130bd76e8d', class: "label" }, hAsync("slot", { key: '83d70266ae54f9bc2acfffc07a43f45c40010e66' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -18434,7 +18547,7 @@ class DuetTab {
     }; }
 }
 
-const duetTabGroupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:15px 28px 17px 28px;overflow:hidden;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
+const duetTabGroupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(98, 121, 138);border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(113, 118, 132)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(51, 5, 20)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(51, 5, 20);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
 var DuetTabGroupStyle0 = duetTabGroupCss;
 
 /**
@@ -18461,7 +18574,7 @@ class DuetTabGroup {
             }
             if (isTabKey(ev) && !isShiftTabKey(ev)) {
                 ev.preventDefault();
-                this.element.querySelector("duet-tab[selected]").setFocus();
+                this.element.querySelector(":scope > duet-tab[selected]").setFocus();
             }
             if (button) {
                 ev.preventDefault();
@@ -18511,6 +18624,7 @@ class DuetTabGroup {
         this.padding = "auto";
         this.setTabIndex = true;
         this.tabChangeConfirm = false;
+        this.switchLargeBreakpoint = "small";
     }
     /**
      * Component lifecycle events.
@@ -18628,30 +18742,32 @@ class DuetTabGroup {
         // TODO: get rid of plain-scrolling class, as we always scroll
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
+        const largeBreakpoint = `switch-large-at-${this.switchLargeBreakpoint ? this.switchLargeBreakpoint : "small"}`;
         const buttons = this.tabs.map((element, index) => (hAsync("button", { role: "tab", id: this.getButtonId(index), "aria-selected": element.selected ? "true" : "false", "aria-description": this.getAccessibleDescription(index), tabindex: element.selected ? "0" : "-1", part: `${this.identifier}-button ${element.selected ? `${this.identifier}-button--selected` : ""}`, type: "button", class: {
                 "duet-p-0": this.padding === "none",
                 "duet-tab-button": true,
                 "stackable-tab": this.variation === "checked" && this.tabs.length <= 3,
                 selected: element.selected,
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
+                [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (hAsync("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, hAsync("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, hAsync("p", null, element.label), hAsync("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), hAsync("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, hAsync("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (hAsync("div", { key: 'd44a264bf004343e9f82164c4901341d85dd77dc', class: {
+        return (hAsync("div", { key: '207a82ac69bc1e0dc240a920b5cc2c7a8ba9ab62', 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": true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'b96d7b205e288a166ab6a3be7eec9b4606270ad1', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '71e4268271d5193a1b9c7a8878ca9a3895f2d2d2', 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,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: this.variation === "default" ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: 'df29ecb045edeb7954209cbaf9ee5433e69a3881', class: {
+            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: 'd0671945a27f612e16f322d4b0a50e1f29ee50af', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: 'f917ae4a86513650ae87f9c7f1093bdaba852712' }))));
+            } }, hAsync("slot", { key: '90483c74164e3e6a6c9119dffbf9be6cfbd85853' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -18673,6 +18789,7 @@ class DuetTabGroup {
             "padding": [1],
             "setTabIndex": [4, "set-tab-index"],
             "tabChangeConfirm": [4, "tab-change-confirm"],
+            "switchLargeBreakpoint": [1, "switch-large-breakpoint"],
             "tabs": [32],
             "selected": [32],
             "openTab": [64],
@@ -18755,7 +18872,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'e378254253a226b9edcee4bd3a64283ad15673b2', class: {
+        return (hAsync(Host, { key: '26ab3b66d99bdff07554198125e8867b84051c9f', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -18764,7 +18881,7 @@ class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, hAsync("slot", { key: 'b338423743800018d8f1b19ae20ca8c0a4bd5c36' })));
+            } }, hAsync("slot", { key: '1df61c45d1faa92385e24949ff773ec71852e0a5' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19146,11 +19263,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '73a1a1a48a93a92a6f133b3e314538594905f0b3' }, hAsync("nav", { key: '1d5c122d89e33742f392eade29e07fba67a0c94d', class: {
+        return (hAsync(Host, { key: '562a3b82275cd77dc7f90d6c53776923965415e0' }, hAsync("nav", { key: '074728e56d1f75a560331c1a4a8f12cea3343aa8', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '009d685a22843ea975f1390f30c0e0f0d2b86cdc', class: "container" }, hAsync("div", { key: '38d682f6662b41dec2fd29e6a6ef58beff217d5f', class: "list", role: "list" }, hAsync("slot", { key: '490ffd492b38a3a3f61a7b0d5022edc90ca60cbd', name: "left" })), hAsync("div", { key: 'cd6a3ec4a6f8fcd6a88575893a58e4cc98d62728', class: "list", role: "list" }, hAsync("slot", { key: '2a02055c44765e717c1cba43c7c41d82f6ef6ea2', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f2379c6e218e998c32f8b8a808d3ba1a9fc0602c', class: "container" }, hAsync("div", { key: '6a7a09168fc5ad7f0b8fac5019fca192d800a4dc', class: "list", role: "list" }, hAsync("slot", { key: '45621a40c7ecdb2e834ea94b6e72eeb434113b8f', name: "left" })), hAsync("div", { key: '32c6e4b3e88e5a5226d9d6a33d93dfe16079335c', class: "list", role: "list" }, hAsync("slot", { key: '75e255dcc244d524f02921fc033d9e07789f8e00', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -19218,18 +19335,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'dae4918c82360d9da61fa1d20762123860af33d3', role: "listitem" }, hAsync("div", { key: '8f3edc8779f3fee050c5c725510a8536c8a255d0', class: {
+        return (hAsync(Host, { key: '8fbd3b46ad171ee7b574657c43ab4b407013d69d', role: "listitem" }, hAsync("div", { key: '165f7588d2a312cf1634787769dfbec7fb2fc9b0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: 'cd6b86c7556c3763f0b892e9dea91147727a7277', 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: {
+            } }, hAsync("button", { key: '294a5b99afacd0b5b60fd6401b137a9bb9d12ec0', 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 && (hAsync("duet-icon", { key: 'b4764264253075f8605b024099dc7c3a3dadb834', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'af3de973879ed184c4260dc2e73796a055b68793', class: "label" }, hAsync("slot", { key: '04d1eddf51a06bbf1577e26c247d7f4cf8a7f186', name: "label" }), hAsync("duet-icon", { key: '1a71a8f3df871d0b776f0c8774388ff9361c60fe', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '0efef11353d0f91d685e5515e4c1f29ec5ad6173', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '459f1498c922214c00c2ba2262c7ccd04667cb35', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '07a73618ab9564ed67182f485396666ac047f0e0', class: "label" }, hAsync("slot", { key: '58150ae58e28c2c5632aadfda2f448e7af2ec279', name: "label" }), hAsync("duet-icon", { key: 'eccfdad69e2d56ffc7758dcd76b080636b40bd6e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '3c9a55859599ac5c6588df392d5da459498aff39', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'ce8f9025a95a337ba2035d68060a644bc621bb8a' })))));
+            } }, hAsync("slot", { key: '29bd581d23c750855f88f5c86d47b9cac49085ff' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -19282,11 +19399,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '42a33532d4dd0b3e6e4bf2869dd22a781748ef15' }, hAsync("a", { key: 'a6012ec3add1d4cd1e4e02b13928f743cfddd43a', class: {
+        return (hAsync(Host, { key: '6d0acb25371f7ba29bd7d704652468fc8f468919' }, hAsync("a", { key: '57cb4cb5d070bffe6bec22b4e2cfe89c9ef60c42', 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 && hAsync("duet-icon", { key: '37a8b94728da8a7e0567053295df19e0b0b76896', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '030a9c1d1143302973f2588aa426a949df0ed3c8', class: "label" }, hAsync("slot", { key: '23aaf52fc62cf20248e88138fcc4fd780dbba8d0' })), this.active && (hAsync("duet-icon", { key: '23ed4c8db968d6f3ed6a25a0591bb157e93f5135', 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 && hAsync("duet-icon", { key: '2ea6d01bca873e3a404643caed491464eff38e79', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'c602605a04e30bca8cdfabbf6258fd9c96c2fc2f', class: "label" }, hAsync("slot", { key: 'b8c818584bb0bca390b299377a0a33c91770b3d1' })), this.active && (hAsync("duet-icon", { key: '59301d160c207f3b04992609b29c714c5add7361', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -19361,17 +19478,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'e0782009ac1abad8319168aa9e8b682bc15ead67', role: "listitem" }, hAsync(TagName, { key: '51cc267333667a6890a860864253ca7f9b0b6ef7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'fb158728efc0bdd81c51f1d460075fb44285a8a1', role: "listitem" }, hAsync(TagName, { key: '96916988666e74411d5cb7b047b6223e11b3c84e', 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 && (hAsync("div", { key: 'f1d7d394586be43d8e9713a4d2ab713c32a8cc2b', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '1c7f6a96fb5f8ecdd8cbb724e153509f29601e25', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '4bc879287df60720eae32b88bf0f1dd855d11ecc', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'aaaa897c0f2d1e094c797100b622e921e4762434' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '8d4bcd35f65ec3899d3c568f978426521b9a30a8', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'a20bef22ae5d20b2717cf5df267495eb32bd08eb', 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 && (hAsync("div", { key: 'e78b1d52ea395b96e1d08fd76fa8f79038d25165', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'd17013e6997e2b39349287e65497bb8d4c44ba21', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'a64289c5923a1bf0e7caac725c3c73b0774b2f37', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '9f998077db9c78e6a8e9638a45b93f77b93de320' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '09f85c3d0046e30b20f7f819f2bc7e21ef6b4b24', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '9794cce5544abb7000ab9e608aa44333b62c0495', 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 ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'd2f473835ff5183bd96a8e1c775b5fe866cad355', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'f6a86fcdb6f02444ced9aa44a346bbb61557cb80', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -19425,12 +19542,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'c0474aff0b8baba6eb146018d612c23236d18cf8', role: "listitem" }, hAsync("a", { key: '59afb14e71531de7cd605e7afaa754ad5dd9d4bd', class: {
+        return (hAsync(Host, { key: '258aa71d94e0e3959eef224ab891ceb4db3886ad', role: "listitem" }, hAsync("a", { key: 'e3557495157f9c6212582f47cf027f1f8389d7e9', 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 && (hAsync("duet-icon", { key: '6403402c9fa39bcd5c64c008393114ae37acb748', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'a507f84b3eabc3954eab980e01407b5de2e6a09f' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '28195a63fb2020c70155284152086fa6fd4be0a1', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '85fdc84a09716bf992dbb7325b9677ed74fec706' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -19687,12 +19804,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9e42fe5ece18df279fc2f1238b81ed751fcba6e3' }, hAsync("button", { key: '46f7d00f60e8a681f745e888c9dd4eebaae7cdf1', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: '2a4a781b1045443be8dca56d456bab9ff7d9cdc4' }, hAsync("button", { key: 'da62c139588718b4a57ff95d607cc65683219d20', 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,
-            } }, hAsync("svg", { key: 'fc76763237d9e982e4674d8bb638372e67949119', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '0fb1cf0c4d93b0cabd1330a217a84ef6af2c0851', 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" }), hAsync("circle", { key: '521e808bdf960d1aafd66f16c46aa0d59708f5eb', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '8292f492ecb67f52b30c7794ca3e7593621e90e4', 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 ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, hAsync("svg", { key: '9464bd42026038aa453d5035bb27519ebd90bae9', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fb7040dfd935553c00e6920989b23fc68fb296d5', 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" }), hAsync("circle", { key: 'ac6c40e508076470433d4ddff60250249e6667d6', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '4994c9b2523e6629b91505cb4aaa8d9a43b6aa9a', 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 ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipButtonStyle0; }
@@ -19760,11 +19877,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: 'b9e5af9b7d4981703d14528d730b3f98f1a43077' }, hAsync("div", { key: 'f87b14cc5a9c1e1f2814419de54dcf780ed9d4ca', class: {
+        return (hAsync(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, hAsync("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: '8821eb6b5943579e592de43d82ab88408d017a66', moveFocusTo: this.buttonEl }), hAsync("div", { key: '63237a369131153304c032842cf18b78e6131cf8', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '5d0b8cad1c781f6714472deb831930f0655ffb7d' })), hAsync("div", { key: 'bdca178c2801a3b4f4920e60c12271b3c1839413', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '60ff34f09aa3de7daa8886f657813e852b98c165', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '1b644babda9746b7af48a62c562276b37f4ce39d', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'eb2963986920179ea780b74cab029766f2a5fc19', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'c06b20ac17e644dd17aaba2176acb500ed430205' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '80cc95b8f7a39e8792736397fff46a6988e6d9c8', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), hAsync("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), hAsync("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -19872,14 +19989,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '727088b9a85be66d826cd9381de5f8d123861cd5', class: {
+        return (hAsync("div", { key: '422e3ef16e6442e5e64ddeb7cf159aba8480bb0c', 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,
-            } }, hAsync("div", { key: 'd47f6cd20617c0c772a16f52f7fd1d0b6539afb6', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: 'c51d083b38c433b1013f39e0a3090796ae5b0388' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '1268398435755fff9fa43abc2c5ffd748aa2ab41' }, hAsync("button", { key: '02822a01f20f55a95978e7a396624a18b86a663b', "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 } }, hAsync("duet-icon", { key: 'de0f600be8f32c6603d65d8a40fe5ffe25bf65f0', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '6d9aaf8a8630048c66ef52d6fd45f9122067f4e2' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'd3c9fd10adf089cc50f9187529a38c605b341b2d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '59bcb373997df5fccc7431f42a3b097f00fa3ba9', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '111104943aa5e4dc6a6a025bd20f07e06b6f7972', name: "additional" })))))));
+            } }, hAsync("div", { key: '2a123be4ba03f0ca7097365d9d28501f3e55dfb1', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '170a493490fc917470b22039d4d9205c4925ad48' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '398d11e06e1f271c565170e15ecb307741e1d9c5' }, hAsync("button", { key: 'ee94b64530befedfd2d8388fd4ad18d49f32e1f3', "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 } }, hAsync("duet-icon", { key: 'af7c543c625487955c4c06b3904ace9e0042bcc1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '4800b309084526993db20f4e98b9ecd45e6831d0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '7cd6e21a5665066901ea37827c47e5569bc9ff5e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'a8912419d82f6acb7eb4e8c4de5a3b083ab059cb', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '9de06515af6bd91e8b82b45e7dfec1ead9b8092d', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -20995,10 +21112,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: '34dabb707733d49a37d7665b2ce21dac3cb69b99', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '53da3e1d39ae3d0a72ea1e836ed84a7ed5505745', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '50da1a23f5016f0666627e8455e072cfa5b96ca7', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '6895fe8edf7ed8eec62bb4f141222ec699cbb00f', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '01b14bc9aef86e1044a9d4ebf56017068b10df4b', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '2c3b18a000bfeb370a6fc83a23fa5b534cd09b43', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '3b143bdded7b1feddd54867d6d4b2ed4e2d915cf', 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 && hAsync("slot", { key: '85599b8ce8e5b05c80c5c3e5276356c7324bdef3', name: "filefooter" }), hAsync("slot", { key: '425f33860900e6110a625c5c4c7da8bcc1313053', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '881d401f134a7e3c412cd1f01bed6117f96bbc19', margin: "none", size: "small" }, hAsync("div", { key: '5e498fd2880ec86684cf3da9690b139ad05fd97f', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'a05a45a3f7efc7d767db95eeb75a5da261b08edb', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '0d0ff9d5fad94af744e9632125af447fd7144fd0' }, hAsync("duet-spacer", { key: 'fed503af8f9301defa2f2d8f29385e28fa1a8716', size: "large" }), hAsync("duet-button", { key: '7a4f79bf0df839531c714f39202900a25d339612', 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 (hAsync(Host, { key: '7f8970727b44bee3669b221659dd1f5a72df4ee2', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '074fc7ec948f6d0ab5c89c7d2d3d3ec3358343f4', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '84797a77942534e80a641d8a2ce9badef0e77937', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '224610821155dae048fd126b8d517486fa6efd38', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '6d01352482dd687520dd26d8d7c0d3863b61d4a4', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '328346632314eb8a8d0ae41de9761a488fc0bc1c', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'cab1390fc0ff3a6eb197be8e7ea16d719c2b6dc4', 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 && hAsync("slot", { key: '26051e329900efc2b29e6d8ebb6b2f1184ec547c', name: "filefooter" }), hAsync("slot", { key: 'c9018b5e95065813d29ee08ce924794e1ee476ff', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '8fffcc2935df87ccfa5bd89d3df773b9810d2f63', margin: "none", size: "small" }, hAsync("div", { key: '17c320b6eeefbd2b5f047b77eb613aa4e912cbdb', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'ada6f8c46784788c5900ad5a6dddfebed8a70e39', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'f352401910296a33c56ef5bb2e3f0b7e4be0594a' }, hAsync("duet-spacer", { key: 'ae4ae0b0490a4e88dab0a7319fd2dde20f05e400', size: "large" }), hAsync("duet-button", { key: 'ded36c705e15f44936844d057962cb731d47941c', 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) && (hAsync(Fragment, { key: 'e649c65801873ad2a2bfa16b63b6f83249f0212b' }, hAsync("duet-spacer", { key: 'da7ebf591d35cf11d0ecbb52246bf3e84feb711d', size: "medium" }), hAsync("duet-alert", { key: 'e8fdb5af79535f54f65dcf0bebb0ffe5865dc699', 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)))), hAsync("duet-visually-hidden", { key: '145eb761bd1a288de31527f8cfd1006deb6c2f4d', "aria-hidden": "true" }, hAsync("input", { key: '38490151c6483827901990610b2a17ced63c27f6', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '385520d7dc48477cea039a0c71f1bcd5e1730cca' }, hAsync("duet-spacer", { key: '79ea5d94a4eda84e3f8328a2ac1e42890e0bbde2', size: "medium" }), hAsync("duet-alert", { key: '33e5de19e511439a04deeb8478e167558946c4a7', 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)))), hAsync("duet-visually-hidden", { key: '2fc08bb48c1f47113399c63fd1a81dcef85fc0cf', "aria-hidden": "true" }, hAsync("input", { key: '81268132202065717f2e21b1f8dc4ef3e2173394', 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,
@@ -21319,7 +21436,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b39f90588bbf94f860b3a3353f8cc7748d74df25', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: 'b61dbf75e645b8f17ae6a72bc9304d068d3218f2' }, this.statusMessage)));
+        return (hAsync(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21386,7 +21503,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '9d8249a9d87b3bf8168ccccde88d37a4b8041e9e' }, hAsync("duet-visually-hidden", { key: '533a54082210a7342e55fc3154e66427195462dd', "aria-hidden": "true" }, hAsync("input", { key: '741edfe15384ebdfbc41ab87896c6eeaa5619f82', ref: input => {
+        return (hAsync(Host, { key: '763537ba02066999a44d5b150b78e695137c94e3' }, hAsync("duet-visually-hidden", { key: '35d3f42318db029c6d554809ecf5ac14088ac89d', "aria-hidden": "true" }, hAsync("input", { key: '14ab29860cfe7da2b3c62da7649a73f6ca33c261', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -21498,9 +21615,9 @@ class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (hAsync("span", null, meta.badges.map(badgeText => (hAsync("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (hAsync("div", { key: '179fe6956ec8b8b935e73a289c0191de154768b4', class: {
+        return (hAsync("div", { key: '9a4a5dc0a101ccb013a41d6b87a8c9ed8b0e2d7b', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: 'b98fbb8879abe956b787710bd8988a535aece789', class: "item-categories" }, hAsync("duet-heading", { key: '39b4c46eda25dc1f5017f7b3ae4770437b91edc1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '05f123dc1a55f5938d0a008337f16b262412f431', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '0825080f168d051916cd4f278dd0f7be3e713a17', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '991a499e99a6df39b0f7895bdd3019acaa751c3a', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: 'ecdfc43a5217eb4b917c54c728c751d7457fc4b8', class: "item-categories" }, hAsync("duet-heading", { key: 'd8ebd5747f8a58146523c31cfe9a145fcaccb673', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '8cff3489a1f96f62170c2653c3b10bca450db5e2', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '45f4bbb20e7a4d1f6b3ba0022e54c01c4340a740', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '2e20dafc9e776166217d42e921c942344d61c26f', class: "item-actions" }, this.actions.map(actionItem => {
             return (hAsync("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) }));
         }))));
     }
@@ -21541,7 +21658,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a26d430acd67a8e002cbb5d4e10fc83664ea2fc9', class: "duet-visually-hidden" }, hAsync("slot", { key: '2a9832f540a371230bc15e334e7351ef06539a6c' })));
+        return (hAsync(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, hAsync("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }
@@ -21630,6 +21747,7 @@ registerComponents([
   DuetSlideoutPanelDropdown,
   DuetSpacer,
   DuetSpinner,
+  DuetStatusIcon,
   DuetStep,
   DuetStepper,
   DuetSubmenuBar,