@duetds/components 10.0.0-alpha.15 → 10.0.0-alpha.17

package/hydrate/index.js

@@ -3699,15 +3699,6 @@ const disconnectLanguageChangeObserver = (component) => {
     languageChangeTargets.delete(component);
 };
 
-const breakpointLarge = "62em";
-const breakpointMedium = "48em";
-const breakpointSmall = "36em";
-const breakpointXLarge = "64.0625em";
-const breakpointXSmall = "35.9375em";
-const breakpointXxLarge = "76.25em";
-const breakpointXxSmall = "22.5em";
-const breakpointXxxLarge = "106.25em";
-const breakpointXxxSmall = "20.5em";
 const colorBrandBlue = "rgb(0, 161, 212)";
 const colorBrandGrayTurva = "rgb(178, 180, 179)";
 const colorCategoryFamily = "rgb(11, 114, 136)";
@@ -3809,7 +3800,7 @@ const colorSuccess300 = "rgb(163, 229, 202)";
 const colorSuccess400 = "rgb(134, 215, 185)";
 const colorSuccess50 = "rgb(231, 248, 239)";
 const colorSuccess500 = "rgb(105, 196, 166)";
-const colorSuccess600 = "rgb(77, 171, 143)";
+const colorSuccess600 = "rgb(76, 164, 138)";
 const colorSuccess700 = "rgb(48, 131, 105)";
 const colorSuccess800 = "rgb(29, 106, 88)";
 const colorSuccess900 = "rgb(13, 71, 59)";
@@ -3847,7 +3838,7 @@ const colorWarning300 = "rgb(255, 217, 120)";
 const colorWarning400 = "rgb(255, 199, 79)";
 const colorWarning50 = "rgb(255, 247, 221)";
 const colorWarning500 = "rgb(247, 178, 40)";
-const colorWarning600 = "rgb(212, 151, 32)";
+const colorWarning600 = "rgb(196, 138, 23)";
 const colorWarning700 = "rgb(156, 110, 22)";
 const colorWarning800 = "rgb(126, 87, 16)";
 const colorWarning900 = "rgb(81, 55, 9)";
@@ -3958,15 +3949,6 @@ const zIndexToast = "500";
 
 var tokens$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    breakpointLarge: breakpointLarge,
-    breakpointMedium: breakpointMedium,
-    breakpointSmall: breakpointSmall,
-    breakpointXLarge: breakpointXLarge,
-    breakpointXSmall: breakpointXSmall,
-    breakpointXxLarge: breakpointXxLarge,
-    breakpointXxSmall: breakpointXxSmall,
-    breakpointXxxLarge: breakpointXxxLarge,
-    breakpointXxxSmall: breakpointXxxSmall,
     colorBrandBlue: colorBrandBlue,
     colorBrandGrayTurva: colorBrandGrayTurva,
     colorCategoryFamily: colorCategoryFamily,
@@ -4877,12 +4859,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: '33720282bd0de35b29a36d2c580eb0188adf3d2f', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'd130655704b79c828ca2a86964f51a88686b2770', class: {
+        return (hAsync(Host, { key: '8280e1b7d1da1da8e8c6f4bf10d53841039ba771', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '4124e65d41da4bdb15df9219501bdddbaed7ad65', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: 'bbfb3fa8216678fa644ff4844212cabd2c9ed0e2' }))));
+            } }, hAsync("slot", { key: '9129f55b1fd54b3c777b7bfc1a720d68db5585bd' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetBadgeCss; }
@@ -5125,14 +5107,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '599e50250a3ae11c1bd9a7b3e24b46856415f22e', role: "listitem" }, hAsync("div", { key: '74e570c307d43b15ad28e812c1486e861f5c9736', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '09e7700108b0d04c62c94e96921450c9913a9276', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'd19cfbc2d29d02b4edc4a9303310df963d54c6df', class: {
+        return (hAsync(Host, { key: 'd867ec0185f9a5e2e925be1efddd8dfa2945829b', role: "listitem" }, hAsync("div", { key: 'c3fe150b9ecf9fc2c2278944394e5fe0a5df4506', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '000db914644aa0d406c63b3191e88d8d33dbce08', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '1023930c7e75abef9e8d4022730cdeed9af9de5b', 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: 'b0d18e246fde69519ba5ea51753664a08ce9b303', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '5f18dd9000520ed4b043d15611a9fe94d865e05f', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: '665b9db50359932462e2fbd275fcbd49e007cb0a' })))));
+            hAsync("duet-icon", { key: '2031381868c9a03705d0736d2c8e75b320c4e702', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: '8e02b1c7a59ab76a35de742dc21c8b36335332d6', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: 'fd0e0b50ad886a7e4b7e94b22f1bfc917efa6266' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetBreadcrumbCss; }
@@ -5201,11 +5183,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: '397b164db61da7106aa116cee416d2a7966dac2e' }, hAsync("nav", { key: '9471413b54cbc51bf8725538c330cf03ce594573', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: '4f89195600ea952b60a848e995cc31c9a24af453' }, hAsync("nav", { key: 'a648bf39b2de1a8cf6346bcde7317a09296ebe4f', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: 'e04df9d0a1cf6e0bb876990e996f37b3328b71ae', class: "container" }, hAsync("div", { key: '32c67bedbfa28f62a5f8c10b1e4daf09c1dc9609', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '3f4a53fef82e8503c1be6edfdb91f437ce3650a3' })), hAsync("div", { key: 'dd4adc882813c448a8f658c6c2a112e60e142949', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '1df5a5c3f0cd6fa942c9997c1580c3f133ae4cb0', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: 'f4cb344919b55f4c0e7215290271b55561103cae', class: "container" }, hAsync("div", { key: '6a31bc6e86f4d588729c1bb551845c1a0aad95ff', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '8cde7379e0e2822af1c8315e7c7a1d01a16c58bd' })), hAsync("div", { key: 'e1ad97da093cb0bcc0aa0942fc482204a472fbde', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '77c7045c2acd3d078c95029d92f74a65bf4361e5', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetBreadcrumbsCss; }
@@ -5650,11 +5632,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: 'b86a6311f59fbe4646997af80e3807089cc1bf34' }, hAsync("div", { key: 'fdc8a9fdc5e84735fba0be5fc8a21df8583447ea', class: {
+        return (hAsync(Host, { key: '77f4b97756253eefe92849ec09d1af4e2fde7111' }, hAsync("div", { key: '2efc0706134c31c58d6acddfb662a5975db676d9', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: 'd0cc64e707015a973e0ec11d898baff2d8d9642f', class: "container" }, hAsync("duet-icon", { key: 'ff83dfdd3981e3f0f326e7c19fabab38e659d8b1', 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: 'ff5230d43e23910e83dfb82e062898139aa3c690' }, hAsync("slot", { key: 'e47145ff14177c98248916fbd5de3fd1c75c2d79' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '46022696e43142ef49c6078e012eafb35e2d1ae3', class: "author" }, hAsync("span", { key: 'dc1161f8285f9b812913e351503d655449706662' }, "\u2014 "), hAsync("slot", { key: '26815d22c1de15b140531a63afc665124fd5aeae', name: "author" })))))));
+            } }, hAsync("figure", { key: '685b89d0e50fbe5ce736db54dba68f298f546e71', class: "container" }, hAsync("duet-icon", { key: 'e0512d93f7b2299a79326b2ef5427691c4803e68', 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: 'ec7e6a48330ad517a538659cb4c9b1c74c85a95c' }, hAsync("slot", { key: 'db2adcba6bef6e6f98c454bc371af39d33227e8e' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'a5c9332eb796851371bb2391984cadefa5b54cbf', class: "author" }, hAsync("span", { key: '0f159bac62c6b5db7f1592c564ab927b7ff09618' }, "\u2014 "), hAsync("slot", { key: 'a7eeee307d46eda23ad6e79da2bad74eaa9dce7b', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetCalloutCss; }
@@ -6134,11 +6116,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: 'caecd120e1d9dbb58576c5418a9d366222e6b7fd', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '95b69ff51e73ee023546d841fd509112ed21e15f', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '719abe3397f62c6023cc005d17f2ce5936713c56', class: {
+        return (hAsync(Host, { key: '88ffa15a82fcec93b9baedb013b634a8e00aff38', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '17c8f1a44e4156703a6716833cadad6b98c82271', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'fbffcaa78451262d33d210f69bee8577c8b81df1', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: 'ca9c9665c861d60e53cdd25e81d7542b0dff68b3', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: 'd3e2df4b0bace60c72f9e39cd37c938e0b5f0231', class: "duet-checkmark" })))));
     }
     static get style() { return duetCheckmarkCss; }
     static get cmpMeta() { return {
@@ -6537,7 +6519,7 @@ function requireMessagingInfo () {
 var messagingInfoExports = requireMessagingInfo();
 var infoIcon = /*@__PURE__*/getDefaultExportFromCjs(messagingInfoExports);
 
-const duetChoiceCss = "*,*::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;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{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) !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}:host(.user-is-tabbing) .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:host(.user-is-tabbing) :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}:host(.user-is-tabbing) .duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle: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-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceradioinput]){position:absolute !important;width:100%;height:100%;opacity:0}";
+const duetChoiceCss = "*,*::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;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;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;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{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) !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}:host(.user-is-tabbing) .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:host(.user-is-tabbing) :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}:host(.user-is-tabbing) .duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle: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-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceinput]){position:absolute !important;width:100%;height:100%;opacity:0}";
 
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -6702,7 +6684,7 @@ class DuetChoice {
             radioInput.addEventListener("focus", this.onFocus);
             radioInput.addEventListener("blur", this.onBlur);
         };
-        this.radioInputSetUp = () => {
+        this.inputSetUp = () => {
             {
                 return;
             }
@@ -6809,9 +6791,7 @@ class DuetChoice {
         this.duetChoiceReady.emit();
     }
     componentDidRender() {
-        if (this.type === "radio") {
-            this.radioInputSetUp();
-        }
+        this.inputSetUp();
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
@@ -6923,8 +6903,7 @@ class DuetChoice {
      * Always the last one in the class.
      */
     render() {
-        const identifier = this.identifier || this.choiceId;
-        return (hAsync(Host, { key: '2385935f56409af878d4933b1e84c350b19daafb', class: {
+        return (hAsync(Host, { key: '3cd595ba657c1527c2f790fc1e1d162c63c912ca', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -6932,10 +6911,10 @@ class DuetChoice {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, hAsync("div", { key: '9c19914690930145cac464b797adce01fe763c6c', class: {
+            } }, hAsync("div", { key: '7acf5e8f9ba7dd5950ad6d218d2da20adb64b513', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: 'a56525d3fb70e37701992be0a1129c011351d278', class: {
+            } }, hAsync("div", { key: '473a2f20bdd827050e9a6006f71085ee73b2da7b', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -6944,16 +6923,16 @@ class DuetChoice {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (hAsync("input", { key: 'b98cea72e70073b59d9a6fbf34dbdc2694fe77e9', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), hAsync("slot", { key: '228e0b4039c2d5e45273a0e735fa6c5ccdd490b7', name: "choiceradioinput" }), hAsync("label", { key: '25f28ccf0ffb0b78918d7629aa41fbf901687c4c', class: {
+            } }, hAsync("slot", { key: '72cb91da3988022bd7f221986e16fb90610cc5f5', name: "choiceinput" }), hAsync("label", { key: '36619c729ed3cdad2272b5a4448cfd360069074b', class: {
                 "duet-choice-label": true,
                 "has-before-text": this.hasBeforeText,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && hAsync("slot", { key: '56df7aa71f30f33e0b660130596e5a309b7b82fd', name: "before-text" }), this.icon && (hAsync("div", { key: 'bc2577396833be4e34d2e0fe6b8bd4b1798fcf35', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: 'a2dcd37157771feff5ca4c838c517509f01d6dfc', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: 'b3a6ac80d999c22ca8f2c4fc6f2666c9fd6aa6c9', class: "duet-choice-card-text" }, hAsync("div", { key: '39cb1b12e03f2951bdbc02068a0781131fff838c' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: '80d0a0b0b3198f0ddcf51273d5c914fd26f21585' }, hAsync("duet-spacer", { key: '3015ad82720e7ef7c64d2bc50ea35fd223041fc7', size: "xx-small" }), hAsync("duet-caption", { key: '889a12b501d414ce842a0ab06d3f0dd88ffe98bb', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: '87d6fa98f96e893d859d4d06af37a5d5f1dbca03' }, hAsync("duet-spacer", { key: '72a04852cb2b50cc88285a4dc916b2799227a196', size: "xx-small" }), hAsync("slot", { key: 'a07048594addcc5f9e5f0fc4cb936520aa0863ed', name: "additional" })))), hAsync("div", { key: 'ff0b3d5bef6a254e3dbcc00ee972555bc5725b3d' }, hAsync("div", { key: '15c9a865aaab5e91893d61ddc7f1559f84cd80cf', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: '22f7d33671f12502b581ca76b7e0e4ea54255e5a', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: '8b5ab3efc97aea504c6bf1de13be5ebc0ba2d645', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && hAsync("slot", { key: 'ac1cf1b20636e148580edcddcd59647a967af71f', name: "before-text" }), this.icon && (hAsync("div", { key: 'ff24b7015eb15a19fc6fbbc8571f504eeaedeb9c', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: 'e918484b339f07a43fcb6d29b9e05d1f538c039f', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: '0b26a3a48e73784c5fbc6313e796a5c5bff6d095', class: "duet-choice-card-text" }, hAsync("div", { key: '4ff71e94dc64417f5eceea9c6b5b2564934e91a1' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: 'b5a9af3867e2fa6e9855b3eadcce9402f6ebf0a9' }, hAsync("duet-spacer", { key: 'bdca93dda657e78bfedf162ac260ee2958cfc706', size: "xx-small" }), hAsync("duet-caption", { key: 'bcc955a445b81584b183e12bf0635dc7ce50c9f6', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: 'f6466d09b9c933177ad99d78934c3ad4ea346f14' }, hAsync("duet-spacer", { key: '57c7d16263fd21d13125994e447cde914c808ad6', size: "xx-small" }), hAsync("slot", { key: 'e597e6d6a3d9daab59cf3409326768551c76ead1', name: "additional" })))), hAsync("div", { key: 'c14c337e3dacf67b9f65a0c1664d18a1e3843237' }, hAsync("div", { key: 'e4dda03f92c9927288f8b1a64280ffcd61218744', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: '7a2b4382dba7aca1719181b6195748ed8ed5e8be', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: '0bf2114a4ab8c6460d16b4b142c502cf3b4093fe', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, hAsync("div", { key: '8f1064a89123943b36232bc2ea912dd07e862a96', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: 'ef2cdd9020022d03d2c8e59bee75e33ddfb7af45', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: '9eb4fb261a1f9e95b49175f01317adad86b7df3b', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (hAsync("div", { class: this.getClassNames(), id: this.expandId }, hAsync("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, hAsync("div", { key: '1f66a70722f9096620b8cb7923ae4557b1e83261', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: '880807ed6905e1932917e1553fb9321ce00f4271', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: '576e9c8837ebac9641d9d6005c896013485be87f', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (hAsync("div", { class: this.getClassNames(), id: this.expandId }, hAsync("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, hAsync("span", { id: this.headerId }, hAsync("slot", { name: "header" })), this.hasInfo ? (hAsync("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, hAsync("span", null, hAsync("slot", { name: "info" })), hAsync("slot", null))) : (hAsync("span", { id: `${this.choiceId}-collapsible-content` }, hAsync("slot", null)))))) : null));
@@ -7169,14 +7148,14 @@ class DuetChoiceGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '967a67b10f45d108c5d7eb2d2ff250a4396695fd', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (hAsync(Host, { key: 'e82e4c8dc411376125ad3a052873f16bfb2aee79', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, hAsync("duet-fieldset", { key: '6f58bf64cc5ca2326e2595305e24f9932846c4a1', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'b4ea4ca439481dac9f3f771f440a95b8786ec5da', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '150cf49e738b7c3ea6af895e7de008ef4a4ad03e', name: "tooltip" }), hAsync("div", { key: 'a15d6d6ce5d5a8fa87af640b53e7ee614177065f', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '93df359f90c758766148ec0ca19a2f497cfd1c56' })))));
+            } }, hAsync("duet-fieldset", { key: '9dea3b114f5b6af80d39aabbe973b821cbc59051', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'de8d966ded35ca82771771241998ad64a5bf44b3', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '2beea00afd98d57255d2293379069d70dea127ac', name: "tooltip" }), hAsync("div", { key: '626bdfc6d8a6f66c019f2b679d48a97a5af77e02', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '14fb9577daec969fda2be480a635f8f52fa4239d' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -7228,15 +7207,6 @@ function requireActionArrowDownSmall () {
 var actionArrowDownSmallExports = requireActionArrowDownSmall();
 var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
 
-const breakpoint_large = "62em";
-const breakpoint_medium = "48em";
-const breakpoint_small = "36em";
-const breakpoint_x_large = "64.0625em";
-const breakpoint_x_small = "35.9375em";
-const breakpoint_xx_large = "76.25em";
-const breakpoint_xx_small = "22.5em";
-const breakpoint_xxx_large = "106.25em";
-const breakpoint_xxx_small = "20.5em";
 const color_brand_blue = "rgb(0, 161, 212)";
 const color_brand_gray_turva = "rgb(178, 180, 179)";
 const color_category_family = "rgb(11, 114, 136)";
@@ -7338,7 +7308,7 @@ const color_success_300 = "rgb(163, 229, 202)";
 const color_success_400 = "rgb(134, 215, 185)";
 const color_success_50 = "rgb(231, 248, 239)";
 const color_success_500 = "rgb(105, 196, 166)";
-const color_success_600 = "rgb(77, 171, 143)";
+const color_success_600 = "rgb(76, 164, 138)";
 const color_success_700 = "rgb(48, 131, 105)";
 const color_success_800 = "rgb(29, 106, 88)";
 const color_success_900 = "rgb(13, 71, 59)";
@@ -7376,7 +7346,7 @@ const color_warning_300 = "rgb(255, 217, 120)";
 const color_warning_400 = "rgb(255, 199, 79)";
 const color_warning_50 = "rgb(255, 247, 221)";
 const color_warning_500 = "rgb(247, 178, 40)";
-const color_warning_600 = "rgb(212, 151, 32)";
+const color_warning_600 = "rgb(196, 138, 23)";
 const color_warning_700 = "rgb(156, 110, 22)";
 const color_warning_800 = "rgb(126, 87, 16)";
 const color_warning_900 = "rgb(81, 55, 9)";
@@ -7485,15 +7455,6 @@ const z_index_spinner = "800";
 const z_index_sticky = "300";
 const z_index_toast = "500";
 var tokens = {
-	breakpoint_large: breakpoint_large,
-	breakpoint_medium: breakpoint_medium,
-	breakpoint_small: breakpoint_small,
-	breakpoint_x_large: breakpoint_x_large,
-	breakpoint_x_small: breakpoint_x_small,
-	breakpoint_xx_large: breakpoint_xx_large,
-	breakpoint_xx_small: breakpoint_xx_small,
-	breakpoint_xxx_large: breakpoint_xxx_large,
-	breakpoint_xxx_small: breakpoint_xxx_small,
 	color_brand_blue: color_brand_blue,
 	color_brand_gray_turva: color_brand_gray_turva,
 	color_category_family: color_category_family,
@@ -7745,15 +7706,6 @@ var tokens = {
 
 var tokens$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    breakpoint_large: breakpoint_large,
-    breakpoint_medium: breakpoint_medium,
-    breakpoint_small: breakpoint_small,
-    breakpoint_x_large: breakpoint_x_large,
-    breakpoint_x_small: breakpoint_x_small,
-    breakpoint_xx_large: breakpoint_xx_large,
-    breakpoint_xx_small: breakpoint_xx_small,
-    breakpoint_xxx_large: breakpoint_xxx_large,
-    breakpoint_xxx_small: breakpoint_xxx_small,
     color_brand_blue: color_brand_blue,
     color_brand_gray_turva: color_brand_gray_turva,
     color_category_family: color_category_family,
@@ -8158,7 +8110,7 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'c9d5a712bfb5b37c276871acd49f1f427115123c', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '66b546314cf88918517dac44746c8cd01f600777' }, hAsync("button", { key: '42d5229a2e076b434f18414c83c86b2000923a5b', class: {
+        return (hAsync(Host, { key: 'fe41abfdb21abc1fcd1f6d532cb59f60597ad22a', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '71f1cb941dc0d4a002b653f46ae68de6f9136e9f' }, hAsync("button", { key: 'c23e1f918a796a183d3b4541980bfe4d57e03fc9', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -8166,7 +8118,7 @@ class DuetCollapsible {
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "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: '2ea194820ac005ad8b7764d11b157f2852f508f1', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: '8858a6837ac03c2c7ca3d6d0710073a1ad3c1cf9', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '5f369d914ae01a0f79667e4ae2d50355bbf04e43', margin: "none", size: this.getEquivalentIconSize(), icon: arrowDownIcon.svg })), hAsync("div", { key: 'edd61cefab1acfa7a8b11cacb611521c49821f4b', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: 'afa02200acd4f871aaaa2b6b351af15c195f14b4', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '7c07f36202471bfad63252268d336c18d71ac88d', name: "after-heading" })))), this.caption && (hAsync("div", { key: '595b23e11232e4f90f973b88459231dfec2e0dbc', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '7cc446a7c23a2b6a044e256e18d5e1fbf14f4de2', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: 'cd2888df0b2d63a3787e678c4fec6e7698b1cb0b', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '643e40fc94d87cce2769b7930bd83514cb0b3d6f' }))));
+            }, 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: '1b7f11bcbb1e9894806433465088b4fa9cfe0df9', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: '2ebe50f38af8326dff42b2698c2156e602a13e31', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '8083a2ce335a218c7812efb574d8c780af69434e', margin: "none", size: this.getEquivalentIconSize(), icon: arrowDownIcon.svg })), hAsync("div", { key: '89e5be1c98ec483d8a16944495f6b2d31bb97e66', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '9ac908e2b7b01c61cf27fd1a10217170f758f0b9', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '47c4f5bf5e48daf1103cfe2de5ebeaa167ec0a3b', name: "after-heading" })))), this.caption && (hAsync("div", { key: '9a861895709d834c561698d78c638fdc654966d0', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '9c0ab5adc56725d54f348289ac8ce26015fb8d5b', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: 'aee2caf89e030e0e83b7b261b9d78b0e42a8a52d', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '654bc193c93877733e95bb3bdfb0ddf86acbcd22' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetCollapsibleCss; }
@@ -8825,10 +8777,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: 'b0c36badfe9ad51afdf85655fd60cf2d5aa3c1bc', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '91ae8f5dd2f9d51deec7b7d541815b174192d069', class: {
+        return (hAsync(Host, { key: '78bd915234bcfa97a73eed32576b54392082c888', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '8f1b46d880aced419eff6de8206b61b5a51465f3', 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: '2b1b6ce9bea2d827f70ac908db390e480c2ed4f4' }, this.name && (hAsync("duet-heading", { key: 'fc5f8996740e7be6f563d7aefdc4f2937922763a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '618c252939e12d7de69832fc38625825f7fcccf4', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '64cfcf022b32d7c26f329463f5d843c390b2e433', class: "email" }, hAsync("duet-icon", { key: 'b5736012fefed4c34d135ad282cda14b6353554b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '5c57b7ed447681f458af6cd668663b9d197a5d08', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '8c41242e1376c1f8afbcf0b1e7c2d414d7a85640', class: "phone" }, hAsync("duet-icon", { key: 'bccc433c5d267385f46ff318be7610fa84cde07a', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '49faa83e88a7feb9533717a08b451b2c9f6164f1', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'b4e5155d34f399665499a8f35eb47b9a02c450bc', class: "call-to-action" }, hAsync("duet-button", { key: 'f7ab7302ee6b77498628f954ab3553a1cfcd8a5c', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '6edc65ed13b8b80bef7a4e756c1a942752fd948e' }), hAsync("slot", { key: '13472a80b020da3fe1f095d21bc1a20fc8293a09' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '97d6e0a5329efa3eeca7033555a23e8cfe9876c7' }, this.name && (hAsync("duet-heading", { key: '6e7f2480dc7711949b0a0d3a462aa4e3e419073e', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '795a1b736cf12b5c1c3744cfad9a0ae1e128a624', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '900d614c8e71341c86561b28628117a79b33a378', class: "email" }, hAsync("duet-icon", { key: 'e4a97c7480e5b4f240b8920356a29e9dc8a04d9a', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '1510f2727626fa877270a1e7531a05f8e2ae4f95', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'be12c05585606b5b9b75b1cabdcc5cabd1cf52fe', class: "phone" }, hAsync("duet-icon", { key: 'b005ebcf884f77eaf8f8dae7d4799accc142a6c7', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '5b826b20073abf1192e5e80b37f0c33a4d3a738c', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '43e5645cdf94ed2b0f2f8541bffb3676eadf02da', class: "call-to-action" }, hAsync("duet-button", { key: '3d88750d6205532485c050c69bef3fef99cef284', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '0517188b86cd927776715606eaf484a11ebc70ac' }), hAsync("slot", { key: '75783e79504566cbb7fc195ffd9ce4874ee01844' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetContactCardCss; }
@@ -8900,7 +8852,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7f1d0e77b437c0a90e12d84b90c2d86275d95d08', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '184ab1737824523bbe4a3d28cc199ac71a8399e2', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '30308ee3c17efd96fa44b83a903cc7f2dc15fd3a', class: "duet-cookie-consent-content" }, hAsync("div", { key: '13f085c789a110337f5671838dc23530170d04f9', class: "expand" }, hAsync("slot", { key: 'e8843e785f16ba3c07eee6c30233704c6e6fd797' })), hAsync("duet-spacer", { key: '62b1b19746320ad0dce58e7779145d8d51d05f07', size: "large", direction: "horizontal" }), hAsync("div", { key: '8bc9f9453aae9af3d7c030c1a82db2af9ff97214' }, hAsync("duet-button", { key: '6cfd3b248cac054161f954fb1c90d29871c55e7e', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: '7921497a4e650f12844d8087fafe151a9d8540d7', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '8f9646d7f81988fc9b75788ed0de0065b60707b5', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'e93944b488a7e758bbf6ec55d5c0a742bbf0120c', class: "duet-cookie-consent-content" }, hAsync("div", { key: '113fd7c908b35e420fc0aa7cdb418633b18aa763', class: "expand" }, hAsync("slot", { key: '2983dc8cfbb0031c4fc0e9174aaf0228fd5b3fd6' })), hAsync("duet-spacer", { key: '5548894f44e7217869e00bc88b05abf07685ad59', size: "large", direction: "horizontal" }), hAsync("div", { key: '2722111a740170dd966f332ef0b0788f023b4152' }, hAsync("duet-button", { key: '07a3d59eede200239a4a3087decfc143ae86883b', 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 duetCookieConsentCss; }
@@ -9816,13 +9768,13 @@ class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (hAsync(Host, { key: '19c0a0a7ca3a67641f2e2fd47b1f66ef3942be00', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '4c0294d785d5fbfc00d0b19369c365e03ec540a1', class: "duet-date" }, hAsync(DatePickerInput, { key: '33285b02172cd08e881bbdb2fca5624b5a99f8cb', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || (!this.disableBuiltInErrors && this.internalValidityError) || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: '2c9407fdc22f7f3f9345bf342d606483806cf0e6', class: {
+        return (hAsync(Host, { key: 'cb9845ce610b07e9c3ee1eed878e8bc8ce018459', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '9136d8bd2bfa2fdcd56789cba998d54d6a663d00', class: "duet-date" }, hAsync(DatePickerInput, { key: 'd273a896ab5775b8f2de47d0408b512213731006', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || (!this.disableBuiltInErrors && this.internalValidityError) || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: 'ac93b73b4e207311461374c7fde8b550b7b5aea6', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: 'acfc613bbfb189023c734698aa31d8559adbcc7c', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '6a8197e6d5f96312d6f7c150ae5978334ee44af7', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: '16d4fd5169ce40f3bcd66805a28ed366891e88e7', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: 'eb26a4f9a803ce065946f742bdcb64db803a0b32', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '00ca0c13193e6443c4989582e3eb1f570fd3e113', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'd3a5c701a6f1d8c2a2a99194fe1152a76133c9c6', margin: "none" }, this.label), hAsync("button", { key: 'fb2a86e1f251a338a2cb6b4e30260995c485cced', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: '7ac51349e66f258160ecd1ca093c739555dbac8a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: 'd22d21a5ff614c658b83edb6631b893b8e9fefe4' }, text.closeLabel))), hAsync("div", { key: 'dafd3a931c7efed8c5d36996e306635e130e5cc4', class: "duet-date-dialog-header" }, hAsync("div", { key: '655b64aeb6eb804538da39d1540bd975dc0d42a8', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: 'ec0305c056c683a7e8cede20f22317e231b85bbd' }, hAsync("h2", { key: '82779b7ba7a438b467a21ecb2871f64b7bce6714', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '9f050f46de2be9dc3c1f9d6965eb72901ca12d67' }, hAsync("label", { key: '940dfb77c9440379d63297393a3cb7af96deba3e', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '5d5c3bb349257c8e43f6e63ce1e142b6c630519f', class: "duet-date-dialog-select" }, hAsync("select", { key: '74ef4df111f0793d17a3e4439fea8690f5c5169c', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: '894fdd48da75442d368a1101a5c4a8042b3cf418', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'b3b88e90b0e690f29dcd72937b36ca2a027177e6' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'd030fc66e0e0fdcda78f26d7a117ea252932be5a', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '83f4b90e3d44537cb079f91f911385931d43f89c' }, hAsync("label", { key: 'c2dfc3a34d2236e45726eff1523b22f22b532cfa', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '708dad74eb23709ac341e0bb60ca2960a2fc2131', class: "duet-date-dialog-select" }, hAsync("select", { key: 'ddda42ee0a550dac56dc85c5e96be637771b5f2e', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: 'ea037965dc2d924343aaac84ef2bd3afe3940b67', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '3c6bd199597d6635350ea348f90cf8d94f9c1121' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: 'cdd40b45f01e58dfdb1380aeef672632252c75a7', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: 'a23a3b6969f46d06bdbd80ce21adeeaa6705ad14', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '2140b1f39112967e325f84f505880e582eb5f5f7', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '00a9ecf746d5a43e4c7f6bc66a77d00cfcbfb800', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: 'ad33c40984a96557732fb910e1c640e6d09363e6', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: '117953981892ef42470c071ddbde955972a2461d', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: '5cdb9465322b0e94e00fa77e8dbdc49f7a3e3d80', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '424a6e5b1acf0fd1d186207cc918c49cd96f2c83', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: 'afa48891f98d6029638b28b6d262237aa6b74b87', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: 'd74b52c947c6e4ccf14c30005f22e2436dbc728d', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '546e84a8a3cbab555ee262759adfb2e77a08ecb5', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: '372d8064bf5a956b4bdc42ed975630c5a4619ebb', margin: "none" }, this.label), hAsync("button", { key: '1850243d9af86b20cd03b6ec9dd92f7ef13d91b1', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: '33861012c05b49081bd813e323d881855b86ac4c', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '39bae44b56d60c7117199763166ce097349c9866' }, text.closeLabel))), hAsync("div", { key: 'f0994f2a30581567406ad6a36a3c36d61d01c352', class: "duet-date-dialog-header" }, hAsync("div", { key: 'b8b380f3761394628127ccb41718b82fa4d1423c', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: 'ca290b58c995ae474a3b60fef19b38206807a20e' }, hAsync("h2", { key: '27f68c536215973cf1203bf3cee52de0443eff0c', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '29bd3976ea9734c02aae33721e181417c577bcc1' }, hAsync("label", { key: '8183aa79bdcb18a5a6f33447f628ea2a94fe275c', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '1860110277653760de4fabb7f23cf641457184bc', class: "duet-date-dialog-select" }, hAsync("select", { key: '10e94ebbfadcd6c97e20bf45754fcc3a73074bd2', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: 'deffc1742f3855666fa7ea3e9c94ec05c5244b15', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '250ffdb114542531c02de80fb9ac33583374783c' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'fa1f1e35fc0cf93572135a63d9749eb99a3ac640', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '9ad3ad9f5dcc139472cc205949140a0498d559f3' }, hAsync("label", { key: '1a6738bc37053cd0266f2660ddf8b0a211d71a4f', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: 'a46e74ba3f51a9909a1b93988e9c0ffa48c7a696', class: "duet-date-dialog-select" }, hAsync("select", { key: '01d3a4c7397d7a7702f15cbd6d354c085fb39213', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: '627ac82de8935938f75b3cdb8096db62a74346db', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'c4c5d67ab6aa7c3f1c116981bfc8b7569f3b0854' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '877b67f1ba519d2b988cd06796fce29a36c0d738', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '08b758011468574e5f1c3f497f332e4bc01b5682', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '38e273f78b20a59b586207480c884a4f554538da', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '412ccd58b096a8451a2371def3ca3f5fdc909c4f', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: '5599f98bd9f9385f58de71cfd2e33ff86fc23f62', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: 'e1a22b3aeff86d4bf76c92ccb46dca73c8171dcc', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9912,7 +9864,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '99327b6d34622f91cf6916aecf6b544075d53573', class: {
+        return (hAsync("div", { key: '0cfc7aa0e2e0373ee2a7feb0b3f8521a9e75024a', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -10150,7 +10102,7 @@ class DuetEditableTable {
      * Render Methods
      */
     render() {
-        return (hAsync(Host, { key: '05720c6ef38164df71b02c23fb45d3d84808c2ac', class: {
+        return (hAsync(Host, { key: '8843208bc3033836d4992fa39b8895d201b0cc0c', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -10160,7 +10112,7 @@ class DuetEditableTable {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("duet-table", { key: '52033d6f9c4e8ca460bacee6e2b8ea93da3b9eb8', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, hAsync("table", { key: '7f0689d1e576d5f0c5324715feaf21ce21c42e97', role: this.accessibleRole }, hAsync("caption", { key: '4e18555d5513dde6724a449d12030cc666937367' }, hAsync("slot", { key: 'df9bcd3bde75a2669a08eb2ff0c67720750e5450', name: "tcaption" })), hAsync("thead", { key: 'efbbe81840f6e9ae9e0cc91fee5653c43181f131' }, this.hasHeadSlotFirst && (hAsync("tr", { key: '36d1a860bf16229740501f3b076b02125d1b3d85' }, hAsync("td", { key: '24c22fca3cbfef4ab9e2582cf32bf967654b8b43', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: 'a02148a1d13dc8c3147b26da2f5aa84e3b359cdf', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: '7b7ab392f982f5f7ce4caa5e86f7a1062412aad2' }, hAsync("td", { key: 'cd739dea8b81f3290bb86d7e977fa83d124fdd03', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '068a9f86388a25ca00944d8e9ecfbed6cf0e2cfe', name: "thead-last" }))))), hAsync("tbody", { key: 'f65077b6dee57c962826c459ddb044d4230753c5' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: 'eceeface4ad0a0bbb15dc188a343291cef04ec72' }, hAsync("tr", { key: 'aff41dc81c24e09a03db4742bf6d51c17b8ce937' }, hAsync("td", { key: '5d332218393462356c02ca19ff9c3398fbeb89a7', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: 'b438187cfa67ef90452783e9522d106ecf9ab9d3', name: "tfoot" })))))))));
+            } }, hAsync("duet-table", { key: 'a96b91cf5f523bd7584fd52a3f0233bb28daca99', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, hAsync("table", { key: '0af7d2f3242cbd68212f536349b0de7cc06a279d', role: this.accessibleRole }, hAsync("caption", { key: '54e7d04365eb8855c031c4c385803ab339f47382' }, hAsync("slot", { key: '330e0d9c6f63983ed2d54c32a975a62af9080b8a', name: "tcaption" })), hAsync("thead", { key: '003a0121221f2d59ea40559b45f55c3aec335bad' }, this.hasHeadSlotFirst && (hAsync("tr", { key: 'd78fc59416b563c9a4a168aaf305de5dad903e53' }, hAsync("td", { key: '21500b5414292c5feb586bbd86e29aff58a157a1', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '3bc20b8a3d07a6221def7c94bc64a00dae566107', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: '6cb2a593c2e523c51f1de2792cfa5d28cc041301' }, hAsync("td", { key: 'afa248e39e5e299d8bb5af78be9df7faea611fca', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '4d68123c77f553836da5131e047f05ab08e28507', name: "thead-last" }))))), hAsync("tbody", { key: '4c337edba417fc276a13f75637b91221164c3401' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: 'ae504a3d61e87df35c552b9865ae21a13250fc8d' }, hAsync("tr", { key: 'be66adbb6e8ad76b2b3cd2f62a0ba124e3ca6bbe' }, hAsync("td", { key: '29203f8c85c9b35a6d76814d756b9292038f0828', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: 'd28b6ee53f359e5d59392afc349cfb124fc7928b', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetEditableTableCss; }
@@ -10218,11 +10170,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '53de43734389ae17bb5cbbc201ea8221411a074a' }, hAsync("div", { key: 'fea68b243812a88775a726280481b66fa1126920', class: {
+        return (hAsync(Host, { key: '42ce98ba51bb45f3b26014a4d9d34cd71b67ce0f' }, hAsync("div", { key: '20363fd83c17f98881cdbb247a52817519ce9e9a', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: '06f82828a03af6f565d8d9713da804c69142ed68', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '1f4ff8862530081a93e9ed5da5db580fc4a310d9' }, hAsync("slot", { key: '0b4a5d2aac8b20b27d08efea357960190a737507' })))));
+            } }, hAsync("duet-icon", { key: '4fb6273d566954b468bc21bdb2ffac67f8e2a68e', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '19fc1296d2bc80e4587d57dd959b993319f07af5' }, hAsync("slot", { key: '28c73eee2536662e74051a16fbe4cc213a705e9f' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetEmptyStateCss; }
@@ -10309,20 +10261,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9e4a9ff7d74613bea6b990e02cab3dda95d1bc29', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '0d2f9ce2abb491c86b96626eb8b18f67c670e362', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: '09f41525aaabbfb30340aa5241fb20a7bc6b0806', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'ac9a1142b5a3a192aed135a07caf920b5a438c30', "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: '21efccf6b5d46f88b5e4a51d38bbd18d4fd589c9', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'a16858293d2f51e994aedbd4b0f441bbf393144f' }, this.label), this.caption && hAsync("span", { key: 'fbe7a4e27bdf3db369f9f6c14f986636f4d39a65' }, this.caption)), hAsync("div", { key: 'a667139d2b8d4ad733841bed134a7b357f60d021', class: {
+            } }, hAsync("legend", { key: '7945f8159d200c00ffc7946e4e356848e85b16bb', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '20c90032f1ef6bd494414c118554d357d36c353e' }, this.label), this.caption && hAsync("span", { key: '73224ad003df1cfcbb5056dde4ca22a5ee913427' }, this.caption)), hAsync("div", { key: '81ee2c064d6a8a2359d2d00f880ccee0baa70a53', 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: 'd1021a4bd5514c04dcaee1c4c151c6eec97a5bfb', class: "duet-fieldset-label" }, hAsync("span", { key: 'f192357e8022922adb7c7cf20bf073a3c22b01c3', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '47077c1d1d056160f21ac765dcfe48c522b717de', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '37c022dfd21ea43490aa4b0c32bb0190c5190699', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '093069fd49d5d7eb1ca7a5459c76867f06e90452', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '2da1892b06792ac2ca1a222bb74de1e6b32edb01' }), hAsync("span", { key: 'f48a7aa3ec5ce24da463c28565353041f1eee7d1', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '9618d22dafc9c75594f480f55c8331ce5a03185f', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, hAsync("div", { key: '018fc88bbc93d9224f79dbab501db27f4c33a2b5', class: "duet-fieldset-label" }, hAsync("span", { key: 'b5b964f57f2651bb5af7660b556c977bbc1ba9d8', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '1e029beaaa5903acb90104794df43fa5eaa44a76', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '2201fdf4aaf5a842d3a0cc3fa86c346d88a72192', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: 'b0b26164cf598ea3cc39324fe3af2c61b4926fb6', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'a3e85cecaa317b61afeaf067687c4a964695b738' }), hAsync("span", { key: '0a00df3445dbba874ee8041894879d89c2e9ad2e', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '9849fd207ee7cb84b74efb847ab960f64c214252', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return duetFieldsetCss; }
@@ -10505,15 +10457,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '374b3e4cf00807da89a9742f3efdc2a4a0bc6b18', class: {
+        return (hAsync("footer", { key: '6a9b2dec97f5775a8ecb2da645922e90f8ab06ba', 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: 'c8e124344783908ff121070042054f4d0c7947f5', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '1bbdf39de923762fc2fbe73b6aec50ef7ad9d6f1', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '0dbe540d1dda56140ca5735822d8d37cb6e7bd49', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '0124aa7dc1baedc2a590b165a67be2a4360dcfe7', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: 'eb1a893372576296ccf12fee8831c525a2632eee', class: "footer-top-logo" }, hAsync("duet-logo", { key: '10de708506297ff9f3318912b81a2e8378c4270d', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: 'dc3946221202b4292f2e4fbc080178dca9ad73b1', class: "footer-top-right-container" }, hAsync("slot", { key: '1ad763eaac02a6c7fbccd51e2236259ba1450b07', name: "info" }), hAsync("div", { key: '54df55c2fc9dfdbaa774c841c3cd86f799684d81', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: 'c55c12461610f90daba502c13ab5cf9cf01b8ee3', class: "footer-top-logo" }, hAsync("duet-logo", { key: 'c4dfa09a93a0e426847a1f529e6a6970b069ccf4', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: 'abe19fae0d515319ebee88f71f206870ee96f178', class: "footer-top-right-container" }, hAsync("slot", { key: '90a7a56433c1e446db7e8c35f0a87bce4a228bce', name: "info" }), hAsync("div", { key: '8d2bcc7e1afb3f5d77d57177ca9b5bfca44ade4e', 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:"))
@@ -10523,7 +10475,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: 'ef58bb0c86abf7d7922468e818c1211aa0c1745f', name: "extra" }), hAsync("p", { key: 'da0032d001c78e0b1c4c574891959a2cc2217101', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'ff5f4090afdd2a8c1d563e4942c6d654d1f03c68', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'a2d153deab53043cc12006667388461b1ca0e502', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '58b63836a80f8b342a259661da05fe8e9f961809' }, 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: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '29df5df3e5b34d3c3329350878c3196ef7afe689', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: 'f767d58114a29b896ecc8a2441b668c8e1270bd4', name: "extra" }), hAsync("p", { key: 'cd3dd3c371e6df4eb646b4e28b8a6db19c6349dc', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'd428d0de3837723682699b6fabed60d005085b58', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'ab8c13d6dc56f89069de34e07ca275b5575a94fb', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '9e72265d1eb613a16d240fca13d46dc2dd588d9d' }, 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: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: 'bdf385c922269d8567d62d8ab03d17af00f2cc36', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10756,7 +10708,7 @@ class DuetGrid {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a96a1bf440fd47a96cfc14e5fc691edafa27574e', class: {
+        return (hAsync(Host, { key: '7f09db12c8cf9d5f36cbebef05dff742ff6d2291', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -10783,7 +10735,7 @@ class DuetGrid {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, hAsync("slot", { key: '5a7b12cbed77ea512381c1f6e4993c0328e9eaa1' })));
+            } }, hAsync("slot", { key: '5319add3e0a859e41f01a4a5e40433f662626ce7' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10865,7 +10817,7 @@ class DuetGridItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2fc30e0e614194e19f22715cc3844810febe0bcc', style: {
+        return (hAsync(Host, { key: 'e5c4e56b1b1cd83e1932aa79535f25d69c52eda6', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -10882,7 +10834,7 @@ class DuetGridItem {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, hAsync("slot", { key: 'a7a1e0383508ec291861887bc27d5c1544f6709c' })));
+            } }, hAsync("slot", { key: '96804cb5b3c7da4bc35d7e83d23f969189b55db7' })));
     }
     static get style() { return duetGridItemCss; }
     static get cmpMeta() { return {
@@ -11922,7 +11874,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: '2a16d1cb80380aed37b1ed878ec5dce7081a2bbf', class: {
+        return (hAsync(TagName, { key: 'ab8059451f595067017c1bd6f9143178dabcc853', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -11933,7 +11885,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '195a5b29f298c0abb79e37b308559cf65203c13c' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '33f7263794601ca98dc99215207bad0ced17de49' })));
     }
     get element() { return getElement(this); }
     static get style() { return duetHeadingCss; }
@@ -12199,7 +12151,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '051af9e8ff87f8209570c6dd9257de5ea50c5986', role: "region", class: {
+        return (hAsync("div", { key: 'f257142549f96ec7a2bc7b55d2a94db30255fda0', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -12217,17 +12169,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: 'd74399e2736c65fa5c331f7decdc13de8d85a25c', class: "background-area" }, hAsync("div", { key: 'c3ab0406ed5189dc36480eec098b1180cef4555b', class: "background-container" }, hAsync("div", { key: '7836cde98e5b7d28c6f63300e43da79a069c4cb4', class: "background" }, hAsync("img", { key: '2e07215032f4e8c2ca41ae103d5a59b719f217b9', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '558d8fb83cb8517bf6e7275e6767b92cca3e090c', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '63974f03ab39adc7cb1f298c57daca841f44a86d', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'a3512426048cb28feafde3b8162b0ab98f4e5e4c', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: 'd03ba08f4146945aade60ae2d09ba386efcd5a6e', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'bdf6fa5f4f6ce6108d43124f1e6dc6828969a883', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'a22a84329a59baca25ff588257615cf003a01447', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'e633d6972750e46466d74ab8afbafc9998ddcef0', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '7bbdd72250ec52ae0d5a73704f28481f34dc0d3f', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'c1cf456db49b332cd0b273a52e07e87434518501', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '45bcb7f97e17a47263d12cf6512b6054800ecffd', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: '5b98e7ff78daafcb725d677c79cf2a48d88e7770', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '6672c626af653a0646540a0b91d112faf00ac8dc', class: "background-area" }, hAsync("div", { key: 'e328d2b54ec89dd17c56f08fae318a20493934fa', class: "background" }, hAsync("div", { key: '403a2e7e97b0945e973e9e5ce533052bd6ae1343', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'aa133d6dded78d8b3117b2357493ac5b6e58dde8', class: "brand-shape" }), hAsync("div", { key: 'e14d0752f8a4757543431fbd4b64c4060b726d6b', class: "brand-shaped-image" }, hAsync("div", { key: 'e00348c041bfe9a7ee5e5b337b8a0b58b46a2c61', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '49d4b6800b987a7c51d0d5743f22a083e6aa969f', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '43cf47ded896c881725a8480fe9046d3bea20e79', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '95e00a5af9427014588bec7af512add5224a9142', class: "duet-hero-image-mask" }, hAsync("div", { key: 'dafd1600f759fc312dd7909b158a691b2be8cde9', class: "duet-hero-image-wrapper" }, hAsync("div", { key: 'f7880503086f2b661d64dc072faa437c7e20b691', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: 'bdcc2f62ecb5627b38b94be8ac69e0c000edb833', class: "duet-hero-back" }, hAsync("duet-button", { key: '7f15d289a07d963625625936534b122ff94583d7', 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: 'a0ba1d5fd6f3f34801d8414e83861224fd5e59ef', class: "background-area" }, hAsync("div", { key: '9a63de55091585f7b293848d95866486b5f6bea2', class: "background-container" }, hAsync("div", { key: '4d33ed0f59978f56e9125a39a1deb7f87bcee57f', class: "background" }, hAsync("img", { key: 'd7f5cc1eeb1bce111f0a88e58f920281da590b5d', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '0d3008474a17986da34f5ba31dc8be1564c82783', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '1b8f2936dd72a822d49a7233b565e8ea48ebdd2d', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '229b3c5552e4d81eafe28b94b5fcec63ee60670d', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '3b8e2aee66245f324c426c240143b96a99b8e9ca', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '7d5f3a207b65d18034fbec1d9f368b1f6ee99218', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '77ccfe53bf8deb878b44891a6d5c75f33189144d', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '5d6bd03904ac0d45359b892b1e726adf994bf3c4', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'bd0ad4df2ca91ed8d331bdb8edd03ea6969f0c91', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '72d4659196b1861f52fcf0f89e8de980d6bb0bf0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'a65fe28b15facb9ccd2b7e5efee8706563b6616b', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'b720cd36ac4d5ed3fc933a7cb1cbb1c568a624e8', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '0e15cd2a65dbe97bb5739fbfd750e08fbc22efc7', class: "background-area" }, hAsync("div", { key: '00ac94552b4d687692b3b4022e3e999bb142056f', class: "background" }, hAsync("div", { key: '6d8fa037c5bff6784c8365f7b80ae04c431f6a76', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '923fc35eec5ec58405f7aaf2ac7d2c2e3285fb4f', class: "brand-shape" }), hAsync("div", { key: '1cef468ea49ef89bb095d8d33d7af1133edfe110', class: "brand-shaped-image" }, hAsync("div", { key: '450b2f27e16145aa148bc9acbb2d2881de110013', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'cf4f3d1aa4f738b0122fad2ffec9bdf96c0bce67', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: 'f8a47ed4de939d4731214996232a125a8447eb57', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '39e087e5cc31c4e2a027f2c26176724895477056', class: "duet-hero-image-mask" }, hAsync("div", { key: '05a38f40913d646a60f91d200ef8e15c109ba99f', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '64a89962f4e3566ff396f9f16037952461f2b0d7', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '6d3d2474cadf286c387403671599e6538d3cf9b1', class: "duet-hero-back" }, hAsync("duet-button", { key: '4e77d833102623cf2b354537b6b9f87ab764eaa2', 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: '47bd6b88b0e4938dd1e6d2253342767e19c5c7f6', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '31e26daa652a47e39d72972318d7a81d443cb09c', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '67658b6cb31fe54822655e9d400165f57e49d31d', 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: '7f96caaa248f24083b37059a0e983037ecd38e99', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '004409f14222a1ed7654fe4dab2b80e5c9ae9dca', 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: 'ee79371586a566d2b703a955c5e71f4f41a15ff0', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '553948a8d5b1a5d29a00a59fb119f9f4ff76b04e', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'a100c36a09eaf5a12fd3aa8bcf91b061ae1233ce', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '0e39bf45dc2e948a54f81c83c2d730666332ee39', 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: '99e82cb3103207a8239d123f76a5ea704a96459e', 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: '6c01e13aa26a39cbd685e193b2a84e09e82580b5' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '5b47cc92274b4ed6834213ed96e124e9ce4a1562', 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: newWindowIcon.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: '8069d1d43db52a1ccc41bf283c4659c03761392b', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '9aadf0c2ee516c9f4f37a41e340b115fc539d99d', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '10b4c3254d59c69843c27095bef45950ea49fddd', 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: '68247fb226b12dd8e2141e2a7b8b63f8276ba8ac', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'a16fdad82bd4ebd4c6858ab4f5bd92122623b407', 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: '80b8ec3ec3dd54c2041bc2282c4676e0b4eb63a4', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'b4b6f35e0393cb5981c1f8f41be47866e21d7c13', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'de42a54944a83f5d8d18eafbc75a31852d8ba375', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '725ba3215c20f61dab481e4727ee64a2ba604fa4', 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: 'c87f70f6e3116d72fb5eb1041e2f5d698665c604', 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: '644f0119c10be1fb8b4c741703203307fac76fe7' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '35e6c2c19c28662be697b4fbfa701a8f1c930fb8', 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: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: '12a3db23e0d86fc371390065ad9085f197a50861', class: "duet-hero-image", style: styles }), hAsync("slot", { key: 'd0f7234248136d2ded56ac88d5c80d5644e56a70', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: '4e4b7dfb82883d5ff581b7f94abad8894222b241', class: "duet-hero-image", style: styles }), hAsync("slot", { key: 'd8ea8f05d57854169d1f991fc28f10735bff38ed', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12394,11 +12346,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: 'cf31c647893de38fbf76528f89e04a6ddf0c6aed', class: {
+        return (hAsync(Host, { key: 'ef5ffba76e3069a950075809eff85450dea82d04', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '4fd35914dddff28bc3173617b0658a62682d4710', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '9f1c51bd4b01d5bd8dcfb8a15aa3634d54fd98aa', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -12407,7 +12359,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: '7c643f42d59572d41c5a076bd94c3a56eaf5eac6', "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: '6da8f272d8e21cea75774cacdb2b6424af54e5a7', "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 {
@@ -13027,7 +12979,7 @@ class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (hAsync(Host, { key: 'b937912982c9ab26076a7a8ef6d92d86721f1e52', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: 'f2c5263ad8bdc5420c0a57bb0de0257172dce64a', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: 'fc9419ac20d284a2d74922a41f66e6457ce2f68d', class: {
+        return (hAsync(Host, { key: '2698c40b636f52bb2104c74a23ecd3925237c054', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: 'bebef7a5a7b57492709f43d983797ab2d529e58b', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: 'fc6a07da8c902900e1397d79ae1e859942a6f5b1', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -13041,7 +12993,7 @@ class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '42a3f546f411b3179ed4224d0c1847be2cb4bd17', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '50f07e14449aa88f4f8f67b5c21fb23c435b318c', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '9161fff80a689ae4fa7fa7bc4532fef2b48cf8c7', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '17c98bf119774ef6606bac7117cb0826215fcfda', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'df3c5e4b0ca4830cec0e0ace48520847688f79bc', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '9cc334f9c6d565a5ad325c9218c6a2e24a04444b', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '3d24e72417e5f1d4b744a37e9847f7e0dd5e387e', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '3d28cc9d073f283b5f58524a9cb274b61808aaeb', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && hAsync("slot", { key: 'a153bedd03fe832c4dbfc1911c3469872ef45425', name: "button-left" }), hAsync("input", Object.assign({ key: '6ef60b5b5ec7b53ec70114bf9cd75c354fe81c36', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, hAsync("div", { key: '687127884e9d9cd0e7ad8154ce6c0463fb8869f0', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '827c2edbdd377574a39ccb5c7c29896b6f714610', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'a9ece9536b308ac98eec27d357da3c33c3123516', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '4a75b1054494551f2056f54e6510769487e8c069', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: '9bb76c5948b33b1f7a631aa9dc8de48599852b27', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '7a99e9a28efe7d5d497d6ab9a35a9ebfdb27229b', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '9b75f9744d1ed4e373b76ac8ac39e86078085ea0', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '826f0a81b9e67c9729f91e80b9e63c367c0cb57b', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && hAsync("slot", { key: '9c6b58e34e2195b5a6bf4cd65b4abff5eeb63a7d', name: "button-left" }), hAsync("input", Object.assign({ key: 'ac9d982d0fde21d818cabfd0852a8c6f70a6eecb', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
                 "duet-input": true,
                 disabled: this.disabled,
                 "is-number": this.component === "number",
@@ -13049,16 +13001,16 @@ class DuetInput {
                 "after-chip": this.getAllChips().length > 0,
                 "align-right": this.inputAlign === "right",
                 [`input-padding-${this.inputPadding}`]: true,
-            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '2febfb7a160144de44956c244f4a9b68bd8019c5', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'bfec761a97f3aaa0a686027b295f1004635db337', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'af719d50bdfcd0f64569c4eb30796459eb44bb5c', class: {
+            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: 'd7ea6c3427b3322bca19315c2e53cccfc7c18720', class: "duet-input-icon" }, hAsync("duet-icon", { key: '61c4fd1949006b451107d30ae3fd28d64cb190e6', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'def3271d3fdac203a5207bae75ddd98e2b5e9468', class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
                 "duet-input-clear-icon-double": !!this.icon,
                 "duet-input-clear-icon-button": this.variation === "button",
-            } }, hAsync("button", { key: '838437d0b8b188588ab1558d6a34ee98636d5a8d', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '3240da9554ebf6e137633150f2972897332f6495', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: 'b7b0ce4e05eec8781853240aea367573972f9ed6', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'b81c5d03104501cc350e3af386d015858c405c02', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '5dda63abcbd0bc5be78807425d854c41966d6888', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '4230c0b32da5a67b3fde47eab431e67502d60a57', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
+            } }, hAsync("button", { key: '17de740b399371c65036dca103bfc4c886308390', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '2655b6148930c0af787b741eb20a44b8b34759a2', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '269f9dbfab80af2cdb9bdf0d64244da2020c9fa2', class: "duet-input-icon" }, hAsync("duet-icon", { key: '1ad17408d82b564de7a5645e75419a93757200e3', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '70516ac151effecf5b422a4a3de2d1dcd19023da', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '7853ad3332cbfdc7c24e84c434e6bf5a0a82f39c', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
                 ? this.hidePasswordLabel[this.language]
-                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: '593e447fb4af422316fff12d8e9939966da7b8e8' }, hAsync("span", { key: 'ed57b0cad434c886f7c7d7a063b969af82416ebd', "aria-live": "polite" }, this.isPasswordRevealed
+                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: 'b7be6ea65925eab1669e05244a2429ccf34aaada' }, hAsync("span", { key: 'cd0074837e59dc04d600b7feae1d4169d7ee29ae', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: 'ec680b8b37c4d6250f301b4096ab116ba54fe85a' })), hAsync("span", { key: '783f6d604b62e5a86f263fe1f784dc20e3062415', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '6d971f74c62bce4bb3594fe7e69682e82d3aeab2', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: 'a22cf48a6d4f750ed4746a5b7d9e3079398e7231' })), hAsync("span", { key: 'aafc2df53796f2c27847eca31e88de3e35e5adca', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '13e297b0f5d148ae9b92b177db23c0ca3728c7ac', class: "duet-input-error" }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -13264,24 +13216,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '53712da1e22dc258d30906570bf1271624379ed8', class: {
+        return (hAsync(Host, { key: 'c039d55e4dc7a84e97ea192f0c4688e027113735', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '80dc2f3b86a02c22c7aebd8802bd332154c4a273', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '9f3f4c713d5b921ad78480072e3dcea4d4867d04', class: {
+            } }, hAsync("div", { key: 'e326f1c742928c4d6bd5cfb4253bb7aea68000eb', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '6962ea52e7f3f4fb88d3c01d045bc443855a2a85', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '7cd44f76b96b5e2bd6033cc044f08e75a10760ed', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '7743f1fe659f31925b27a85a970e934506b935e7', name: "top" })))), hAsync("div", { key: '637a68f8376e073f146c63f2c866b6f52722577e', class: {
+            } }, hAsync("div", { key: '0a290a62602c61876e07a2c51631b60cde5c6732', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '9e0e0f7a71f96956c6bab87289472b221cc6fb82', name: "top" })))), hAsync("div", { key: '27243ae09de6542e2e71fc1d9df39d2af3c554e2', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: 'f6b2682dfb675be08976b23a485cf1a7ad76de0c', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '9ec618959d54d768b880f95e05df0e5aaf76de75', name: "page-heading" }), hAsync("slot", { key: 'b3c960b48d55fb863854fc34e126b1a143b3d194', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '68671aab139ba365d60284909e489a78bd7438d3', class: "duet-sidebar" }, hAsync("div", { key: '60a53e1fa61ccec8fa2b85f20b475c52e016b963', class: {
+            } }, hAsync("main", { key: 'ed6b4fa855141ee48f2cddec01fff1e8d6432fe9', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '7f88c6e8b5f8b8a3e66567d7da01ef3f07aaaaf6', name: "page-heading" }), hAsync("slot", { key: '9d4c9f990275b90dac6877f5cb933cbb66eac05c', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '0f858e4431d899f53b021f0ebffc8c5ac3798570', class: "duet-sidebar" }, hAsync("div", { key: '972538dd68d2fc1c181ea318d790b914b7595f4c', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: 'a6131a1af98bb5cf2c6c808b15cea9e6996143f3', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: '02a409b43bc86078406f80ee2b2f03159115b41a', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetLayoutCss; }
@@ -13512,10 +13464,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '9b5ddb9b2e1f50ad027c842e6f719fecc2075dd1', class: {
+        return (hAsync(Host, { key: '96c3d3dbc2c4443ebe7115e15d0ea728a67298a3', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: 'e34136c8ef71a3ddea69837a0252c5f7daf67f33', href: this.url, class: {
+            } }, hAsync(Tag, { key: '1c062cb714f94d26e0f432ae48ae8bf6a41adf94', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -13669,7 +13621,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: '82930dea1fe1193f295b5888ed5f06a85693faaa', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '44602efe41782f5dc0221b0fe2dd2ac6dc905ae3' })));
+        return (hAsync("dl", { key: '052db668e7054a16f24d65594ef92c4c298f4551', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: 'd23d4564a79d36010fadd74de603023cfd189759' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -13728,14 +13680,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ea57f0d2a2803d9f9f0f178c784b26532b94ff2e', class: {
+        return (hAsync(Host, { key: '6228d7324189cb32bb004fa43ea7eae180a8a786', 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: '06fdc40c1a205aa3ff2cff0427e42f5d2df4296b' }, hAsync("slot", { key: 'fa97ca272f09a94d00a0301c7fb56420b6939c90', name: "label" })), hAsync("dd", { key: '464b077e52879084b3b5406e43e7dc449b0c2344' }, hAsync("slot", { key: '9a6232fd2b40641c2a0a25f72df72072e4a2671b', name: "value" }))));
+            } }, hAsync("dt", { key: 'e147932f0b959b7f62d0e4ddcf7e37ac9c27925d' }, hAsync("slot", { key: '11f427c40cb89be3422701eab1ddb2f2d947a7ab', name: "label" })), hAsync("dd", { key: '8f255e645eae50c40bf933635d5a544d0255b1d9' }, hAsync("slot", { key: '99c80d00798e9711346d86a9842127a30fb25d8c', name: "value" }))));
     }
     static get style() { return duetListItemCss; }
     static get cmpMeta() { return {
@@ -13853,7 +13805,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: '1908da4cc561ca347e983052f2b3e062d16d00db', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '8e459889882f39c5e7b5aff75bbde8de1a778bae', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: '45aadc48c1486983e2e7fb1ab40ed4dec5538805', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '0b8ef04de15bd3ec00a0882a33c657191710723c', 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",
@@ -14044,14 +13996,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: '349581a9e41fcb410d37770ed09d2311de7d38a5' }, hAsync("nav", { key: '96ed53773cd355d673a2b3977b40286d67985810', class: {
+        return (hAsync(Host, { key: '21fc312d35aaa7deb3f4158b0b6d5bf61e90c5df' }, hAsync("nav", { key: '9fa69bcebbba04c2ed12cf254e9452d76c5ac1f3', 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: '93a3b7f680dfc2f998274c56a380e29332b24f90', class: "top" }), hAsync("div", { key: 'a8d14b711a83aee7ea63fa39f5be9d6d61929a37', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '306ad41f64eaecd20cc98bbe2b9d490912c6820c' }, hAsync("duet-logo", { key: '5a91055e192e1214c7bd921c2ff300510594c47b', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '7fea1e39256f5847358f2533607ac26f53fc35d3', class: "list center", role: "list" }, hAsync("div", { key: '4c953fc8762eadafb6e4a41534676021e4fb0675', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'ee961cf16f11a62fdef74f7ab57cf4bf653ba8ab', name: "center" }), hAsync("div", { key: '1f66cfd1c1fea5f9c1764ff8b3a697c0459a653b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '3d7cb50a008c1ce893a3ad504b186dbb3965a130', class: "list right", role: "list" }, hAsync("slot", { key: '7ff47fae8ea6f7d49fcfe5e53d43491994741f26', name: "right" }))), hAsync("div", { key: '8bc982c15ce030ae88966fe1646914b6bf295960', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '4566523b16eab120b9f619b747193fe9e137e82f', class: "top" }), hAsync("div", { key: 'd411603d91e00213cec5c9f80d352ec4c3364d5a', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '84871b19397758ab1283208e1cda3cc0a8c35f9b' }, hAsync("duet-logo", { key: '8eb00c572b3d97891b54ad3a0b896933f616dd7b', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '7b7e356b1b733d9a873dc843071491bfd9b8cbaa', class: "list center", role: "list" }, hAsync("div", { key: '413672e655afea426497dea6f1034ecd2ec2c0f6', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '6caad3db53aa0ae9dcf20bb99bf359a6b849e13e', name: "center" }), hAsync("div", { key: 'aebd2a3d449bd576f90711455378ed4d485d3aee', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '6030dc0c9e9f65628e56b7311b56adf93e8e5adf', class: "list right", role: "list" }, hAsync("slot", { key: '21d2c8706ce2ecf7694465f7213655d912be612a', name: "right" }))), hAsync("div", { key: '22889d929f8602111932ef87ff8b59f532b4b84f', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetMenuBarCss; }
@@ -14128,10 +14080,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '38bfc8b020483ea1619da061faa8b650c887667d', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'ce2dd048048dfe5b93679eb8e76df1d0c9535f95', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '085f63615e169161d94273a5ebb8457c0ef8b574', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'd9f64e080eeda17b52ab4cdc11773adf2bcd0e03', 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: '15757e0e80d1d038485ec36bce95ff4c4fae05e5', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '3d80006b8f95eea5f830a456b9a986490875d8af' }))));
+            }, "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: 'f14da12f511351637fe52aff31363db154b9e62e', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'ca337a673ab234876c6b0e61f3ded80b6cb2c7b6' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetMenuBarButtonCss; }
@@ -14221,17 +14173,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a43589ddb7b2a061c18b414dd65bc3f51f285711', role: "listitem" }, hAsync("div", { key: '2f223f45a89ef906763f8a3bf92b860162f31e4e', class: {
+        return (hAsync(Host, { key: 'e4985d7e63aed9ba26fedc96395c66a0e67aee76', role: "listitem" }, hAsync("div", { key: '9f80d9cec1249a51e952032e4a350c5377e2eade', 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: '99e5e3ad6be32480a2c94ce50ab71b6d66fca5f5', 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: 'b390dffa1885e3116648cb774a736ff420d76f0b', 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: '0992e1d334008b2020283e401bfe79e8ca9b9cdd', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'e5891bffb51f49298f04019e573ff265a9c94630', class: "label" }, hAsync("slot", { key: '68f31e63dac8f239d931e44b2ae703656380008b', name: "label" }), hAsync("duet-icon", { key: '8b3eef3e47c1008ad65b4dc26ac82a360fca2c60', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'e6f60f826a36ee47b41d1be994b2aa51606a7232', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '57d9edd51aad66492f017ad695bc4c66639d6ab2', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '8fca31ecedd2ac2d0faff7e3b48bcb452ce9dca4', class: "label" }, hAsync("slot", { key: '72e9f76523fadea00ed9004adaa60706155b9db7', name: "label" }), hAsync("duet-icon", { key: 'e60f3b288e0fb57a504787184708a098f634faf5', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '5b1cda07948a8bcaefa7606c45fb44e1dc2147a8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '81c31db440ca83dd6207e4d3ebfa9c1ef585babe' })))));
+            } }, hAsync("slot", { key: '0e4b5df92ec2cbe32e68c68a9a7560ee5c9b4a94' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetMenuBarDropdownCss; }
@@ -14251,7 +14203,7 @@ class DuetMenuBarDropdown {
     }; }
 }
 
-const duetMenuBarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 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;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.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-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}";
+const duetMenuBarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 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;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown-link.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-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}";
 
 class DuetMenuBarDropdownLink {
     constructor(hostRef) {
@@ -14298,11 +14250,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3b1594a79e3d1fe88e179e683df893d3e83c407e' }, hAsync("a", { key: '10724f053d791def92e9fe21773b4a65f20926de', class: {
+        return (hAsync(Host, { key: '70ecf3f954324fa85857363f5f457c21da3dfea5' }, hAsync("a", { key: 'c1a9611d0d1198e51a5317fddd814ab59d6fd001', 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: '6658417e520a3d6347859fa434fb527f8f376fbe', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd8f728e9d507f4a3ccdda23ed33a958ec5e4e98c' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '2f914cb2e14ae9a5261a443a6c8e92189b454ea5', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '72ab4a672222654c605bdf65e8ab5e3dd16a2351' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetMenuBarDropdownLinkCss; }
@@ -14388,11 +14340,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '049740f5f7ecee03a95b3aa3f393836d675475af', role: "listitem" }, hAsync(TagName, { key: '12b182c9e98d6763aedd2310e3324858a5bbcc5e', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '99fd8c7382c8e5e355cf15a9b3b2ba369862c696', role: "listitem" }, hAsync(TagName, { key: '3887748e3e59f04c2a2b8ea0a719ddbd3aa02874', 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: '98d966613955a36b5f2c22bc405aa963090d9683', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'dc0d5063412c40b2fddd24d9000fea90c11ec332' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '173a233033d814c8540513760bc110528e06cb23', 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: 'c862cc29534be14bf42d04b9ad9d4c69a183148e', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'a7adf8f35a6ec6df6607220ff462c44d297763af' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '2e5a29be51a0eb5e6c8f877d8c7fe0e5ad8bee63', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -14457,11 +14409,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6c072dcf75770dd53c45c4089e9fd2823822ff71', role: "listitem" }, hAsync("a", { key: '376c4c2a49ea9ccb1b368f600cdddb0246445d9c', class: {
+        return (hAsync(Host, { key: 'b9a3745a1cfec2d7c1128391d2f42556a807e16f', role: "listitem" }, hAsync("a", { key: '9996640b185ba7c31604cf146e08e577cd02bb03', 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: '9d8e4d367f30b4eb980dede30df2afe745b64caf', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'c20f32e09eee237b92615ad99e43657b5d127e62' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'f8ceb9d0a573128066271bf885486c146bffe85c', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'fe9858270f33fdbdd829bd3520dda36aaee623bc' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetMenuBarLinkCss; }
@@ -14770,18 +14722,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: '0faf0abd0e219bbe80b398230dd171ba4c936832', class: "duet-modal-close" }, hAsync("duet-button", { key: 'd66338c3132f2161599fe5fab1047ab121db2a94', 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: '9ac78908c9990126092f60a20cad28f9fdd52f92', class: "duet-modal-close" }, hAsync("duet-button", { key: '04f3951eb0705ada170b3688361426fab8158a58', 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: '9332969ad05a29216d53db0afa9a780778d5d64d', 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: '6cf7063988bea9c5a14d80db8ce25c0d0f4c5261', 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: '5f4e044e5299a761e37afebaabdff7524fd42742', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'e4caa6a3be365b6db97fe05305fcdd405e9fdefb', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: '095e7e943dc4ac25354cb8e5e8f0209b04c5726f', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'c1a956619dd456e4ea72a777df1a552cdc946248', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -14792,18 +14744,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: '391aa2f4b57050d3205c79c116384b74b4691d02', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '00ea985179b6f8ff56689869b867c56fbb2c6fd1', 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: '59a848dca6e2aaed55b9aad8f575751290a4caa7' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'd8594ec1fe56325355bf156fe56b7759e241771c', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '3898a33a0f50d7d2f1cc4fa680e72fea738f04a1' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '066e7d87288f90834f32524e0c071b213a82ffae', 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: '332406aa77de62ad7d005556930cac62ae8eda23', class: "duet-modal-header" }, hAsync("span", { key: '8b4b4454a9e3307fe565dae0feec7b2f10fa06f7', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'f8dc0c7e756955722be62fb0c90633c3ab1a1713', name: "top" })), this.icon && hAsync("duet-icon", { key: 'b01c9967fe55450a642fb0e3d64f04ef32517821', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '449320e33b234256cb898a69cdd64a6734818d9d', "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: '4a62e15be8db5367285ba93fb89375bc007ed12c', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'a00293d304b6b2eefa33db34c6caef175de00541', size: "large", color: "primary" }))), hAsync("div", { key: '27e69b7b93565e659de3cd9f6ac30786ff481a18', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '62e9bd1f714cd50ad60a3ddea1b10406d8d2ad29' })))))));
+            } }, hAsync("div", { key: 'a53345c862d3774172fb83e163dc5ffddf67db45', class: "duet-modal-header" }, hAsync("span", { key: '6c4ddadb2712aceda3c01fe5ba5b2c2ba27d4f16', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'e7dcba70b05ada30c9bc83eacda6425f39bf413c', name: "top" })), this.icon && hAsync("duet-icon", { key: 'ecda19ba385fd36965e5b10e5188ed9dcaf4a45e', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '861d4d13a99bf5389a4c59a70b4727cc4e0e50f3', "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: '257591eaf5c753dc265368e2d8f74dc1604eae08', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '9dbbc533f95ade938b9938c054f8beb58311558f', size: "large", color: "primary" }))), hAsync("div", { key: 'd4dd4714edda7ada1f76a4b35b87043bdedda109', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '04bc40dad5b18a955c1b2dd865020b6d3463a3a3' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15116,23 +15068,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '9462771c3a5152e905cf83ba95ade9dda200833b', class: {
+        return (hAsync(Host, { key: '48ee754bd0231a05f00d9f15a2beb729b57dc393', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '1235786e07d83c91d28a13462b2fa5cf8e7907e4', class: {
+            } }, hAsync("div", { key: '212fe92eabb76004eb018b36ef0dbc825a21f8be', 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(DuetInternalLabel, { key: '5ccd987600f461c3c9a7f7c2f46b602f169b658d', 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: 'e519c7bf79fa2214804ca502285f52a553b79ac3', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'cfc287863231de5436fc09d8cd57b53d4ef24820', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '28baa67909e4027ae56a35d87a4e15a5f118e703', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '2b734b81c229392334276022638d7265e23c2168', class: "duet-multiselect-wrapper" }, hAsync("button", { key: 'd6fb96ae298ce6e3d7df71217c728f29e1550c9a', 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: '7581bf2f7629efe48e128c941beee89c4d22f709', 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: '7b747555309afe0dc4716f4335269a5dc46f17ff', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '22f9e68fe690b60dfe7e28ba5767d613e1037070' }, this.selectedLangObject[this.language], ",", " ", Array.isArray(this.value) ? this.value.map(item => item.label).join(", ") : ""))), hAsync("svg", { key: '8058039ac3e9c6cf1fdf9b45468adc80673e7096', 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: 'ac8d3582da5151508ede09fe95ea1fe7a6b79444', 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: '0c1236ae0fad913c3e9d2fdd2d8a558467d415e8', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '7530455602172e9f450cf2c51ffef4e9e8b095ee', 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: '04100890a4421ee2a24a62f33cc740f009b0e2aa', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '610363ef1c5df18e0404ecf30527ab542101b5dc', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'd227786dacc1c8de9e749445de99aa9927834c3a', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'c102e3f30f45087f11c2de41e32765174d699c45', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '2788939db68491aa050265beb0970377fa6a3c76', 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: '08ac22ccf0ede5b5594ff44d2e7a3bea6177bdd8', 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: '20a565fd927ca30250641a8d60973757faf7a3b7', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'b967c4f19809b18216a7633769365d44c35b9d2c' }, this.selectedLangObject[this.language], ",", " ", Array.isArray(this.value) ? this.value.map(item => item.label).join(", ") : ""))), hAsync("svg", { key: '0df538e14bb2e05548305020f1deece8ca2c3eb5', 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: '3cf7cde5c4c357222200e5e8da29bc4b2195013b', 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: '8719382a8c45c297d64e21afd2e6894b4baf1d00', 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: '2117b075e96a7825514769fde136f51b1ebf59f9', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'ca41c3bf1cb8dc88c6bf4c5d237e8e3cc5fccd6c', 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: '7070fc9475815328dc21256e8ddf279f182dd2ad', 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: '2fdfba244f04d2a65357a2f71778ba11fab0c4b0', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '0f85adc72c37c3912907195d4401aa2e2aa07696', 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: '1c36a865118112bdb3abcfdba4191aa17f290ebc', 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: '85105033af5fe4ee0285693dad9683dd515886b5', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'ba9f048437b257012370b3414c944bc27c3f3f77' }, this.error)))));
+            })))))), hAsync("span", { key: '7cc61fa058955273a790d926301d3a6d08ee2f0b', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '299dae214efe69bea63d811aae8701e2e7ac34ed' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15207,7 +15159,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'da435b2c67678918ad047ec518e5e7ce4248ad46' }, hAsync("div", { key: '7fd627c796cbea3540a34b81dd33aa389f24f434', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'fa2f7460016778ef6aa8e41fa846b26d7c6f76a9' }), hAsync("slot", { key: 'd706503a7934a3bd8bf2e0c568194c53cea0e220', name: "mobile" }), hAsync("slot", { key: '82756ef7543bcba00695435414503b1cf1d2089b', name: "desktop" }))));
+        return (hAsync(Host, { key: 'e7b9d498cf0f6bdc8d3038373eb6e28e3f35dd21' }, hAsync("div", { key: '548a0cd64a925fe02459ec066a054758bb27e64d', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'dd8b5e53834c67de8ef2d21dc175daa07fb4eb3f' }), hAsync("slot", { key: '15ea998f3d0ab8eb7e2ae960ffcd317d267553a6', name: "mobile" }), hAsync("slot", { key: 'cbef511d9d9757b2b1740632a85b96f0992aa018', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetNavCss; }
@@ -15294,11 +15246,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: 'ca3ab09712e8c37bccd234d83b8685864fe9c6e2', role: "listitem", class: {
+        return (hAsync("div", { key: '8975f8431be3527a8512ef808ad8d794883bc17d', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: '2042476b8c42b4cb9a4aec6057dbe563772fb9ec', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '082ba1ab481221f0954c6a9a59e07856af32898c', class: "duet-notification-container" }, hAsync("div", { key: 'dde13f7597e7114096d5bae94ebc1b282154de8a', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '4b70454b825191fe9a40450c7739bce6cdd059b4', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '8c038435ee5b35b2d35095eafa7f4b833de4e57f' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '7c8f2d236a8d922e6b21f65585b00f096134a8f3', class: "duet-notification-content" }, hAsync("slot", { key: '911e94ff943e9ace002dd0cda2579a80ae42eda1' })), hAsync("div", { key: 'dc50e21df86731f26269d4778e18b08a19444d01', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: 'e89931620e815e5b2fabec7554a5adde93abd69d', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'cd15b1b522b795fb0e3985c9366c61e096269760', class: "duet-notification-container" }, hAsync("div", { key: '54906f42473ed9a2bcd3dd412874a92361b2f8b1', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'c986b5dc0ad5fb3315eaf54406f13e60f5f01ad0', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '34d1505966a8848a4c2b7b2e6aeba2bbb5421631' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'f1d2565579b7836e3abdaf0d5c2f6eceed818378', class: "duet-notification-content" }, hAsync("slot", { key: '551f5327a8e83b9010bf429d57d3ae9a146b58ab' })), hAsync("div", { key: '83d55b6508e640bf7ea13f4c9b75fcee6eb7cff4', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return duetNotificationCss; }
@@ -15445,10 +15397,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '659136cc65a195a1de4228bd580d2368d2244a86', class: {
+        return (hAsync("div", { key: '9f4089715c79f3098cbddd19ecb0fe9f625e60dc', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'abe8757b0f4db9939465b4ab6011c8625b5baf76', 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: 'a99654516249d53e1a9fd81021998c2e461365a7', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '76b8f2f443ab22637765dfef1db4000215ef5a19', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '6efbba81b7cf33402531b445e5e297d5e48a4fc6', class: "duet-drawer-badge" }))), hAsync("span", { key: '5b9df974799ba860b7d2d964fc22c50d18aa0282', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'ed02df2f85e017956770c841d1882b6a6ae45280', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '646368ab0a187e896f1110e4015a05b3bad71a9d', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), hAsync("div", { key: '0e2cfc291004260d5f02350fd624396768c06b3b', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '847f74b2cd54afe289a50fefd441409e3d10835d', 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: 'c887681d1b69bea0d71fdb2f9a9da04162252ba7', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '4ff950e8cbacfe8c26b45aa84c5ca6371afa5806', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '3db0ee999568e116bff201633722e984ffaa4432', class: "duet-drawer-badge" }))), hAsync("span", { key: '73962ec83f1a6cf91c488f06a5aef5200d4c38b0', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '4c821d69d5bd6ac7ced0b42ea8e762503db12836', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '85e247216c488c0f39e3e1d7f47d88ed19e77c6d', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), hAsync("div", { key: 'ca5f050d99a3055e0ada249e72b08ba4a2614c54', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -15946,11 +15898,11 @@ class DuetNumberInput {
         const identifier = this.identifier || this.inputId;
         const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
         const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        return (hAsync(Host, { key: '2339fa56635a7ba8fc6edec30d3675317fcbe27f', class: {
+        return (hAsync(Host, { key: 'c404181a5a36be60ded0501cd754f3a370276db3', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: 'dff60647793af3de902477ed0ea4cfebe2a0b060', class: "duet-number-container" }, hAsync("duet-input", { key: '55a832b70fd619b16560dcc8de2a11da3ae90344', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: '1e4b7cc87d46de0233457c6e087217b27fb2a6df', name: "tooltip" }), hAsync("div", { key: '5a2660b2592fd4a96172bf4ce53d5d810e9479c6', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: 'dddc2edb43610eed98a1db9de1ac006d6f721099', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: 'e29c3ce840c8e2d776ed9430ed84f1a0ead9a5a3' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: 'e5eb7418c9f6711b21e6550bad87f017d97cff6e', icon: subtractIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '688035f8fcb3f56a36d2d7b13a9d494388eafd39', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '8779e5d09e06ff7f63ff715d45bd72c513c1c1dc' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'f6548c254afa31a6346042f11113aad09baefce3', icon: addIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '4e272274bdb8a1c9cc068e76e846b49647200fd6', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
+            } }, hAsync("div", { key: '674688689d6202a4b7a3778c0172af68e20b0673', class: "duet-number-container" }, hAsync("duet-input", { key: 'f5281ca4fa9f5b26a159dc7e7b92ca9a54528bf7', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: '3f1c547afcc40014095f197036f787645147bd11', name: "tooltip" }), hAsync("div", { key: 'a868daa539f87cef017c2018287a1a45e1354cad', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: 'e85bd5edd04e493c634a8b73f4a5c26529fee463', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: '514347e9e62cee33816675da9bf05e4767024cf7' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '1bbad2c355ee306483fb5f7f24569d129a6b8550', icon: subtractIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '8ad6cf3c4dfc1a719c1226a81fc11118f2dbb034', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '6235a14251c9d2e5730f4a783aee9fda6d53450d' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: '2ffc06061b4c9fcbdc4cde17c75055caba64bd10', icon: addIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '8248ba0993751f21e7a33df4d70c6db8246ceed5', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
     }
     get element() { return getElement(this); }
     static get style() { return duetNumberInputCss; }
@@ -16062,7 +16014,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f93bdb0717b61c7968f0f595a0829f73495c2394', "aria-hidden": "true" }, hAsync("div", { key: '32b2a1d87f574488dbd7e8d2230cfa0daa23238a', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: '6587eb66353af1c4084d8c5eba44620ad4caa30a', "aria-hidden": "true" }, hAsync("div", { key: 'f4dc3ef5134b907ebb8b089b1b33ac4fc2c0ab1b', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -16139,12 +16091,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '63a73bb27ff696ea0968ad70a1634a31605c28ae', class: {
+        return (hAsync("div", { key: 'd762a0fbe26172ad34497f3cb402650062c8e6c8', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: '3ac344016e732507c936589ac9bc5242160605ab', class: "background" }, this.theme === "turva" && hAsync("div", { key: '43d0f3158fc44555bcaad471d4db7a0fd9c03cd8', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '40cc4cff7adf721f648de49afcd91e1de4f26fe5', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '0dec9ac76c10d41c3f19b04d3561458f31128cb0', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '63bf96082cab7113ec087005c35579df2fc2b264', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'cb260b351576cfede4e6be93105db63a70098354', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'b48cdf1b27c186d25e8a6c3f794a915f4c141297', class: "heading" }, hAsync("slot", { key: 'bc536f6c4382075cf663bd3a17d6042ff599b607', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '624c56562aa77d3964b52563b188462d922d95b1' }, hAsync("duet-spacer", { key: '1b32455fc50f2d860630fd9b3d4465a87121ff5b', size: "large" }), hAsync("div", { key: '2897fd8f1d826e84ea32534ed8437068c86173e8', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: '3132ad09303b315b4890e9ee09920b3a3d672fc5', class: "background" }, this.theme === "turva" && hAsync("div", { key: '772314fbf0ad3ba3532574d83ed2043970f1dca5', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '07fb565d9b76dbf09c0c99968de67875380e34b8', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '0017d892d5422e264fccfdb8f1db2e81560462b8', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '15ffee3e71e18b567e6b3a4783e1df08214c893a', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'bf5654e71347207908be3f9ff4898efd22f36292', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'a2a6e73e8c8145f8b9559ea80c2fb42babdec7b6', class: "heading" }, hAsync("slot", { key: '85d10804528549900f5707b9e3cc5e6c367b339c', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '3465fe217884f1ddaf8e6348c3951105ef3b3e0a' }, hAsync("duet-spacer", { key: '1a7fd9a0efac5f02045204a58551659ace3ed2b8', size: "large" }), hAsync("div", { key: 'f3e3d99c13a5672b199d9a0f5536cc2b4c6a9d09', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetPageHeadingCss; }
@@ -16550,32 +16502,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '32fcbc1ab1d2e72c8e3f681c8b5405362be964e3', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '020a385482262cd9ea6bbd8d32e55976a95d7543', 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: '2d201ade7a465ccdc9c838ae9bab20073e4bcecb', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '888b2365acf343cc2827df0392e0b4fe62609d4d', 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: '953681769a2c37b202d257783517eb0a067d58a2', "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: '64b7cec76275874d10409a43c2a9268091aa63ee', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '2810f47527a6ccfbb2957495acd0c9314586b4b2', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: 'ba5c72184ebb300e442a4b2b1becccbc19ed8423', "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: 'f9e011d5b841903bd0ae666a01702f55d781328e', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: 'fde01f858aaeb95ba0404fa3444ea940c4521bfe', 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: 'fcee9f5f028b340bf8b20cbaeebdea80e9e0c738', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '87d432d6f501f000078bbdda6bb39e82f4b7d215', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'aa7e10b2c1fa46f2634e15bf1c11a7b317745885', 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: 'c209b2a485ac203090db53813c9bc5b52740692f', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '48790021a45abdfe137b20483a06b6690d495d35', 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: '4ac0987a55fe881a53d9bc6c31d244eaa477be1b', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '52fe136a3fd99f42538a87c24672770197ff34fd', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '02e70e026d31ab7441d9c575608f71d9d9b7f6db', 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: '03be7831dee21cb070175cf3e50ae89b0eba49b3' }, hAsync("li", { key: '81cee7f4767a20b952964f8ce856621caad7b1cb', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'd280492036cb4ae490d70498078e8e649fe94ee2', 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: 'e6aa3d3cc594fed23cb4d0146ebdd07c62e1cc25', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'dc4cbf113dc745b52d8787bc89429e32b68f53cb', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'dd58996ba1d6c5a32018d173150afdd995fa9b75', 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: '2d354dd1353d1a3445b585cde4659f4aa3a39733', 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: '7b20cc74d44f1b9cf952ee69fcac743ba66eda24' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'fd54712037bfcd681f00929685daeee86cf4ed69', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'd1df047e013903691bbd00c4fd495ab408f73a58', 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: 'a0a24b8be4d7b24fa7c15bd35c5f29b74ad0083e', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'e996b1229282d32e9f0fb4c0eeb1fbab748e0c8d', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'c8dc915042f3bde87bac5f0fbdfe6ba5cf6f42fd', 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: '5886c6e74ce3e15ac790490751f51621dd57fdec' }, hAsync("li", { key: '45e0f614f9739127af3db736511f8f2feb8ea44b', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'c5a0826c468d8dd373d888635d047df3b9cfec9d', 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: 'b5e39c58743ca5fdb18beceacd72f984810ce21c', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '76a2a84474e75823ecf3af83d8cc4d20cedd18ec', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'e0f755e9904df57b0ea6c75942860691ec4d3e03', 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: 'f272ec274436aa7b7167dbf9944d43e33925139a', 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: '8e0861e975abf48bf39308fa084c1b079a9b5739' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'd9b973b371d95a200b810909575a98accce60148', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '72dc3ed56da6648d3a0d9bc43b96c56bf1caf8d0', 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: 'd56560b3ed29d1c082d13cbe130b12f76290ce97', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'c6b2c864c5562f5061783088344ff90095ecb70e', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'de9d1fd87aca35c376c1d00fd3ed2f685ef72199', 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: '01808887dfd64e716f50b336d7347e2b2b3bd40f', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '417732a79f9d070cd3ccd0dfc79bbc300c30e60c', class: {
+                : undefined }, hAsync("div", { key: '056315d9628a50491896db4fdbe2546be9cf222c', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '610a8833a6d77befc4f138e1319d4618f7682495', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '0fdb57959080ef0126266df23717517b6f5be405', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '441d49068bda46c7a66e21fbe6a7f9445cd5fe8c', 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: 'c8d1ff36a756d28252a339e9972088d7e451f54b', 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: '520c47b865d45f68dca480bded5d25da0ddcdba5', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '7e6029710b0c761b62a21f7aabab346cfe318957', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'e0f008819c6637bd8519eed4a9411a712d5b0ee5', 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 })))))));
     }
@@ -16667,7 +16619,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: 'b7f1df2b017984133517a2742be5e5444f1e6894', "aria-describedby": this.id }, hAsync("p", { key: '607059f9661102231b510b5923e0c71472f22804', id: this.id, class: {
+        return (hAsync(Host, { key: '6a13b5ffe8df2d7d3fbab1a8bb419feb340da706', "aria-describedby": this.id }, hAsync("p", { key: '80e12bf1949ea7f97ee2cc539e90ede233e6e719', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -16675,7 +16627,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: 'e5e6da5cbb23f9fb7bfc3773c3b8e79666054878' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '219b0fe9f531f0a930b64d7d26c556d1010d9ef3' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetParagraphCss; }
@@ -20598,11 +20550,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: '87b21072c16186cf0cec5d459b08811f003aa12b', role: this.accessibleRole }, hAsync(TagName, { key: '5bc8756a4f6442cb38c7ba11bb5ab1fb35e856c9', 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: '4647635aad9b3d41aed74e7912d2299bb4c5041d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '34f80b2a2add7ec29841ab0a7dc57d4f42cc33b0', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'dbdc4ec45a3c62c4c06acb53cb337ab35a7e469b' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'efeb01a714b514c280666cb47b68a490248e1db7', name: this.url && this.external
+        return (hAsync(Host, { key: 'f27689157d4f30730ed329199d0073e1f892c667', role: this.accessibleRole }, hAsync(TagName, { key: '732df7b3d187436866bb95178a55ce3a467cd417', 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: 'f847d93146cc6fe171ca53ea75257f0dd64a3a8d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '404710e8e19bf119276abc7287c9167a4f93587b', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '92c4753ed0a7a4eb6cb7940b6a5bfcdae6ca10f7' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '11a754fbbd49c1e9f8a6a2fcd78d2d7ee0ebccdc', name: this.url && this.external
                 ? newWindowIcon.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: 'b57e76791146d271b1c0c53ef29839d3e4633da2', 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: '0f27221f438165670d91d6bbe5f5792081f54384', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return duetPopupMenuItemCss; }
@@ -20794,12 +20746,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: '5d52e64c1d3690ac035e8a871be19a3af1634cf6', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '71accf7dad1f906660fd274f9ab2f80d47a7cbf0', class: {
+        return (hAsync(Host, { key: 'fa84d092d82ddcdc960e2a96aa57cac526eea851', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '0c47662bc6dcd366c26e439784e035c83a258980', 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: 'c143f8a1ab12a2b74e705d7731db79acdc77ba9c', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '7444e135bf6f99c7dba5c48252e867162a54435b', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '90d7ec1df0f15ddd7302c66cbdbebe93fb88c118', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '5668fca99b2fb91c2332912ffad323121d62609a', class: "pre-heading" }, hAsync("slot", { key: '5ad67f77f308d377b424213c324d840761f366df', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '0507f691441a3e00b368c2ad5ffc9570b555cbaa', class: "heading" }, hAsync("duet-heading", { key: '6013085118d47ada0ca0e00e36e506d66d351af0', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '7172a732bd24d6a0fbf959ff08d49db480bc79ca' }, hAsync("slot", { key: 'd333f8788f08c176d0ddf4b2e91ff1d82826d01e', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '4f8047bdebfdeafc953e8317bdd8ff71eb8e3ea5', class: "description" }, hAsync("duet-paragraph", { key: '4840ee8433dbaabdebddc0330d1b0c5f8d4b4235', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '255f404403532703f4fdca0ffb4e17ae64b2112e' }, hAsync("slot", { key: '17dc76d3a1954059aede710d109ddd9073680331', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'a96c5b9ca22d2ca962a22d5e8f9336d9c5e3b894', class: "action" }, hAsync("slot", { key: '847683c0a2273709d919017375bcb82b22b54fdc', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: '0f40cbcc47ccae310637a16cdb2e31dd9c90c321', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '6eef24b85c6f03b56c2db43c5f70c40d66d9cc92', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '38d663bc41fa3e12a80e144af8bfef671f69283f', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '46001bdf60e08f596ab199d460c1e7c3116d04d6', class: "pre-heading" }, hAsync("slot", { key: 'ce47e03eb2aa606b63396c1464ef106361fe7811', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '2249746687c6f789c5fe644e64d18a032b662410', class: "heading" }, hAsync("duet-heading", { key: '34822e5f87f6d09fc9d58dd5addb7729d25576f6', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '8b8016651d5aa2c36866c70f07691e1d40675aa3' }, hAsync("slot", { key: '6e5bc071a001f48a96d9947ebf5fae24cf639a8a', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'b30225ccf3df966424f12a993cf1f18e791da6f9', class: "description" }, hAsync("duet-paragraph", { key: '37938b881d508f0cf3985c89d2dbd3c0024b94e9', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '464c1b42470811660d6b4bf865467615df87bb04' }, hAsync("slot", { key: '794e608cd5c9da4c407dc49aac2bd5da7fd0e4b5', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '2c299f7283ee493506112c05d8ae500340a5b903', class: "action" }, hAsync("slot", { key: '5e52c79bb4200c210ea9060900689de2cda050c6', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetPromoCardCss; }
@@ -21005,16 +20957,16 @@ class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '62945761ed2b64c8601b12ccc35d2df017e9d141', onClick: this.onClick, class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), hAsync("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, hAsync("div", { key: '583bce3fa51060b900dc19a1a44d7aa160cbeb33', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: 'ffed939cbdbff0016fdb78ff2156299070dce537', name: "input" }), hAsync("label", { key: '85d30dd3addd1c98aa14ad2d94eff9f10c71ff4f', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, hAsync("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
+            } }, hAsync("div", { key: '890a1cc8c4ce2dc3a5df960e5277c81c9780b9d3', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
     }
     get element() { return getElement(this); }
     static get style() { return duetRadioCss; }
@@ -21203,7 +21155,7 @@ class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4242a1fe41f7fbcd8000c7392c65ec81179bd227', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: '81092fc226ce36b27cc0bdc03e570fadbfe78244', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'd3d2cd4a15601b585a421c888257c1b177100413', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'ad6d5df30cde73f8daf74d6c51115bac36cf85a2', name: "tooltip" }), hAsync("div", { key: '7ba507b2ce0308690e90011217cc0f27974b533c', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '7f73202d35116a66cbbefa03e4a6ecdea939d1ef' })))));
+        return (hAsync(Host, { key: '7732ac1751932891f5e174a185092eb23f4a9904', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: 'a73c01a602da8cc48044740e6089899e6b4c0310', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: '8b5d5c7adac95993ff030b769997aaadc120252a', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'cece262a0396f0bfbb14b711753fc81b6bb47018', name: "tooltip" }), hAsync("div", { key: '9760d35e30aa35e57282b1dbe7e5200cde635879', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '80ef03d93a8c8587327e0bc894104e7690929d2b' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21391,13 +21343,13 @@ class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (hAsync(Host, { key: 'fca0c61d3288da56d73529c73457f63a78df6b26', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: '64c191339324cf735bd837bcfb3b05203ee256b7', class: {
+        return (hAsync(Host, { key: '591c961de650998ecf1680202b9d6ebb85e88d76', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: 'd7992dd90cba5c881171c75377573bc0f650923c', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, hAsync(DuetInternalLabel, { key: 'f2e5cb43789c7385f46987f31e59d01d0e0cbe77', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'a0becf96bebb8b1762f3236046eb3083083034cd', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: '6108673d85c857d9b95cd5de00eb0a7b261afc75', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, hAsync(DuetInternalLabel, { key: '69abfec74af9aae13ebc498374205c571667ace2', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'a165cce8cbd95b8e5f62f03473b7741df139a4f1', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'd88393860f5ba334044588500ef6f762bc32ea2e', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetRangeSliderCss; }
@@ -21626,10 +21578,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '39ffc4c324f8b610879fb7ed01aaaf4263b970c3', class: {
+        return (hAsync("div", { key: '6ee831dd873413efb28eb9bc4e74d13f62471d5a', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '2ea4499bc567d644530b625eec22d91b0bf5226d', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'e0613ae54e7134000a06bd0329af05c42d8fc521', 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: 'fbd6d9a4acda0fa78642b8af959dd361dd280f15', 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: '9f4857e8c049cd3c732201d33681fe0d194307ad', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'f90f6c22d9d60a87a1e97ef34c7845d1fe1e2fce', 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: '1d6d7fd979563dd7fb004316e0ccff7c5b66114d', 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 {
@@ -21921,18 +21873,18 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'dabca4939b3be30f3d3ecd1b9f68e52456269e0a', class: {
+        return (hAsync(Host, { key: '8deeab0e76481f8fcb840a5df51111831a386b62', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '2ff182f33a6de936878bb0c8fa90609b298b2e8f', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '2a8c813c6b86d04cbe8edf4e0ab9e1ba0f166164', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '7c7cfad3a7ca7252d6b5353eb8983d31d5fc6532', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '7e7ad479953be49eb8c6868e0afe130ef8f8e719', name: "collapse-button-label" })))), hAsync("div", { key: '437ccb24c0eb10de320c28e54d1fbcaaba37ba43', class: {
+            } }, hAsync("duet-button", { key: 'd3c242b1080a62c44a16681d0c4353f01f15a568', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '77c0ca38b000fc31168d7ace2e35ad5d3c07166a', name: "collapse-button-label" })))), hAsync("div", { key: '07729eb5d3ddbdf1cd5aac260b11f8bb53a5d21b', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: '9f6b170c54152d4778e09e581199897ea6da96ad', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: 'caa70b4a9a0f199e1a6edc04f95adeaf113334dc', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -21940,7 +21892,7 @@ class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'cb3852e8f2c7c5a3114a9c373f10d0ec878707e7' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '9d04975ddceee3d87b59c790eec1557694711d63' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21997,13 +21949,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6e87a8404b55791ef09fbe67defcf0b1926f28f1', class: {
+        return (hAsync(Host, { key: 'c8e34e306786624d178a3f485ca8929b8babd5ac', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '7dbb8ba1ffa4a6c80fdef3d109aa5acd1e801bfb', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'b98ee3ba1f0de7404f3b94073e0d430c3433d209', class: {
+            } }, hAsync("div", { key: 'b9b806e5e744b927b7e7576d26d535794b68c7bb', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '96c2905526f488e6b065f2f1f11c0ed3f51dd8f6', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: '82ab08ebb3a64ecefa53ff85fe51907347eb81e2', class: "duet-main" }, hAsync("slot", { key: 'f4117e551edc8c13d703686fd4679cb37bb44244' }))))));
+            } }, hAsync("section", { key: '7c36a644790b676090d0b44d1d5a5f3a9c204040', class: "duet-main" }, hAsync("slot", { key: 'c224d713922848b7ad67bab834b9f1890fb383be' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSectionLayoutCss; }
@@ -22216,23 +22168,23 @@ class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (hAsync(Host, { key: 'eb16ba26b1d1ebd6e964c346bc1fc844dc8e2ffa', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '283277631a62fd9ea1c84fa4dffbce01b3a49e5d', onClick: this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, hAsync("div", { key: 'a8c7e0a88e202b19bec021c5c567a2f82458d5c2', class: {
+            } }, hAsync("div", { key: 'f82989512971ee7884ac487ed9503949cc69dfe7', class: {
                 "duet-select-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-select-variation-${this.variation}`]: true,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, hAsync(DuetInternalLabel, { key: '00550264a13fec5a20d32c405dbfe78ba7568b48', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '58f16d71e7f6c8a7fb11b66fa412a936c2086ca5', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'dd378ddfb417ba2d3f264e826aec6aa6e64057df', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'a877fdfa288846b39cac00a4de9fceda29f53352', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '277375980aade83e54116c67d7d0a0e3861d83c5', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'e3faf833151584cfdb98bd5377b746e5e29d5eac', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: '862714f9b0206612259092444bc75fa00203fa4c', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: '87012d658c4574de7fd13632f6104714eeaae137', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            } }, hAsync(DuetInternalLabel, { key: '63ef489d7dcd474340ba917b8e3331a8f6676e6f', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '218e25a5f2a4781a0b40628da88058a11b1b5fa1', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '61cb23b36b78973d5a272a4f8ad7b4b127406474', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'e25fc04e4cd16976acb6f171ef867ff167d5224b', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'ec88d983bb1b173d575407cc7ae61116cd55331a', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '7b6815997d0a0f941a9b426c71d93d2395c90d9e', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: 'c664e98d0db41a4d094aa964f578ba7ae65d824d', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: '2bbc9bac0f98e3edacc20ac8d98963130e89aaaa', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
             return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
-        }))), hAsync("div", { key: '70bc1496d8a90cab614a732e20bc88a39b088bca', class: {
+        }))), hAsync("div", { key: 'b210342dd9f28d98a8778d9107b3d3ea7bcc63e2', class: {
                 "duet-select": true,
                 [`duet-select-variation-${this.variation}`]: true,
-            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '6ba1895947ec34d1c8c91b608b93a88ddda1fa87', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'c48f8876257c1af324a1018cfc6b88e904be2282', 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("duet-icon", { key: '65c88e77d849369c26434ac2342b7e4d785e7e49', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: 'c9db27d4e16a4612dafaa410ee869f15ced0f0a7', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '8597e3c813c1dbb678ce61bcaa5419058c91c023', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'fb5afaba300ce28c8a1984d8235542032f2e7a0b' }, this.error)))));
+            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: 'b6db625ce751d6e80f22b99bfd80a8d5e93ab2d9', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '775e4ac8263608bc6368d06df93a470ba46eaba0', 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("duet-icon", { key: '2d9365b394198730d2998df692341c5b3045f94c', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '2e6b56a3512c96435ab9cbe4f88b522e2edc5452', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '9104be53690d013bf8bedcc0dbfc16005b40c4c9', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'de627a241acfc88df97388ef130f95ad5e0a404b' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -22312,9 +22264,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '1d1053d155b9e1841b6d953585cd04aab69d19b3', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '8fe40998d799d66bf6b705d95ba192181a65cf50', class: {
+        return (hAsync(Host, { key: '1a9fe4d020c7e5a53304108e04fb63b33fde55f1', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'b8dc791c50b5cd5832ffd0d7b0c6e78aa39f3bfa', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '40f7cd9536a69fd2871a473ddd382acf393bd1b9', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'eda5c54d79dd7b3d06cac81547b5ca56e626597f', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '29f23e735bc137ed1eba331cebd71698eaac9b4b', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '3d934d8ace9b97ef3aa763dc5dac0d083179f4c2', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return duetShapedImageCss; }
     static get cmpMeta() { return {
@@ -22467,12 +22419,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '77e828e77011e6b34daa519acc2f5e0d918bba32' }, hAsync("div", { key: '0a7265323fa24b6eaf734f150601a08363a138ba', class: {
+        return (hAsync(Host, { key: '5f44f94de42988b1d7c68b68a3d6197c1eff188b' }, hAsync("div", { key: 'b83d322134bd175ec38b862bc65c1df4afd0abd1', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '982dadaab1d35e6b33d39f4b13cc762749d9dc54', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '921775915ea6f6a2da3f54ea646c21588eb134bd', class: { "slotted-content": true } }, hAsync("slot", { key: '19cfcbdfc392eb9915e4918792b4f404406939b2' }))), hAsync("duet-button", { key: 'b66af202ee05aa55c875980743cba1e5265a6c36', 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.isSafariBrowser ? this.open : null, 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: '03278664411c1274ad117d1b4e353ae2da21ad21' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: 'ad2ce44b344bb6053ee2d3b41c3558bf711a9580', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '4632cf0022cdb31be1bb1fe8c85465d2a2d1bfa6', class: { "slotted-content": true } }, hAsync("slot", { key: 'fd4811b554e46542e9fa99279c2d0007d4d62922' }))), hAsync("duet-button", { key: 'da368671fe85e4f9971142e6eac7d37b38d996fc', 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.isSafariBrowser ? this.open : null, 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: '693cfb819eb9062ab680587ca54123c6ddf3cfcd' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return duetShowMoreCss; }
@@ -22985,16 +22937,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '47c74ed318d6bfa8d5691c70a3e197729683320c' }, hAsync("div", { key: '95cb471d43bb290bd27240ee95b07f087b21e3f0', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '0ad2d4c2c0ec9a9fd539ffb9958b0ff03622c828', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '2346c4be71bf1292240a3098c649243002cef91d', 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: 'e184bc1fd0c561ba33781b3274795c815f536837' }, hAsync("div", { key: 'ea0eb408d537f1b211b3da09a15f4623535a4472', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '5f1c9370945b4764a0cb8169bcf1339b99948e83', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '40cc2b17b37cb48901187fe0c5b9b7384c0adf4a', 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: 'a20859d334aa717e81a1cb2b96bfcbb63a23f4d5', moveFocusTo: this.closeButton }), hAsync("div", { key: '0dfa9887597bd96a2fe900c07b0004743d261da3', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '1c3ccadd022c30f28d91cdae58fcf8261dcb4310', class: "top" }, hAsync("button", { key: 'fc62d4ef3f44d3bc2cb7df8cff34c92cb95a5124', 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: 'ebcf07bcf50589149460a7463014d36625e59413', moveFocusTo: this.closeButton }), hAsync("div", { key: 'bd87de846cba7bc4dce82271fb5ba2f5b17bd701', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '7ed8039ecfdfb065e55e992dfc59b98c3b86674d', class: "top" }, hAsync("button", { key: 'fc0df2f7879bf950266372df21f8bef2fb1ea982', 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: 'e108dab06c363715ed8935e9a5ea07a94a2a3f70', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '3e025dc0bba4a785f835cc45be9131954e48dd8e', class: "sticky-header" }, hAsync("slot", { key: 'b0cf27bb162b5315c66c032444aac2333e6055da', name: "sticky-header" }))), hAsync("div", { key: 'd3c4d683eae8409853ffddacf1185a57d73515dc', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: 'ecd5e6779bb4e7f47bbd3a293658a738eab230a4', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '0d274dcd754e031d8356d7f8a39e5f7735abb8ea', class: "sticky-header" }, hAsync("slot", { key: '55c49510429cd45c65ffd8ddfa8e1008ef8ebc6b', name: "sticky-header" }))), hAsync("div", { key: '0c9d48e08d9ad47c841ca23479fabce9656a2474', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '3c8127b43baf81b2c36a8f741105ca6eeb2c66bf' })), hAsync(FocusGuard, { key: '5ded7717367e5cb88b7151f5b6864e5774e26ccf', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '15db59c5b64a0ccc2c0bf80acc04fee171899383' })), hAsync(FocusGuard, { key: '5ecf65d88a7b4166ce62f9566948028918116d94', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -23063,7 +23015,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: '81d1f6d9e2c6d9f6dd8b5218608be304ffde350f' }, hAsync("div", { key: '26b3a9e6224f4a53c13998466b62f5430c1d944e', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '4fd6ea04d3f884ee1a58979d4d7bb74151aa3331', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'ea0b580bbccc19ab497e06b4e668cf4825af3307' }))));
+        return (hAsync(Host, { key: '10fe4d8b68c48b41b89a50e07a1723c78f8169da' }, hAsync("div", { key: 'a643398da2ced5cf308ce5dff2a235c07e137597', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '236596965040b598342c7b81a2ba49d0f44f59fb', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'e038a92d79937999eea79386e497985f8075e427' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSlideoutLangCss; }
@@ -23153,12 +23105,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b10e39b4c103edf993040842ca1d3c5bd2947309' }, hAsync("a", { key: 'd02c6217e0adcf138405342a30d92531d7f3092a', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (hAsync(Host, { key: 'b6aa3783830f95dbf259641f8dac1e2e18212379' }, hAsync("a", { key: '116daf29fe47c7b65ae4228083b6d25a0bb1855f', target: !this.href ? null : this.external ? "_blank" : "_self", 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.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (hAsync("duet-icon", { key: 'f3ffdad987835f9fe725488811516df41ebc1804', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '15e073801cc1649271724ce8ba557fc6a0595f5e', class: "label" }, hAsync("span", { key: '54b7d1a19b38f4fc75363f35b761972e8591f121' }, hAsync("span", { key: '727d4e01ef993eea033f9f6aabf055c142847f0a', class: "label-container" }, hAsync("span", { key: 'ccedbbd2c4c2222335a448d7a7282bf475def69c', class: "label-content" }, hAsync("slot", { key: '23a61b0a7cba001323c158b2ba476555948dc0c1' })), this.external && (hAsync("duet-icon", { key: 'c026a8a54f2ba4ef095d4e581c44bdbb64037869', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '148bed5c517070f08c819790debfff17f8e6b61a', name: "description" })), this.caret && (hAsync("duet-icon", { key: '1028cc2f997369cc2e0eddc6221ac78b0c30c584', 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.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (hAsync("duet-icon", { key: '16169c48ac5a5d68ba2f80531eab79bea1fc0af5', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '22ca088b876d6b099f1c9e5251855f526d4fb04c', class: "label" }, hAsync("span", { key: '58841bb43f88ca74882c7e1a15961dbd5856308b' }, hAsync("span", { key: 'f8f0c8f675a3e5db4f4290f3167b35b1cf44786b', class: "label-container" }, hAsync("span", { key: 'be413c881629968dd9e727375d85a454adc7b6bf', class: "label-content" }, hAsync("slot", { key: 'f8188637ed119c5f2859a5dc3257e511776de7ab' })), this.external && (hAsync("duet-icon", { key: '5a64a368a689f196bb03e324eaba5f08f026c0eb', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '06c154621e1c389910d8d8a2190f1b6991f18c21', name: "description" })), this.caret && (hAsync("duet-icon", { key: '1a99aa60ddad7a2e3bf01352a6d4d07424c40dc6', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSlideoutLinkCss; }
@@ -23340,23 +23292,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '856a3c28f69371f9863319381ba48c8405b85403' }, hAsync("div", { key: 'f735dbda0ac874c43051bd1c447dbbf9a03ca433', class: {
+        return (hAsync(Host, { key: 'b1eff9554550e08a28e50c08e2ed78396df4b9f2' }, hAsync("div", { key: 'fa7d13ed3ff9ada19a55ae710d0b7030313c32b8', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'f50326b2238fdb0a7125680c6f69b0f56bf0e934', 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: 'b3114e6edd9e2c41dcb1bb082ee425f48d3fb2cc', 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: 'f2d2f6cdc62f73b881c776a0d3bf092ccaa772eb', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '443b1d6d94c4aae294778b8f5955891bb2a97ce8', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '44b1ca70447f6bb60a6f46102e67f333db652e44', class: "duet-slideout-badge" }))), hAsync("span", { key: '8fbc117daa4a781ecbf670e062b68207e0ef5343', class: "label" }, hAsync("span", { key: 'ab39a93c3c74b3b76aa0b3c90d185bfdc9dd86ca', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '45b890262469efe9b02656921d421777e8bdc57d', name: "label" })), hAsync("duet-icon", { key: '059783af433a31f4ab3f1c68849c804251800cef', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'de567359a310f1677a485c4bdface6e8268bbff0', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: 'c71665620ab35c467b34ff6dc055fd3812a07ce0', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '3ba10ac138d7746315fa2ef403843f25584e00b8', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '485338a103dbe9077f85316ffaed246df9ce8ed1', class: "duet-slideout-badge" }))), hAsync("span", { key: 'faa3d5cd54254e27be25706372724b9563aa1dd0', class: "label" }, hAsync("span", { key: '94ec51cccff1394522d0ee6782b767a1b93d3813', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '912b1e0fc82ba79716a2f10e9f95a274f0f8ffda', name: "label" })), hAsync("duet-icon", { key: '705d7332ca7fcbfb8bf1cd06080ac6d6456e09f0', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '3112d4f1400c33fd8d6ffcc18ee5d185a521c85f', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: 'b0e6eefb79b61d9b84d9e8b8a2be5b23d8975b66', moveFocusTo: this.closeButton }), hAsync("div", { key: 'c388f06159034df8600c1bd91bc6cf874650a91a', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '7cbb9d38f3a3fa287257184c9c9849e4d3e34ded', class: "top" }, hAsync("button", { key: 'fc3d908b932b7210f65ffdcafb8708ab0084977c', 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: 'eeea7f8df7cfa4e79a51005949658056810c0aa6', moveFocusTo: this.closeButton }), hAsync("div", { key: '82e40e01222403d85054f9c8cd3322a613d0e574', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '70a68a648002a8abf3fbefd05b271cb52fd7609c', class: "top" }, hAsync("button", { key: 'b36d5d1b969cdf3bed82a32d24472047c3265aac', 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: 'd0940ecd67c9db3eff30cc4ef4472e69a517ce14', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '922ee0e0256014693e614ff2af701380ede3d801' }, this.label.innerHTML), hAsync("button", { key: '1a0edf1eb5d33b8fb39880c56fa38a325e32e3ae', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '7ba128ad0a1baae2e60460dd1bea08f126261770', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '885f062bf863f93627bc69adf47f8b1aa5497cb2', class: "sticky-header" }, hAsync("slot", { key: '0a03e76ed75ae40af294be6bdd147b0b753ededa', name: "sticky-header" }))), hAsync("div", { key: '129bdf60417ccdd47d197a130ab35fac219052fe', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: 'ca90d6b0799dafb806c195e60affbcf125a55d09', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'd53ddc8946456746a07c35f3c8a4e6ca315b72a6' }, this.label.innerHTML), hAsync("button", { key: '4b6d93ad06708d75475a8e64c4a033a70734b80e', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'cdb28ed0f9ee96408aa30c112b6f4a85d8d82828', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '82a2deb6b280d5b5bf231c46c839671c9a19b5b7', class: "sticky-header" }, hAsync("slot", { key: '19415fa9d93a25a8732f9fd8b9616462821b08c2', name: "sticky-header" }))), hAsync("div", { key: '0d4b84585c658e42cd37412fa41733aa32245b70', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '4af5b5b2c46331a5929922371cfb464d1340edff' })), hAsync(FocusGuard, { key: '1bb13f60085d50f72727261352cd96d5c375cc5c', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'cccda46a3ec57b992a0f6cd0a87566fc5f37d7c8' })), hAsync(FocusGuard, { key: '919756618cbd28d584795e65a7587b83fb609fea', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -23437,16 +23389,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ab2fb8ed37ca46adc9817852fb83eafe507a59dc' }, hAsync("div", { key: '280c92d9bd0abe3b60c229207a6c6ccb48c485e9', class: {
+        return (hAsync(Host, { key: 'aff0d32b56097b3ec8a1a0df924075f814c25e2c' }, hAsync("div", { key: '124e61e243dbbe3175f8646ecacf66c2a8e95db7', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'e6772eb5237776b11a952582abb425295451a6e0', 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: '8e5a97fc203528fd8fc4429216746a8153798a56', 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: '2f964bc5915bd7ef297d26649ce08c34ee0b9839', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '1c60593c6cd70eb2d1a088573f156bb3e9c74f0a', class: "label" }, hAsync("slot", { key: '4108636046644f87e1cc9c7dd63f67af26705061', name: "label" }), hAsync("duet-icon", { key: 'aef84319ce001579f0d616eed817a35ea0ef2e58', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '5e9852b7e56b05ad347c63deeea0b6e0043d708f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'b31395a03ef665853daf4875cb66c511477a16a1', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'f6dbe01601e0abcdb896aeef5a419a29e6ce99ad', class: "label" }, hAsync("slot", { key: '9832f86b8ec494f36329c61145422732ec84782b', name: "label" }), hAsync("duet-icon", { key: '80e32f43d207557ac035892604aecf79ccdde2d0', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '698fcb5859a83018ac412723cfc2022282d65053', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'f8d087bfa9da070cb47cb6797e81f8259d54c80b' })))));
+            } }, hAsync("slot", { key: '568f83f35eab34793ee2ba81492c94d41045ac25' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSlideoutPanelDropdownCss; }
@@ -23490,7 +23442,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '67abecda5dd86faf6e3399964e8efa1193ac55a4', class: {
+        return (hAsync(Host, { key: 'faa7f3b9542d2e82f4905c66c9e9b0300989a714', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -23553,11 +23505,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'be5a77f84b5f49b3741f4107ab74aee0b871b75e', class: {
+        return (hAsync(Host, { key: '1af651516fc268c33c9e7c5bebea49f63d40588d', 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: '04a0b895a9bb1daff97494fd7ce170b25ccc2668', class: {
+            } }, hAsync("div", { key: '5a63143448f07a77b399244a2b0d31e28ca5700b', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -23658,10 +23610,10 @@ class DuetStatusIcon {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8f1aee739a7562a76d4f83297539132e883f5998', class: {
+        return (hAsync(Host, { key: '1beaa5336e7909dac18c97292974d539842c6ae3', class: {
                 [`duet-status-icon-${this.variation}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, hAsync("duet-icon", { key: '56de020bda4c9b8cb81137601cef518592830e8f', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, hAsync("duet-icon", { key: '3d5e4d6b3f455aab192c250fabada380c72428e8', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get cmpMeta() { return {
         "$flags$": 265,
@@ -23782,13 +23734,13 @@ class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '19c3b496c66aa7af76f7b360cee764fc31a12343', class: {
+        return (hAsync("div", { key: 'b645cd24ff32780a32cf12e263db6255234d0d66', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: 'ec596a6674dddb662c317af9345b4fd4c30fe7b2', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: 'a2d2e69cc7a090585a0b8b3dddff14c3a7cc70a3', "aria-hidden": "true" }, hAsync("div", { key: 'dac8abcbde719164be50d19418f3d13da3460f7a', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '3e5066e7cb97f034fcb3890ca53971ea234d6821', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: 'fee229d42cb1141ec0a3d7fa26fc141bd396390a', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: '56127216d14f8fc12fe02519a87627abf06f524a' }, hAsync("duet-heading", { key: 'd53bb076a5ff0b5c3bfff36a7ef2a673ae44f47a', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '55baa82c058811139ccc469330941b85e75f35a8', direction: "horizontal", size: "large" }), hAsync("div", { key: '20f674fdf63f04610f638bf395a440a935f9ef81', class: "duet-step-heading-slot" }, hAsync("slot", { key: 'ebabe1048db6022136a4dc72346c57957b29ac1e', name: "heading-content" }))), hAsync("div", { key: '5b936cea7d0e462d23effb9d3c46c9807f3a535a', class: "duet-step-content-wrapper" }, hAsync("div", { key: '107b15c01b986a30aa13bb2e26744fb32363e939', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: '7cffbbc0e1e6a9e99b4da78a79f5110721e7190d' })))));
+            } }, hAsync("div", { key: 'a8f09dc4b702c84038caaef4b88ea59d8c39ea1a', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: 'f7743521663443652a886d735720287ee82e2e98', "aria-hidden": "true" }, hAsync("div", { key: 'a2c6f883c0ec28a57792da937cfc3ade5eced953', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '55edc4560ff884c78a68807c67eefa11acea189c', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: '5642db1197b8b621a782b1cc2c172dd8ec50393e', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: 'ac6b4daf90c0e401bbd988656fca2d0f59f5615d' }, hAsync("duet-heading", { key: 'a3402072ffa7548687f89b28d7736a05cdb53512', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: 'cdeb860b694133f81dca6efa091b75a920b9fc9e', direction: "horizontal", size: "large" }), hAsync("div", { key: '10964100c1ad1c30f9a26703af94d49580029c03', class: "duet-step-heading-slot" }, hAsync("slot", { key: '44309b7af56393b6a2115ca08dcc9dab8b56bc64', name: "heading-content" }))), hAsync("div", { key: 'acbb331500c5e98d8d540a8081944f9fb4cba2ca', class: "duet-step-content-wrapper" }, hAsync("div", { key: '87c57da1a528c7ac2967636c36fb03b4b84b7ef8', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: '1a67f7e5920baffbbca04740b3fcbba0916d0cd8' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetStepCss; }
@@ -23928,7 +23880,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7fc9c2d05c2f7c580ee405ddc57eb699ddc5acc4', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '1ee9e3cd94ad74bffaf23c0228b6090152bf29c8', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '14302f5eb5c9ae6b77f0052fdd47b039b43c5e43', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'db81c267b60c1a38f842be1a0d8aac26571b9d4b' }))));
+        return (hAsync(Host, { key: '5bc2e340fd006b21f4bd2643a8eaa6952b4021e7', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'f1d737dd957cb2514c753a9ce5b2ae78691026da', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '1ccfbe6b428de06416c6d8968adb2cced546bc55', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'a6ec4e05353c544071b1fd103ee4668f9b2ac3c2' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -24081,19 +24033,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7a77f62cb36c92c38db357ef5fabe1e5c935cc9b' }, hAsync("nav", { key: 'cdbf70223355009908f9d61da89245c37328b044', class: {
+        return (hAsync(Host, { key: '8e39b997f834f05139b580cdffc35610dbe848c4' }, hAsync("nav", { key: '4d1fbf83faacabf2ed7d9dfeb6641191b0aa7490', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '3efbc8761447223494a0c0787a5625cd2797cb0b', 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: '6de29fe6221b65209abf03703b51f0595d176698', 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: 'c9380b45a8b5d3cb499b88fea51726513c6dd37a', class: "label" }, hAsync("slot", { key: '399042df2b0d6a34b3d110b6d54172b6d287926f', name: "label" }), hAsync("duet-icon", { key: 'b45e07003987ddffd6f33ba63d9ab771b0d65479', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '8f0450f8e75fce5e3761c7328da207bdafe9587b', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '5f8920db3ae8bbe06ce3abab22c9768658619d6a', class: "label" }, hAsync("slot", { key: 'a1759538b132a371033d7139935b005cb2ab2fee', name: "label" }), hAsync("duet-icon", { key: 'baab7b22c9204fe4718cc9dacfd6d460ebf69fba', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'a962f3f0508862d70390c4b23350b6dd4960e0bd', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: 'b1862765e933e4d898af65e31d697052219d47a4', 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: '5014dbad8270597327a1f28523abac7e79a30829', 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: 'a7dc8b551b252ddefd205f98675de931a9f95623', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'f6141dd74e409dcc2264efd7e0d3c2686b7cbd6a' }), hAsync("div", { key: '79d986136735ee080a4d1ce27721d4fb83d140fd', class: "list-padding" }))), hAsync("duet-overlay", { key: '8af59698847e9c1c404bf2645787ac5e79b92ad6', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '1ae7dfcd0d08f6fdedd6040be52938c45e7fc728', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '13124d6da772dc1767b69cedbdc3c8784c73ce9f' }), hAsync("div", { key: '13402b9a16d11b20d3b72c08affbe4dfcc6dc8e7', class: "list-padding" }))), hAsync("duet-overlay", { key: '58fc79a51f7f8e4f5467be491b687d9b5076f4ea', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -24225,18 +24177,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a0b56d4ebb2d1c5df8d9b2e8cf27affa087b4ad0', role: "listitem" }, hAsync("div", { key: '9fa18e8eb4746914b9bbd8b77a786142a65f896c', class: {
+        return (hAsync(Host, { key: 'c1eff5efe562f204e59e5c884f37ed1cec01471a', role: "listitem" }, hAsync("div", { key: 'b7758a38e4e65fb7e8ef35f26186145d2e23da9a', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '65727462474ac673daf4945a57d6d089feb24770', 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: 'ed2ed1c634e055ae75f448ed93bb52f62912f5b2', 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: '7b5238adee0fa36156adf8b1e43e3be149fc42d2', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'c42ee85e8115f998e10fb8d21a43ae65d3ba18d6', class: "label" }, hAsync("span", { key: 'd9c98e3bf2362fa2ab87a95c603b458b24bef4eb', class: "label-text" }, hAsync("slot", { key: 'f4a84ac14a4dae1b1ddfdcf3625f0f069d64a583', name: "label" })), hAsync("duet-icon", { key: '754b9942d5a00c2a6d9e989ddd7c126106637d53', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '5701fa024b859daccdc7f1cc498e3a5ef2f93394', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '54a13dba0aff8125eb1c7801af134f08bb354f6f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'ec5edfe850cce5ff78f39060047d0bd7eb1c7ebc', class: "label" }, hAsync("span", { key: 'e2fd01bcf9d1c561f9f4f1379389d4919dc736e4', class: "label-text" }, hAsync("slot", { key: 'b35ae78be4f7e2aa46589ae776f351b45d651718', name: "label" })), hAsync("duet-icon", { key: '7e7f3b40838d94eec4b5a3f3232c9e31ec19cdff', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '3b91a51eb5c0f8584f8f722269bfdace05b2f14c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'd2a04e17bf6dc4960d9d51fdddbc549be609001c' })))));
+            } }, hAsync("slot", { key: '1e10e45f34dcdfa86ce94b76b3acc83ffb324850' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSubmenuBarDropdownCss; }
@@ -24305,12 +24257,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '75f6487ec2bbf8eeb446c4c65b833d2dc48fb1e2' }, hAsync("a", { key: '32a7cd56700d1cc6902ebe3f9a03d2ef1ef10cdb', class: {
+        return (hAsync(Host, { key: '4328fbc9f612b816f4cb500a58822eb2fe264421' }, hAsync("a", { key: '8929f2a24fe8cac669207d94d260bf3e95cbbb8e', 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: '5a65a3c825180c0abc1fd8eb827c19324ac5c3e9', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '8e82790b08d1f8a0b49198de3a7e97205f95fb9f', class: "label-container" }, hAsync("span", { key: '973d01b758e7c4b6421dd3469fc19f801ac0faa5', class: "label" }, hAsync("slot", { key: 'bf5d6d0a7fdb87957b544f069d1b4d5aa87080a2' })), this.caret && hAsync("duet-icon", { key: '064cd0726b52a5db37d2bd370dd6bd849d6d1c3c', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '097a091017a3ee323645c9b5b7f31e7ba07e1bfd', 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: '6fb122ba8845e30245c40b9d2d47ae03db522e5e', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'c3ff1eb9c4a6479c51991891a6c7b044df6f9842', class: "label-container" }, hAsync("span", { key: '0834a44ceab1892d9435b328906508bc7e97a6b1', class: "label" }, hAsync("slot", { key: '0cc9d048cf743922bf3b05772c4fa0b7198e77db' })), this.caret && hAsync("duet-icon", { key: '1c857cb89d907648f78c11527092293b5bf28336', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '7fd4ab9674ec893c350b78f2f2311ab10eedbada', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSubmenuBarDropdownLinkCss; }
@@ -24406,7 +24358,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: '370695c59ae2c72b80448e6ffbde885b8bbcd5bb', role: "listitem" }, hAsync(TagName, { key: '88562dedb76c53aa7e92ad5e39f69207f7f3e311', 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: 'f3d30ed5ad267e32097c4720d5304c2fe20bd32d', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '8a2fe0ab0b1a6dd364b0f424f888035fb50cf162', class: "label" }, hAsync("span", { key: '3b89da848876ac3fa698f4fdc002f16c9622a8d0', class: "label-text" }, hAsync("slot", { key: '6a23c689fd733f0af5106498a43c72e0e1f6c1c0' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '2cbabd44623fb631ad656f57941ab7324a4d05e2', class: {
+        return (hAsync(Host, { key: 'a7622d2367e9d4c523292e437c60bfdeca5a124e', role: "listitem" }, hAsync(TagName, { key: 'dd4eae5b3b8d6b95ad4b6c5f059baba086ec9ba8', 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: '5188e85ec57bb63ab26b96a91ed5b8f57fc3269d', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '0403b8ab97f445dcab0dd1c75ecac5fb7c924de2', class: "label" }, hAsync("span", { key: 'e12e752f512152d29dfa339253535f1947549ccb', class: "label-text" }, hAsync("slot", { key: '383d255c5e8d4568891d38c3209992d8eab9fef6' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'a8744f8972e3e70dda05d797e8b6268050cf1771', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -24478,7 +24430,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f4da1cd65dbe2f088141166020a139beb7452755', role: "listitem" }, hAsync("a", { key: '5d4bf8c00270d156cba453eeb3c0c7702f8a6cf0', 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: 'e94a09f686e295d469564fa59c43e649183e31ac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '78e1a857c4920dd0ec412738320487cab1630722', class: "label" }, hAsync("slot", { key: '205e4258cb628c01123fb10bf5dfed66f25e84b5' })))));
+        return (hAsync(Host, { key: '257bf0f76bb725574e58a0ed2c04f711fffd4378', role: "listitem" }, hAsync("a", { key: 'f694a627b754f784233117a1ee5f227173a9de7a', 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: '8b67da906880e8d6d0b3e07c6a3ba65fde27cf6c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'b47719db5e779c9ecf8466bb1f8d34b298c0c04a', class: "label" }, hAsync("slot", { key: '4967a190715f4c69140308c81e1f08a5627af881' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetSubmenuBarLinkCss; }
@@ -24601,7 +24553,7 @@ class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'b14a31e8dd6dc7b3de61b015745a5f05ba08304b', ref: element => {
+        return (hAsync("div", { key: '4fca5a22606b811ed12125594e12805793e50715', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -24610,7 +24562,7 @@ class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: '1994e64eb0aa662fde31afb24b8d266e87e0876f' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: 'ebec5a2316bb186f1d14d28a781a3e72634cceb2' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -24916,13 +24868,13 @@ class DuetTabGroup {
                 [`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: '25bf0a556ce8bba2a4a332444083d2dfdea7129d', class: {
+        return (hAsync("div", { key: '62061f04e6e50158936d0f698ec4d24d1f56d172', 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: 'eba04a26847884e7f63a921f35a876b1bda46338', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f57684e99c6307eaee22a7188610e7a6a02f12bf', 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,
@@ -24933,11 +24885,11 @@ class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (hAsync("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (hAsync("div", { class: "duet-scrollable-stretch-overlay" }, hAsync("div", { class: "background" }), hAsync("div", { class: "border" }))), 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", theme: this.theme, stretch: this.stretch }, buttons)))), hAsync("div", { key: '67ad5b88361f5c802ba6fbff3f99e2482d6b4424', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (hAsync("div", { class: "duet-scrollable-stretch-overlay" }, hAsync("div", { class: "background" }), hAsync("div", { class: "border" }))), 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", theme: this.theme, stretch: this.stretch }, buttons)))), hAsync("div", { key: '1b0cd32d892b4f065e65711ac6c6ae84a6ce374a', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: 'be2053ddbd1717caa7ae223df3c10c0f22adf84b' }))));
+            } }, hAsync("slot", { key: '47c949d162c8668b1cb8559a4a5e15a0aa751fec' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetTabGroupCss; }
@@ -25570,7 +25522,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: '72de844955aa9838e7c02ea85e8b01a7b93ab62e', class: {
+        return (hAsync(Host, { key: '58fe5a85c863cd1bb8f6f1fea0b68a8c022b5e5e', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -25579,7 +25531,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: 'd04cc4bc3ee738f5dea148cac4ed37999c699ded' })));
+            } }, hAsync("slot", { key: 'be5ee871ecbc7455bd5adf7e38ad161c77a06478' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -25827,17 +25779,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: 'f96f8bfb3d7db8702d93e524b6f35345a00dfc23', class: {
+        return (hAsync(Host, { key: '808b5e06b6de1237388fee6e3645f50bccc98058', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '5a6d961cbcfd7773891a73bc2453664d8b7eda75', class: {
+            } }, hAsync("div", { key: 'e20de7ad4656bcfca92e0902b862e180c88c6508', class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, hAsync(DuetInternalLabel, { key: '3ea764ea3af25c73b3cbd7a312fa13ef4c527d8e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '2d8083c48f3c6fcf001e628ac45f52ead738f91c', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '820f83bcf229571f29ca1c656644522bc1b06f55', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '793cb22a0e0bb14d34020cb236178e06d37c6a49', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '24534a70a17ae74f48e9a5cf2859c61f28e4e05e', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'd79ff2a2df106b46092ffc1523365799e43038b9', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '2f7126560f76fb427588e63ee6f5ad0e24f47675', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { key: '3e849526a9c50eaf12e540b479107b17b0a890f7', alignment: "stretch" }, hAsync("duet-grid-item", { key: 'a11e09c4bb41da0a56aaa900dbaf4f18b34f1bbb', margin: "none", fill: true }, hAsync("div", { key: '3916e71cbd1a2bffdcfad05462f9447822349e85', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '36ac238dddebe926be39539f5131dd3b723966a5' }, this.error))), hAsync("duet-grid-item", { key: 'a89381204a66146ae0aa83c258b33a88a659059f', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '9a4ba9b7a747d89f2c24b24211022d6283fe1ddd', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '1cad6a66639716c20a936224b063ad33ef1d2d53', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, hAsync(DuetInternalLabel, { key: 'a3df8f3287f9e6094d769e5f152fbfcf5b968fd4', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'a55a061a8ed4aa7e104d20b5475d00360032cc2e', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '617baf980f6353a1850b94021acd5a7dbc0ff47f', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '2b43f4cb82578bdc9f813c82baace918d7daabc7', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '1094ae77db74f35e5e5e7817149ae8a2a46ed38b', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'dd9f2923f4e8e049387b491c027fb1f6d38a98bf', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '4cdb3c3e6259fdac5f23c97adebe3e5e9122fa50', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { key: '06b48f312f5ab40b9c0073ba6e088238d6d4f4b7', alignment: "stretch" }, hAsync("duet-grid-item", { key: '8701a54e385ba7436f84f04a5d44a741a31b49b2', margin: "none", fill: true }, hAsync("div", { key: 'b530f04b3f47a438d585b86f364680e0b097583e', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '33534defa65d5ad971778f72b99ea1d9f5f7db33' }, this.error))), hAsync("duet-grid-item", { key: '7f0a91e10ef7e57c3f3ed9f989f40e53dfbcc0c7', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: 'e220af92e61beecb5723063e2306358ca9b7bff5', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '7703c93adc6ad2deb440a6b97839afe75261d9c0', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -25992,12 +25944,12 @@ class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (hAsync(Host, { key: '3e49848af5bc84ef2315c914d48994fa138701d2', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '17ab866aef36079e345e21861590553339bc9d25', class: {
+        return (hAsync(Host, { key: '5fa81a9e440baa2af29877aa320a029dadc12060', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '91c36a9492ee0c0616dafe3ff9fbec3891cff4e6', class: {
                 "duet-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-side-label": this.labelPosition !== "top",
                 "duet-reverse-label": this.labelPosition === "right",
-            } }, hAsync(DuetInternalLabel, { key: '6bb1a5485b6960782198191ebbe15d96c86e679b', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '7b1b017c1ea022f45b936c24bc01ef0d93c23082', class: "duet-switch" }, hAsync("input", { key: 'ae7a107807365d80fbd627c76731c4458d4a9ba1', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: 'a2dd4e29a641754c9c9fad87d6a0216900436557', class: "duet-slider" })))));
+            } }, hAsync(DuetInternalLabel, { key: 'c50a5c07f1b5b44d41be6898385007b1fe2784bc', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '51120f363a5a8d092d9ae67edcd2643ae21447d0', class: "duet-switch" }, hAsync("input", { key: '1dce632b3a1ad207d551c3e638c857507951f09b', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: 'c3de51cb227254c1ce08e5b5c6f5a1776563a7e2', class: "duet-slider" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -26072,11 +26024,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '8b3215021e7634dc36189afda46c642035d1fb67' }, hAsync("nav", { key: '66cf43e9a50d6391430f1a731262c9a15bbb62af', class: {
+        return (hAsync(Host, { key: '5f9b0d866d1f2d3f06d199e43c63b5153979c31c' }, hAsync("nav", { key: '4f30db4647325f6e25bb2cfbcff5046016fec89a', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '6a3f5c47e219ccda9f6547190d5029596d71af22', class: "container" }, hAsync("div", { key: '9fe9768b284de110df4f398635f92321a9f51e47', class: "list", role: "list" }, hAsync("slot", { key: '0e390cf47e4a6a09562840b85ecd8d19af77e057', name: "left" })), hAsync("div", { key: '06a7b437788370ad3dff4c64f464efed617d0bb4', class: "list", role: "list" }, hAsync("slot", { key: 'b90bb89a9f2e73356afbd51f107ee32dbe44664d', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '95ba23c74d448efa8b0bd114851c782eeb1e3e7a', class: "container" }, hAsync("div", { key: '0048c998a1ae8c7a4af608b085ac84892c5ff20c', class: "list", role: "list" }, hAsync("slot", { key: '657a2df8844e9c7eb46ba68c89defd354a789fed', name: "left" })), hAsync("div", { key: '063c94352ed36fb37e3936c4c06aff72e6277e1d', class: "list", role: "list" }, hAsync("slot", { key: '8c2636d3970e21f01bfbd84e24c7889d225db161', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetToolbarCss; }
@@ -26157,18 +26109,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'ec8afb1b9c5a5a00054c350dcabf1937e2ebd027', role: "listitem" }, hAsync("div", { key: '0d3b22500072d4c456142a9576390335cb88c480', class: {
+        return (hAsync(Host, { key: '8b578b5be4228d5ee4b9aa11667c638277c8215c', role: "listitem" }, hAsync("div", { key: 'd02a4785e453a98fce5795727414ed342765667c', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '9b7e4e93a957a11dd76ecb55856f6a06f3b4da8e', 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: '5d64c32ca5bb797e52920f2dbcdd4c2331c7e1d5', 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: '188a158f9186d2afc41b7b423d84d852161b7ecd', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'b9eacfe8fa2cb56ae0ca55f9ae4ae8f8165496a8', class: "label" }, hAsync("slot", { key: '8353c656c25eb154ecdbf6c5d9ff7ecd2c5d5e84', name: "label" }), hAsync("duet-icon", { key: '29e5e1152aa053879413c8f35e393d0ac5b5f799', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '1fee667d81eea61966d97d2e9ba810057bdcfd49', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '29bc6c89f4079285ae2f6c902b672e348407dc7f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '61f9b434ade386cad6723371771ebbea391ca53a', class: "label" }, hAsync("slot", { key: 'ace38fa999915e9dd9b152844877f17f4fd192c6', name: "label" }), hAsync("duet-icon", { key: 'd65fe0f7f7d0f36b5e3c053b158f3ed43f369118', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'dbe2044c1ab7862269a72c30c21003e2b8799905', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '9b1a884fbb9e959f18f732ea142c6f363c92a759' })))));
+            } }, hAsync("slot", { key: 'aeed76421fc27d71ae29c85f3048eccc9113b903' })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetToolbarDropdownCss; }
@@ -26234,11 +26186,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ce73e484ace2703e8c0b398ecf0920e1beb68294' }, hAsync("a", { key: '42d8007e0e15e3f7aaf73c994f0d4f9ce83d48e3', class: {
+        return (hAsync(Host, { key: '6405dd4276761748f36b02f74085c0f1ce00156c' }, hAsync("a", { key: '0bf5749207e213430b78556c6cfacd74b6cf16ec', 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: 'dd4466d67ac7350e7cfa875a33fea918ad0537cf', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'd013b144c330e57153f4831e8998051dffcb0f05', class: "label" }, hAsync("slot", { key: '6586ff3288d5364a42f4216fdc38da22a6b2571f' })), this.active && (hAsync("duet-icon", { key: 'c190e3d5ee6df25e7bdfeb22b7997922d4e31759', 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: 'a864b6489e90f6e38ad00cdab506b4e5c7ff0da2', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '0f8e18d155eced37ed6024f9bf52d9a05518b9ce', class: "label" }, hAsync("slot", { key: '0497e41427fe8cf8186d6cfe58786fe62e6fac83' })), this.active && (hAsync("duet-icon", { key: '83ce2c04454d0e751a5175d325bc389a0d17381c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return duetToolbarDropdownLinkCss; }
@@ -26341,17 +26293,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '3dda4616e6263dda8a0944acf0e0723de9e7c80d', role: "listitem" }, hAsync(TagName, { key: '7ec322fceab249bec29d0e78e78108a53a387a1b', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'bd6cadfc140d4577639fb2429ec4abe3c0af7ed0', role: "listitem" }, hAsync(TagName, { key: '761443e0f868e1f2f5dcb6cc55b85c5b17ca89e3', 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: '55e57b2c856820643209bbc3b46203a3c91c9cb9', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '37d1215ad2eb2c1bc5f845609461f71101bff54c', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '86b59ccb0629769a6d263cd8da8a3ce66250e100', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'b586e51c8744d276c03205de9132efb2aa45a287' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: 'b2bb3e0b329ea3329cad91b50d9a71dd0481daee', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '955685737de4d72b83dd16ef4514dc5b1e78d442', 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: '9ed3ef2cf11bb4f467977e3766f403ab2ee6357e', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '10691d748cb0698570653c69cf2abc89e15730ee', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '286774b765449ac75be74346366dfbad8b038673', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '3b2e716bbba91c9dd073889ecc79b51249c90a05' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '7cbd7bc62efcc296c23b2237359ed305541b1206', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '50ff062786993532cde613041f77f58f5cbb98de', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '14657147de3b0fbc608f9823e669a5b1acd81e45', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'ecae924828649de4ba95638a6d2a3acf0fca9b32', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetToolbarItemCss; }
@@ -26418,12 +26370,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '73cc5c14d184819f6aa63dd1c7232569843f9a6e', role: "listitem" }, hAsync("a", { key: 'c9117a9336f46a917ff6dc16ce113bef5f9e4922', class: {
+        return (hAsync(Host, { key: '8cbad84c779038c9ca63a0bfceb698bd1e3ffbcf', role: "listitem" }, hAsync("a", { key: '427fab4cf232462cef706a882322cce701f3750f', 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: '90224132ec88fb4d33cb469adb8885ec975ea29c', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'a551b34c8f8881c0f7bc055b1171aa847264fe50' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '1d0839124e390b9d11a93af8d7d430281afca2fa', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '95192a637f21feba7a71ba3d3c1427cc0c789f4b' }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetToolbarLinkCss; }
@@ -26739,13 +26691,13 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = hAsync("duet-visually-hidden", { key: '84e1407b8d44d6fa187a497d805a3c2802aaa892' }, this.accessibleLabel);
-        return (hAsync(Host, { key: 'd5de1fcf670925b807040c74083b6919de874e0c' }, hAsync("button", { key: '1f217b883a504d88592bf345c9fddaff0ca143d5', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = hAsync("duet-visually-hidden", { key: '4799f2ec52d46a917f745fabd3be813269ba0f58' }, this.accessibleLabel);
+        return (hAsync(Host, { key: 'e072ed42c2bc55d68e53e8185ab060d8cebd294e' }, hAsync("button", { key: '9ef7415ab0a35eefbb13b06f1acaf740003fce9a', 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: '04d473825d0490b6246756921f03ea36b1331100', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '98983872a65c6009cdb1e1a7510cc38ca8b82d32', 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: 'f24d36c72ad470a57077701d60ab5c1bdee55c18', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '7c8461a095d107306c19bffc7501aff26598ca5f', 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, visuallyHidden)) : (visuallyHidden))));
+            } }, hAsync("svg", { key: '3f38cf75e0a62e44c55c713b7ac5c8c4a729486d', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '3f225e76e99c77d0418d31f24766e0be12e5b108', 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: '50fdedaf697b65bb8662b6245e2e9efa967c63bc', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '54ee8e155177ce832b318ede1dc04538e1e6b23b', 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, visuallyHidden)) : (visuallyHidden))));
     }
     get element() { return getElement(this); }
     static get style() { return duetTooltipButtonCss; }
@@ -26810,11 +26762,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '230347e6fbc48f428182901765f6cdee9c5d6b71' }, hAsync("div", { key: 'b52c94eb9e8241f7ec43b5ad5057cc6979a65ab7', class: {
+        return (hAsync(Host, { key: 'd8e4b83d2272f1d19b865a52415d78e7c84fc35c' }, hAsync("div", { key: 'f4bd117948c497edba219a27da2fa426d868545c', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'cf20aefbd2573f69ecd7a497fb6e7015e69a33ca', moveFocusTo: this.buttonEl }), hAsync("div", { key: '2f77788f5c9a679e63fe3923b4d1e1b4142ed45d', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '6c7ac1513024cc67c72f05b03a5e138b337289cd' })), hAsync("div", { key: 'a8dd723ea6c4151aa2d5371b85f83ccff364d0c4', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '292745e4821b706148cb28a1eb515aeb9ddb5a0b', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '91f86862f6c024c9c13dcd84a0c47ff0cc925f79', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'acfcce3823241db8c3648c2ab20bae850997472b', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '16081fda331f5c290dc316663c28a4f306355f67' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: 'be700e8d270a0d4f4c053c44a30ae95b995bbcc6', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '7b243985e35ef7be33c718509d773706ec7ef919', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'e0da7f25b483aeb61b165e82acd483e832abee52', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '304d2452c1de80433988f23468393ada0258e89d' })), hAsync("div", { key: '6ecf3ae87ed38b55232bce0649e3be0e6c3ed660', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'ea40ac7e135be53ec07f94986ed60b3a663f0103', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '4da14adafb372d9e70a0770172ae395bf1a17d77', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '2f49256a46c3406f4b1f097bbf814b259a33ad76', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'bb0d9fddc2edc371d3d4043acbd1a79600e93154' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: 'f17bd9300118df17d1967b87d499089bcf9bc22b', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return duetTooltipPopupCss; }
@@ -26963,14 +26915,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '605fe95d69472a37afbc3c383995519d38e1aa1b', class: {
+        return (hAsync("div", { key: '61deb461a2a44e12c2652e68da8bd5e8e92f5ba1', 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: 'ecc3ed51d8cb28ed84ccc1a8b3281b6978eb538a', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '47300dfc0f931963d174a1f2685cf75be737f962' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'ac26cb19e5d91d38fb967d7c7e318e1b95856637' }, hAsync("button", { key: 'b67d6274b52a7775756222eb9c4a129742e91c20', "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: '47e72504f591aec9b126dd837cc9064ac7939c81', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '4bb141a2f2bcbccb491463233083265e2cc57daa' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '79d248cbf05cfb2148e1bccf1f92f99402874a3d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '258b18afe4f0da7910ba5595bf47589ac0a320fb', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '40ba0345baa699a558f3ec4e99a3784530349f2f', name: "additional" })))))));
+            } }, hAsync("div", { key: '7216294fc6378a7b86669afac0b685e4aab6ca70', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: 'bb7f0b87201a5e8d875d897c1ae133ac6bb79231' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'd00ce1421312b8b1f568f6047323cfe9939dd75c' }, hAsync("button", { key: 'b7976c815b882283b0c64ff029e5f1c9bf5e9e2f', "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: '664c4304956e447164acfce88c48ec1fab4ad16c', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: 'db64b21d196cdcd39267b50370643104b8fde699' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'a7ae2a0640be484dfdf9fa39a4e95bbb23c14b0a', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'f8c2a7a0bf70430f52713dba3d5ff3a8b5230b74', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '0ebd960a3adee186fbb2d7388c2e8eaf5d04bcaf', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return duetTrayCss; }
@@ -28285,10 +28237,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: '543992b9d9c308f9e01bae345b5fd8c806b94d8f', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '77e0b4bc007bfb6259a45a0d360611c8a8f58a57', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'aaefb5b725097acfba9855cbeda4af32ccb39702', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'e03c91293b669c938fa1bb156549c8b85dabfd1a', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '9158cff25bef2cdcf251140604c17b4c9917fe63', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '0545322e2f3dc59797b5a5a7e2dc7b03d45abbf7', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '4180909f17d65a4f7d7f6ce772cf7316bec91161', 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: '5c489100fac57463ed965d0ce8a81be27d4ba3da', name: "filefooter" }), hAsync("slot", { key: '2ff841a688a9a03d2ca0b476336c85e815f3b6e4', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'ba7ccda08073f82c646ca46e2665d6998bf6fb30', margin: "none", size: "small" }, hAsync("div", { key: 'e3cab668b5d88f68275c62b878db3c46e133dd26', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'ee6f6b6083d15d990f95baf44d10cbcffbf0ebc4', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '287c6c09b0beecd2e586fee769feca4bb35a185c' }, hAsync("duet-spacer", { key: '3aae82caef09bbd97ec88ac30ca1732f8c07f940', size: "large" }), hAsync("duet-button", { key: '708bcfc6751bdef503a581f543812eca76ebdf9d', 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: 'f05b1bc489a5c538991ac8dd4fb6d0cea0248a88', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: 'e312d5885534198920efc3331df5582dc39935b6', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '513b4337a00c445beec30a4f293159121dff800b', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '06ec49a81ad76718aaadcf78a5125383f0e454d9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '5196406298adca8d60096a6dc6978a6a5dab82dc', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '528af6873871076b373911205b6d12dd388b9248', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'f90e54a7e33eed06210ccff8d20289f49713d80f', 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: '89d0d5fffc8d7180be672b79e9c977ce97643542', name: "filefooter" }), hAsync("slot", { key: 'ccd754107ce3cd0dcc5d275112ac2e235a362af2', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'ccca0f7296e9b91098604a85346128a1e729d0c5', margin: "none", size: "small" }, hAsync("div", { key: '5296d30d3f385ef9b4404d4f2e319e5bdaa0046b', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '39d033b9afb07b4c030e671d2fc16839755f1fc9', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'b7aa66d03f4b95e0af548ab6fee1a12a2179144d' }, hAsync("duet-spacer", { key: 'cbf589041c6689736c06276f26aa3abc8afb5747', size: "large" }), hAsync("duet-button", { key: '5035ffe9eaf91f57445bc06607dbaa7c9405a216', 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: '08acb67d151215eb8d87ea2d2a8b06b8679e7279' }, hAsync("duet-spacer", { key: '627aff6809d68c854b2d73fb058b163959f20e4a', size: "medium" }), hAsync("duet-alert", { key: '67aff7ef34cf925bc40bcc9de417f1415bac12c2', 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: '2638b759795817f6db83dd714135600e267b7794', "aria-hidden": "true" }, hAsync("input", { key: 'c395a101ca022d9d3f56f9b94bc4a5b6cf19e37b', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: 'ca8f0765615c5724e645c38fa81334deefbd4a1c' }, hAsync("duet-spacer", { key: '425362adf2968f400b90cbbaccdc01ddbeb6e4c7', size: "medium" }), hAsync("duet-alert", { key: 'ada913acc86cff70615d3e43883aa8a494161967', 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: '701872fdffc0c8773613dc337f6df4d8bfa5af3d', "aria-hidden": "true" }, hAsync("input", { key: '07c71fe2a934f360861b20a4724fbaa7e7ef4b62', 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,
@@ -28630,7 +28582,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3c8090b6aa882906ddf465b2d7e55cdd8718d4a0', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '2de9db4f9461b3cefe88e580d7862bb0950923f1' }, this.statusMessage)));
+        return (hAsync(Host, { key: '85e26066bbcff5245a4ac2b14e8bc2f0356287db', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: 'd5ea2d321e0906a799562e2d82be8b17810da9aa' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -28706,7 +28658,7 @@ let DuetUploadItem$1 = class DuetUploadItem {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: 'd6f332ceab0e71d4a1d4a31f67d8ebaaa1b2a74e' }, hAsync("duet-visually-hidden", { key: 'd8a1e009bd303b11addfd69cde730a0158e65052', "aria-hidden": "true" }, hAsync("input", { key: 'ed86a42e866d06c423e616b5b2ec3859483874e1', ref: input => {
+        return (hAsync(Host, { key: 'a3b0dda64a1db52d7c9b8692c5b22113e31185c4' }, hAsync("duet-visually-hidden", { key: 'd1a774833763b5200a4b7d2fecb9887d44f92862', "aria-hidden": "true" }, hAsync("input", { key: 'cc5c287037f8035a16dcec5d3edeae3f51465726', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -28810,9 +28762,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: 'f24e0bea999330a0784b255398358bbc33e5f5cd', class: {
+        return (hAsync("div", { key: '2f5e9c2cd2ebafe55ad4b2354ffe9d54b2499d9c', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: 'fd1c2ab22646760a324b0de469959bc6607b1ad2', class: "item-categories" }, hAsync("duet-heading", { key: 'eb2502beae139d6dd6ea11fc261f82a6c4270827', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '09e44a28ce3f85068375e592eaca1b5c3ed91ea0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: 'd6daa4309b5d8787330e1831a0eeb4ffca998a4d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '5b2f51d4999e30c7182178cb40a732616cef6c8e', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: 'bb98383a54af5568e97361315f34f48c86544d8c', class: "item-categories" }, hAsync("duet-heading", { key: 'e57c5dbe2be316ac4863611774ba2aeca8818319', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: 'c558aea046babd166957b23cc53fa2e1448d9bb9', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '94d7a2b0d059765b52de0750086964dee74f6e14', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '81f8f6bc48dd7908cee178cf62663a0a9061f95f', 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) }));
         }))));
     }
@@ -28852,7 +28804,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4c78114391a6afd075e687070b33906509017606', class: "duet-visually-hidden" }, hAsync("slot", { key: '85fa5269b5b0c7d8a49b03a2e488cdbef56beb6d' })));
+        return (hAsync(Host, { key: 'dd756f4aaa94a49c7f7b65126b91a4d1a4b2108f', class: "duet-visually-hidden" }, hAsync("slot", { key: '254bff05f732e3bac9f4d3099ae89aaeacf7ac76' })));
     }
     get element() { return getElement(this); }
     static get style() { return duetVisuallyHiddenCss; }