@duetds/components 10.0.0-alpha.7 → 10.0.0-alpha.9

package/hydrate/index.js

@@ -3989,12 +3989,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: '2dba3e832143d9faee9ecf2c5655fbd537ed334d', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '40e82bba7a8f3657ee18ac180213e7d6d30ab1c2', class: {
+        return (hAsync(Host, { key: 'cf3e3f69b29d87e252f9672b2a75daca2924e693', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '5e84f634dd533f1bf06eb2e15f8fcd441970ab40', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '2aa7fa9c5b605a9dee5c24ac62b0ac673bb75ce8' }))));
+            } }, hAsync("slot", { key: 'f40a8bdb25390b1213f7e784f5398a5f22483364' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4184,14 +4184,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: 'e3bac4d65f78839055c45f4c4b7bd3da5485f484', role: "listitem" }, hAsync("div", { key: '1feb1346cc8855bf09f723a86fb033508ea3892b', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '7ee4f27fd98952d5c7f90bc22c9d57dc2d028059', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '41ec8a37cdfcda38d9873a44406ecf7554faa4f9', class: {
+        return (hAsync(Host, { key: '0e1297a62e328428c8f4c499846a70dbd020b3f6', role: "listitem" }, hAsync("div", { key: 'f643fa524435dae01589d0763da39b4ad6a1fc00', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: 'f78e03bceb9247e063306cd720c3e930931a0af3', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '25544b3ce62ed9faa24fd785b792a4a1126ae88a', 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: 'dc43a33c4e67623deb9f7ea4980f1df6ffd9f5d2', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: 'a4f0bb0d08370e92dd2410e98f506494be21afab', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: '1f7a919751cb64f71118b681b6d8450f980c69f0' })))));
+            hAsync("duet-icon", { key: '4dcbabcd08a77ec90e06ad7e7702bf59e5529bf5', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: '622bc645de5061c411a11f54ec14461af07f3a12', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '83eee004dde5a3da67516903c1019eb1b1dec620' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4252,11 +4252,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: '5e7f8d6415f70b5e6663621753425d50f780c5c7' }, hAsync("nav", { key: 'b42adb6f45c71c891ebde23cde79849ff0403cea', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: 'c0b1e8c78d0744f5c809583855dc93aa24996f2a' }, hAsync("nav", { key: '43f9aaea1114c5dd3ccf669fd6b0e757345b27eb', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: '662463255208d9fba406f238925b809c490078fc', class: "container" }, hAsync("div", { key: 'e6b7b7346ba921fce23b7c6754c1434d5869b871', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '5b523530c2863893b3627b42efbd0500ad90c5e6' })), hAsync("div", { key: 'f5a560b4539fc9bebfcf4fc4a285829431d1d33e', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '48d2fa79c60f46ca410a8870bdb291b0b98122ac', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: '96e61856bbf06a8ed5c3c693bf53c15dc3aa340d', class: "container" }, hAsync("div", { key: '414388159558cdb6b2f47ae096590165d65e01df', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'cecb69a54afc0a093bf4f7ca38724d8d15d2751d' })), hAsync("div", { key: '6a924f55a0c2d36033df4a532bb5429d6385d35a', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '00bb27276633fa524c2d74812968048ff98770b0', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4296,7 +4296,7 @@ const DuetStringsPleaseWaitDefaults = {
     en: "Please wait.",
 };
 
-const duetButtonCss = "*,*::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:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;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(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;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:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
+const duetButtonCss = "*,*::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:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;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(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;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:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
 var DuetButtonStyle0 = duetButtonCss;
 
 class DuetButton {
@@ -4472,12 +4472,12 @@ class DuetButton {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (hAsync("span", { key: '8261e9341625f40cc3443028886ba797e455fd18', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: '8de1cf100792030ea48744f69b85891a75b221bd', "aria-hidden": "true", class: {
+        const commonChildren = (hAsync("span", { key: '88051b53fd72f0b129657ef715640223f15481c2', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: '98ef2cd4ace336d9deb8dab90ec991fc1d446178', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, hAsync("duet-icon", { key: '34d180cb49257dea26208354b7d7af6fa3bbe224', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: 'a80aa7681ff913fb64c194bc8a948cf44013af17', class: "duet-button-contents-slot" }, hAsync("slot", { key: 'a7973447fad08810a13a15347d9e14b47a22d261' }))));
+            } }, hAsync("duet-icon", { key: '91ac2ca8b67eefb2b9c0360844bb7c94e09afa08', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: '5c8f78bef44b27553ab8afac09b879ee63ff44f9', class: "duet-button-contents-slot" }, hAsync("slot", { key: '3e8dbdc10401d6398fd1d55a061347962afcc8c8' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -4512,7 +4512,7 @@ class DuetButton {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (hAsync(Host, { key: 'ec159b1f3d12c0389ca0ad87c1e4a5977711cb55', class: {
+        return (hAsync(Host, { key: '3a911ded3c52428957f6616a4d1f997bd21f7146', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -4520,13 +4520,13 @@ class DuetButton {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, hAsync("span", { key: 'cbefdfe93f79c1fa1dceea5d8796242e00d03221', onClick: this.handleClick, class: {
+            } }, hAsync("span", { key: 'ba3598977b509fd5da178492f5b91ee98adc358a', onClick: this.handleClick, class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-button-negative": this.negative || this.variation === "negative",
                 [this.variation]: true,
-            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && hAsync("duet-spinner", { key: 'c72fcf5021e1746ba8af63e4e9500ff1303e8ffc', color: "currentColor" })), hAsync("slot", { key: '04a92da59dceb3d0bd30dba5fc3808b1415b42d9', name: "proxybutton" })));
+            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && hAsync("duet-spinner", { key: 'd47a2c679ea68405e8cb22553467c00c3e7fdc94', color: "currentColor" })), hAsync("slot", { key: 'a26510be5ca0ca17c82de03527f59b8468f7e4e5', name: "proxybutton" })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetButtonStyle0; }
@@ -4613,11 +4613,11 @@ class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (hAsync(Host, { key: '723ea1796690bec2b5d1369a35f871868699f482' }, hAsync("div", { key: '38e2a65cd5fabcea4c016a4a4a940626d52c635c', class: {
+        return (hAsync(Host, { key: 'd27408d6d82bfd84af629cacf5a77e3154e13f41' }, hAsync("div", { key: '119cd7ea31b3c38d1fdc0bdf27f433f11720e4a3', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: '36a5a023265077b4c39bee1dae7ce5c6ab4e004e', class: "container" }, hAsync("duet-icon", { key: '8bcad0fbd84fd987ed99f482e79492c711f7dadf', 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: '2d76f9cb68753b961cbb3109699fc0a0c922640a' }, hAsync("slot", { key: '7d2b56b822b785daea92f61bbb1e8fbe6e5be4eb' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'd06dadee4829120187ca4eff21c8b3a80a1ff007', class: "author" }, hAsync("span", { key: 'a472f6d05d44e5a007e0a9c071483b32f0b026ef' }, "\u2014 "), hAsync("slot", { key: '01affadf429239b1e6e18ab26b702ba68b480e73', name: "author" })))))));
+            } }, hAsync("figure", { key: 'c526b373643ce5a75a247ebb6909db4aafb15445', class: "container" }, hAsync("duet-icon", { key: '4df319ceefc547b3535d77a481cce1adf726f1b0', 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: '85a7a548daabdee9d5f39654200f87e63081f86a' }, hAsync("slot", { key: '078d680a4d891743078cd90807fac357882ac66c' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'd732b9a3a8d02c3d4a36192a915e5a9bb3a6994f', class: "author" }, hAsync("span", { key: '296d2981b18de589d9a0e0128c6599d35015f795' }, "\u2014 "), hAsync("slot", { key: '0a6b579e2d743716bd41b3ab566de0511c1642dd', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4983,11 +4983,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '816a3ac9535fd26b046d08026281ac22a04e42ac', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '11fd99290f4e4f3454beba9f53a86bf9707ed733', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'f58d6e9f6047afcc52bdf92b4aa5f2c22732a2de', class: {
+        return (hAsync(Host, { key: '622bd4a994f7a18ee9b3f5d0b4f2fa3c38fe2054', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '95f90f2a7f1648534789dfd90e5216c728f472c4', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'b9fc08723222791a4ed226ad2f2dc4fec1256c88', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: '3e2d68f14bba50cbc66021180eaaa9efaa9b26d9', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: 'ddf0b69427d9e91abbcc2c48ce12bbcd1d55e7b4', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5311,7 +5311,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: '5ddf4eae8cb9deb9390f694c3a0a1bc9981d4359', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '121adcccdad8d637a2fc60482831f988948e2ac7', class: classes }, hAsync("button", Object.assign({ key: '6862bfd33573fa7a7cf74a80abb28edb7b1d31af', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '16cdf94c6a9d411ed7dcdfd91fedb3653631382f', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'd913024eebba49b2f489c6859c8b0fb5395752cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '0c90ce6861f802bec7d4d9462fdd08e7b8130179' })))), this.variation === "input" && (hAsync("span", { key: '55ddebe4c051b4806e58275c3c500e594c7bbe24', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'e37c4f5cc015d6487de4a65c3339369a4e89962e', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'b213a65e417e8a1900d42b19c59f8d7c9ef2fa94', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '235ba630d4861c5b89074208bfe8bec3aafc4cb2', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '4952f588693c543bb5e940e62ad82a2afc1828a0' })), hAsync("button", { key: 'e92f1e564b70b2041845bb3d25f3dd02277d2eae', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '14ee83c2409dc44690e041ee80542d555e7f1e93', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'b1ca9ec7ec6fce48f4c33d2029ccd043a79dd803', class: classes }, hAsync("input", Object.assign({ key: 'dbbf118c242b3a04c7df17eaf04a6f27fcc0eb40', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '898206f44f12092a9d4d695a8e7d09a56297671f', htmlFor: identifier }, this.icon && (hAsync("span", { key: '0c337ba4f6e48d81752ff411e467f346fc87c311', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'a24f796b0817c43c51e3e1676ab9d65a4fe07ad3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '955cf61a6b57d6edc3c8d8350fb469efffad3803', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '8f0b8996230a8dfe83414e89b7c796121de41526' }), this.popupElement && (hAsync("span", { key: '37a42083a01d64d81bec08dcb9464ec450e17820', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'cb1d4646dd01cee1b69d45988aba671e8d606a91', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '89d0d76772a7ff76799ee9d60329ca3dd81b7fd8', class: classes }, hAsync("slot", { key: '391e609c08ee02a3b4153e5509736db840803e85', name: "input" }), hAsync("label", { key: '233a831ddd3e6e850c69f4300f28b2b33a6c7dd3', htmlFor: identifier }, this.icon && (hAsync("span", { key: '90edf79133173465641029aa158d36a568a31cfa', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'a055c58682160fac0822611b692264e0bedb7b6c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '14ca6369602be7c44b16ee89eabd77e3c26bb941', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '63635381228bc16fc8f12cfed491dda50ce188a4' }))))));
+        return (hAsync(Host, { key: '7be8a97618afcc5aa95a73b6999cbd21a9efe66d', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '20a79f42019bb5456940c408f16cfe4398ce752b', class: classes }, hAsync("button", Object.assign({ key: '0da848870e5d364e5a0c96286863abb8846f3b43', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '65963c49ac15e31be9e6c155d713895011247c75', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '6bdaf78c4129a2e195b2c8d8615fbc030892b35f', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '115c67252b400a3796064d80b48c940f5db630f6' })))), this.variation === "input" && (hAsync("span", { key: 'f88e9e882256e176835645274c7f3ad5feeb43f4', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '8966730749b28a27a8d9c3ad0cc5384d7365a224', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: '0c5090f2ae94e37ca202aecfdd26793617d96fcb', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '296fc12572a339b123691ad64e5140187bc8ce6f', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '52de610f0eef8aaf1fc353e4832460823b3483b9' })), hAsync("button", { key: '863d5afcb642ad16aea0567cf6043106231e7947', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: 'bccf50bd40c6e81cb150f8667065b2951b592aa5', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'd4d7899b9a4398b11426408014e383041393a0cf', class: classes }, hAsync("input", Object.assign({ key: 'b0ba6a4dbe7b1539188e433a26bfd8610619e4c5', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '8facc59cf10af72eec36071be9ae95556591d1cf', htmlFor: identifier }, this.icon && (hAsync("span", { key: '91f1eac1be716140991470852ed8a0844f2b9cec', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '27053a7b32e80be22bcc07e6b59f224cd3c6cc6d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '912f00ad9abb15c939e0ab857b89ae94252335c7', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '549f86327697adc292e4ea26d3c5b582b5b19509' }), this.popupElement && (hAsync("span", { key: 'e6f6c8d0996bbfa904d27deeec7e3c51ce2f4a6d', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'b0e8c8db27bb4f226c36d84c1cfe5b9d09da4b54', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'a7810754fc8da2acf0e7c1509202f358b5b01589', class: classes }, hAsync("slot", { key: '282c8898695898de513270a8e885762aa0ddab6b', name: "input" }), hAsync("label", { key: 'e5563a86a6e3f9d948a0edaded7230f2eb99410d', htmlFor: identifier }, this.icon && (hAsync("span", { key: '606119672d3bcb9d2db6d7650ed4009a241588e7', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '1dfd234360874e73c5b7b6cdef3893909db3a529', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '81134c606d6e65e10af40eb97d708c4591f31ff6', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '2a3b27a04ab0e0d14a65cd3aef6ea4bcee9e5367' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -5689,7 +5689,7 @@ class DuetChoice {
      */
     render() {
         const identifier = this.identifier || this.choiceId;
-        return (hAsync(Host, { key: 'e45e3d883ff601f42cda53bb745589a6cff07669', class: {
+        return (hAsync(Host, { key: '95c3bf3494b8d33d7f30cd09b46a5542371c9252', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -5697,10 +5697,10 @@ class DuetChoice {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, hAsync("div", { key: '269cb0465b9088983bb4a9c3b0fab4ee0e4a2bd4', class: {
+            } }, hAsync("div", { key: '087bfe11a824d0dbe53285fddc1666b9b078fea7', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: 'f58dab3ebe6b31f9284d609e62d8c97e3056160a', class: {
+            } }, hAsync("div", { key: 'd0c3f8b55c14582927183cc12046d1bcf005031b', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -5709,16 +5709,16 @@ class DuetChoice {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (hAsync("input", { key: '0223b78eb319e469137a52e6b64898d0862eafac', 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: 'b438afa42e1d50c6aa9a145e656aed1b0f801efa', name: "choiceradioinput" }), hAsync("label", { key: 'c08ba3234495038c9dedce7247aef93e9171e4c1', class: {
+            } }, this.type === "checkbox" && (hAsync("input", { key: '2fcbc3765e11d789344ce8350afe6c0406d51a3e', 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: '055e6d1ffd084a07626bace527c86fa830239818', name: "choiceradioinput" }), hAsync("label", { key: '99586309cadfcf173411bb0533e78185835f4554', 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: '822b608190ed8058e5083664364f7802f36bbc12', name: "before-text" }), this.icon && (hAsync("div", { key: '47be54fb7c3c00ab9cdff531a158e3bf8131d1eb', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: 'ba85bd90adcc57f4f3b4641d10417f14c0a3d0a7', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: '9bffd97bdf78929c3e18eed10f9903c068f84284', class: "duet-choice-card-text" }, hAsync("div", { key: '7378526d0c1be754eeef8acb758b800534710af6' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: '2c026043a64085f44ec11e2b59fa7d3625880b98' }, hAsync("duet-spacer", { key: '23bd4874a25550df5c010a4ac2f4753b7bebe095', size: "xx-small" }), hAsync("duet-caption", { key: '1e91ca0d61dcbb29b48095ade98d69f35f8d034e', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: 'af539e1466767e981b523efd118aaadec4c3ac7e' }, hAsync("duet-spacer", { key: '3062fe17e11d61e8e02364762088fc33e3f123fd', size: "xx-small" }), hAsync("slot", { key: '2a4faf03104769cf9c8c12b3700608ccbf353233', name: "additional" })))), hAsync("div", { key: 'a31c056ac9d543e7ee157fd4e2dddfd64cc823a9' }, hAsync("div", { key: '8e139394a6669f009546db7274152790fb099cb0', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: '661c15b7dd0fbe9012e16841c1f082e85fd8f6de', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: 'c8b30535f36197e9f435b806ca23f0c8cbf81e4a', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && hAsync("slot", { key: 'c4cd8c27fe9d8b11e3db64e8964f8559dbd66130', name: "before-text" }), this.icon && (hAsync("div", { key: '685779ca31a7d1f6827d0d7fe4bed7044aa0f2af', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: '98804614219f404137fb630983a81bf08abc773a', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: '6e5b7a8b3e5dbfa5d3f0a77104f2f2b1d332f6cc', class: "duet-choice-card-text" }, hAsync("div", { key: '23e244b266355d1ea70ad12e9847903c59bb34e6' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: 'ddefb454ac0a3505a520dbb9484cd60b1a26827c' }, hAsync("duet-spacer", { key: 'ae3957e6c8147bc379db21059f8584e44a55fd14', size: "xx-small" }), hAsync("duet-caption", { key: 'f0a653783164ebc5b6d2bdd2acc537a9afd0b515', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: '1665619173760a73a28ba685d950f737418d1ee5' }, hAsync("duet-spacer", { key: '593fe55534da49906cc3a14ea4b13e8ff6903c0d', size: "xx-small" }), hAsync("slot", { key: '8ea22bb8657c210bbddc57f03ce88fa5c23791e7', name: "additional" })))), hAsync("div", { key: '4a5a62991e5e107bfe56e31e10509bb7bd5860ce' }, hAsync("div", { key: 'ffd299c11348780fd2908d37cba9633a3946274a', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: 'b70b4052ee1b8479bbc98bcc4b55491b00fd1c94', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: '0f7091a28c9ee79e5de07e72bb96d652f7dfed7c', 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: 'a658c863b61f1d5f8949e24ed9a59108c8a6fa76', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: '6d4aae6cdecafd186807a43914409cb35e8fdb38', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: '9796521f397d0b976a84884108d4138a054c3b92', 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: 'a6ce7e8b62192855cccf8989cf3f01abe95e32ef', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: '62b112f3050dab7811bd7a0fb7354a88b60f702f', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: '4ffef77c7f061ecc78412b274b5974d37df32cd6', 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));
@@ -5892,14 +5892,14 @@ class DuetChoiceGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7b938818686b05db520fbe91c79a8bd415953252', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (hAsync(Host, { key: '3a55040fa3a6ea1f2f82489fce7f08af2dc082bc', 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: '80087165b139cbd999a2399514b9520044f195e6', 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: 'e5f2b0838c718e2ecb4e3c20e71dc8882454159c', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c56ccec0fd534ad20d6125e9c0d6f7ad7f377110', name: "tooltip" }), hAsync("div", { key: '2fe2c5122b5a801959f7de400ec5bd3f974d78cd', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'd45976650a1c57151eee04088e9b29db2a4e76be' })))));
+            } }, hAsync("duet-fieldset", { key: 'eb4785f2a62d457620798d2f755ee95ace6a3bed', 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: 'caf1a837a650da0c985a5588547b64a6fe866750', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'a5ab570871725a28ae2b719766fb99e2c5638b06', name: "tooltip" }), hAsync("div", { key: 'e28cb37104f73c4ec6382c07b28131ede9630257', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'd0e248743373089659e296c7c4b9295ed7283944' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6800,7 +6800,7 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'b3b56b0ff3a474d0b9a1b9b5b2b95565b928f9b6', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '2ed3aceffd3951a1fbc9753090d21571ebc4a9f7' }, hAsync("button", { key: '93e4e421bca79965a4c26138dde6de0874b40cdc', class: {
+        return (hAsync(Host, { key: 'a5fe4a3b514f97ad69609df67489b6f2ff1d21a9', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: 'ec94994682ae88699a4f27b64486f6dd5edf9eff' }, hAsync("button", { key: '9fe564ae09ba09b01f0f32a48cb8a7812e7c6145', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -6808,7 +6808,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: '0706dfe66685e90322fc67858eb923623ab2e23e', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: 'fab600633aea517fcef9f0577ea7688a8e160331', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '1ac6f6f7cce01d02b9d09659299ed3c602a4a29e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '8820659046737c7f7b503b097a0ee7b99614d7b8', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '707fdeb97c4713df2d972bcf7f7612401d31aac0', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'fb1efb065f31e769c8e26c5bd608beeca76529d2', name: "after-heading" })))), this.caption && (hAsync("div", { key: 'f70e43921a71817cda88c4fafae2f2310f37ada8', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: 'd8bfc9ac8d919b39d5fe8293f926ad386102136b', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: '0500269581f8723e24e7190b3b257b3e05d682fc', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '32d7579f9d0eda1a84be85c553c3d555977d9b9c' }))));
+            }, 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: 'fe01498bf3b34196ef3f4a6bf03c02ecfe65bc86', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: '7497f1b30a5eb295c9d7ba158c39efd4878d9437', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'f81a6c6772d17cdf276e82757e405824166404dd', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '3c65eff49d214f709088e7a103e24d682a626def', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '411a824a551f51d2d92e6e8f941b5efd5070f6ee', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '1f5530cea4337eb7a4d20f56871e46ba23da9b63', name: "after-heading" })))), this.caption && (hAsync("div", { key: '37286e360e8d4e35c3c80f11ef437a254614334f', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '9ec1497e017210ed4c10d51a1b2cf547e22762bc', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: '07125a3e519c372a606bcdc1b1744133ff679c03', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '7ffb7925697f929df542a126431524e2c20dc233' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -7427,10 +7427,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: '39a98bc5c9e4f4524ebcef1f5bceadc19a6d07e3', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'c9fb952d66118cbdf423d24d365ade9fc58e1a58', class: {
+        return (hAsync(Host, { key: '14208b0e95965d34e6bd69493480e1014a7d20b2', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '2cf426c1e361e5a9fa15f273edf161a9765dc334', 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: '3d916ef543989f6c535bebf7058828ea1a92e46f' }, this.name && (hAsync("duet-heading", { key: '34349d6e331e031b70d60277d71a2698e08e0d14', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '2492313d9e481579d1f9a03524d967dc4813dbb5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '641aafcd47888ea410ede3aa54ea34084c2a0ea5', class: "email" }, hAsync("duet-icon", { key: 'bbe6aabb9b6073e2ae6ea1287188a705183fd18a', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '159ecf5a5ea43c73b3606d6cd86a9bc96d3ff20b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '87ea068fe072eb0ec5e93c87fc22ee5d1156f216', class: "phone" }, hAsync("duet-icon", { key: 'd42e0c5a2b0b76fd4a28adbee6d2f1dae076d354', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'e20b2e84426c1105c8170c0159899443ea4b0c54', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '940d0a605a472a688396e791894bb1a1796e4978', class: "call-to-action" }, hAsync("duet-button", { key: 'b0aa2e8cc48dd5f38cabf260c0742535d778c9b2', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'e347fcd870d12eb413e5b3871303f69fff0dc3fe' }), hAsync("slot", { key: '9dca553d670b1fc7ea7a570afc55a5bdabd7c0a7' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: 'fdbdd4850c5eeda0de2437ee5f2695f43172d349' }, this.name && (hAsync("duet-heading", { key: 'cc46dfe79762b573d0578d0cd9e82ebde6a25cc1', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: 'a5df238b129c11c6fad46bf33f7b21d25494b064', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '2cc46f7a6717f1e5d00ca90871eb89c01b68165e', class: "email" }, hAsync("duet-icon", { key: '3a42b434c8b80a6c490070b613ef40d193e1cdcc', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '08174b40d6d4bf1a395db960f537f1f4d41539bc', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'cdb756796522bcd054e2b2f9a26f9e5c491a4c2a', class: "phone" }, hAsync("duet-icon", { key: 'b024222cdd66b71f0d1418d28707f9b71c25b07e', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'd957c5abcfc923acc7188a5b785e11d15485bbc2', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '88dd50a394151b3e70ee58d35d907b481e9f634b', class: "call-to-action" }, hAsync("duet-button", { key: 'b0d3cd67af298ec002b2c230c66f75c75efb1499', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '6ec3ea8928bec5867d7a7ddb2e1ba5979cba023a' }), hAsync("slot", { key: '1993d3dbe800197ff57dd3942e2bb6a98023bdb0' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7497,7 +7497,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '91948660b9fab6f87923b2200960a07b864dd83f', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '0bb6143d36c29e2242d3e15c6857d38cb12a6808', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '444dfba5d496df6e6da6315372331b79b8e2a9ab', class: "duet-cookie-consent-content" }, hAsync("div", { key: 'caacc62f4d2c9d6232efd5b0741076717aed8496', class: "expand" }, hAsync("slot", { key: 'c2978a0efb145de1d841f90238425de3ca7a499b' })), hAsync("duet-spacer", { key: '6429ce669d4895c4dfdd1f1e5e15d4b87633bed2', size: "large", direction: "horizontal" }), hAsync("div", { key: '85e0b040c8248bcac1f20cba69a33737212640cc' }, hAsync("duet-button", { key: '189912399af177fd3bdd70cc061e1f3a3dd93355', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: '5ecdf44dd4be485abf9b8a258434c97081726dc7', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '47a040daff0fdd1253499dcb01cdaa802d1484b3', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '62ea5784fb31f6620917e3d62c4b74beb7ac823e', class: "duet-cookie-consent-content" }, hAsync("div", { key: '5d44320d810efaa0898e2032487b1d8558634826', class: "expand" }, hAsync("slot", { key: '74da22647cc3c33ff92422d3ab3738a58140fcf9' })), hAsync("duet-spacer", { key: '34327d47088d894446d686e048527d96c310cc70', size: "large", direction: "horizontal" }), hAsync("div", { key: 'bcc7ce62f2bed4fa938852c3196341333feeefd3' }, hAsync("duet-button", { key: '6d4ae72e1552e46504fc40f94478a683d202b5cf', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCookieConsentStyle0; }
@@ -8321,13 +8321,13 @@ class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (hAsync(Host, { key: 'b6eb7023664d69420af7bdcc9b9d410982375346', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '000e37d5dc46a2e8d2c5ab5a4780ea59aa6ed464', class: "duet-date" }, hAsync(DatePickerInput, { key: 'a795ccdba4df4bddb94705bba15746eeda04ed4f', 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.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: 'e83795070df263a6c4aeefb2f53caba20628bdf4', class: {
+        return (hAsync(Host, { key: '8061c2ff02f31f289024f98a1868417791c1ceb8', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'dc0336af36cf7121e8346ab485e4fea35e3e40a1', class: "duet-date" }, hAsync(DatePickerInput, { key: 'e385f326ee143773b4bdc6812af71b2771e7a23a', 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.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: 'c75652233cf1139f59570a7216c9bd5b908b2617', 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: '6d725137254f48897b66ee22de8b155bdd1b5f66', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: 'ca41ba1a3f56fa250f6a70c318bfcef6f457a51b', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: 'dae95bbfd7a1225829c488f5d7190015c75edce2', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '843d37a548ac8bbfc1b22565734562a3aacb9a78', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '0122d3ec3999a339282c52e5b433a364e008697e', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'f12366ba123a38ac9ce9bab84343531cb3e2b814', margin: "none" }, this.label), hAsync("button", { key: 'c84b369fb284cadedbee1b0fc1761c81b010af1e', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: '39fa89e90167ba1af7f911be0e3ceda38aaa9641', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '9d33b6103af64e7d894992f54981931676e0151c' }, text.closeLabel))), hAsync("div", { key: '1269835ebe9ff4b854088e6a5bf22fca79b03e16', class: "duet-date-dialog-header" }, hAsync("div", { key: '39f46ed09f80c25530b0f8ef0fce68e6abbbbe88', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: 'e40675ed1793756467a5b0ad0f143de3ff2a1e3e' }, hAsync("h2", { key: 'd550800a84cc85bfd7b6f6c1658f5f4ec69913ce', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '65517cf98d77215c7a98f050ab9b6bb2caca4dce' }, hAsync("label", { key: 'b6252d9a3a0e7caad84964e4075fe3e9733e392e', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: 'bb09e3d3994bc9c7089723c00e743c176ee926d8', class: "duet-date-dialog-select" }, hAsync("select", { key: '1f3480d735c452a138c63f6b5de1ca37d91eaaef', 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: '92172064bc12ac77ab0d718507c8e7b2ddecd71f', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '9d6d5e3488e6e94b339ccba7579529b6315e1b02' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'dafedd887fe57a186da4bf344514518d88d1233e', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '7b0cc5e3adcdd83109ef3248ff6f8511bb90c34a' }, hAsync("label", { key: '14678c1f8035838fbdee98903a9ec0f469fea8bd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: 'f69a4b2569e509c3da1c06d36cd4607a779adcdc', class: "duet-date-dialog-select" }, hAsync("select", { key: '1bb3587d15bc53e198e3ad6ba09856bf6c3c5ca5', 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: 'e47f2ae66f07f858fb020b1e458e888f1bc4772f', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '1f8b5df03fc2df12e991094e72b16b904a9f91ef' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '375698ec68186100de9914602f75c44d4a007ed0', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '330f331da1d9a28496c3ac25b902a085ae17a102', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '9b089681d3b58dd0cdbbc5a2f4f09e5f85ba1b3f', 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: '25e3a263e6a550a026f54039f90b64716bf0405b', 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: '8e79a5ae68e17ed6c35a91ef397c4e2d8dd4b223', 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: '51b5470d35cd19e8b3af9f7694a564d8ae0bec2f', 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: 'c437316f64b43a2a47e9c933f22e76874ad481e4', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: 'c373ebd14af34a7d8521f7d8629a3ba4ce7a527b', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: 'c1d1ba78d46086e3d17a75d8287a393789b77308', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: 'f914f3c5d397dea448805da4d4c9cf5467ce7032', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: 'cc36233cb1f032f0f0dcea73a33ae1455a18c950', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: '41a8491b1f1c0cf3f03a711ba540f29a74dec52e', margin: "none" }, this.label), hAsync("button", { key: 'be5ccbdfad937acc22a90a2f8061cc937cb9e8aa', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: 'e3757f0a89d63f3e72b650e9caa45b0a95ce8494', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '02bb2d109ea7ff92817b5220e16f521b14e48d92' }, text.closeLabel))), hAsync("div", { key: '3a2bcae706542219a3f5b5d911cd44d9afe218b3', class: "duet-date-dialog-header" }, hAsync("div", { key: 'a632e2623de2cf7e2c301522fb46379bd6c81437', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: '2fdb2751bdfbc30ccb5ed9ba0f1a62a9479b57e4' }, hAsync("h2", { key: '9b0ce568b4fdbbc05b57a2474f563ed516422a9d', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: 'a2d7529556bb078d2973f51fd92f029298000ee2' }, hAsync("label", { key: '855c0fbe6f66991f1863225bb9465f7fb33004ae', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: 'b85c481c35d5fc758a2dd84e7447c3cab1bf419d', class: "duet-date-dialog-select" }, hAsync("select", { key: '6e4ed6930261a02ad5259d4123a4260b9f4e40e4', 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: '3eea137e7b0bc3f4954d5789a2cddf6e6a859fee', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '22657fcf4ead40730f886f77a863b0b0f23e8948' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: '51b1280f2d3ec47d0567b7a041d7cfc92d61d235', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '63e59eac0529652ccdcac89f5ae3567c291e2fd5' }, hAsync("label", { key: '140beab557360920f1cc99977b40368d77e6d742', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '848d1ce7184b9f3284967fab1f595ecf0cad5994', class: "duet-date-dialog-select" }, hAsync("select", { key: '56bf07db564cf107aac956411ed5b761f83bebcb', 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: '14e84bf540d7d2cb002b10d2e6ed0776c80f1d96', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'f6b322608ce9629d6078030c86fc408026985e11' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: 'e726ed9ca06b382bf237b4ae3b1c58d278895850', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: 'c97bcc59b23d0cf52edfada784f9fd205d94ac99', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '4b058294b854c4ebe90fdca424a36bac77b1379d', 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: '5697ca8c8539900b6702a98f1660fef9a7925b43', 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: 'f83b03f0d74e0b01a6f9c068cf578b8a600deef7', 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: 'fa28ebc0611d9f08598c0e2057fa13c72ebc8442', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -8407,7 +8407,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '289e5834663ce24af7c8e90958fe41d29c299d98', class: {
+        return (hAsync("div", { key: 'a833c22a31c93caea94753696848ad720b5dc06d', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8592,7 +8592,7 @@ class DuetEditableTable {
      * Render Methods
      */
     render() {
-        return (hAsync(Host, { key: '170a18bded5a1eefa62aabdfe9cbec40ebb9ad51', class: {
+        return (hAsync(Host, { key: 'a0c3202194fcc3910b50193f2a4fcb3bd7d3a5d8', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -8602,7 +8602,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: '2282f3b54102b8fd06bbfb8c1158e54f400a21cc', 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: 'dda2ea49bff29277445de50a779df0434e35d620', role: this.accessibleRole }, hAsync("caption", { key: 'bb4633c4947dbfe2c9b8148688d1f03c67d94188' }, hAsync("slot", { key: '471406fee4b4173e29abf754212355814f591266', name: "tcaption" })), hAsync("thead", { key: 'f907958d599c07d6f220bc3159e8efa0ba85feb5' }, this.hasHeadSlotFirst && (hAsync("tr", { key: '32803f29a816f2abe67aa8b2dbfd99fdff7c9e5b' }, hAsync("td", { key: '634ee6e9a8b53e9610a7cbd0e5a536bcaf654207', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '444de221a86d743d36598d71fc3256c0aa16d034', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: 'a2c9f9914ab42a5421daac067472db45f6d680a7' }, hAsync("td", { key: '0edd405623af60d014f509636fad5cf2f53f86a5', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '84f0e807a4ddf22910655aad0de2dcd7fd93973c', name: "thead-last" }))))), hAsync("tbody", { key: '7b4413d38b050b69a0a71bcca7a8200d1f480d43' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: 'a7096789b2fc5615b7a9622df8de361ea486bb69' }, hAsync("tr", { key: '52afc13a557588195883a16b10b308b6c1062232' }, hAsync("td", { key: 'a231e63b19ed8c96aec86973242e07c07506547d', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: '152c200e205eb63fff18df14c4ded8ea67a340d5', name: "tfoot" })))))))));
+            } }, hAsync("duet-table", { key: '6e53631c212527e8702f9e9c8a1b9bc2b390c830', 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: '990481c1affeb11d6a6541a36a8f0118c961915c', role: this.accessibleRole }, hAsync("caption", { key: 'f7b1bc44ab9fef0194485fdd6e49e11a306e365c' }, hAsync("slot", { key: '2caecec6e5c024bdde6fa6bf72917914e2626752', name: "tcaption" })), hAsync("thead", { key: 'c892dcd586814dcecddc46fbaf0319b04b6d9f16' }, this.hasHeadSlotFirst && (hAsync("tr", { key: 'bfbac21dbab8afab7f34e952bd5803954be4991d' }, hAsync("td", { key: '0a491ed1c4855d55b4dbc493a52029d657a08cc5', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '87c033e72a1bd3b87a51a4981b1b4939de66578d', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: '2ab66f9b14fe592f7ee7e6293cdd56b3aed0190e' }, hAsync("td", { key: 'edb3ae066371b6f5dc990f10f088246c0d9388d9', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: 'f57ebf07ee01c40cb47469b2fa07a706c4724dae', name: "thead-last" }))))), hAsync("tbody", { key: '538b2de606132fcb272e5af1650cafb947fc5b2a' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: '2f1a98dd550705933222f7179bc3ff4d6554d117' }, hAsync("tr", { key: 'ecb9667d57ea85de7efa6fa0035fbfbb16c78a9e' }, hAsync("td", { key: 'c78b25495de0621c55f70cce5131b1d192fc5e0e', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: 'ed051b0e66c28fdbee565b33c1c394034a817a82', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEditableTableStyle0; }
@@ -8652,11 +8652,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1f6624730e50ba1915eab79ea13c33134dff9119' }, hAsync("div", { key: '066811ce2abe630a698cdc92b45e461bf50779be', class: {
+        return (hAsync(Host, { key: '9018087936c4abe5adead5d4fe62991ea84b3dc1' }, hAsync("div", { key: 'a0aa84fb06673f4d741891019a98fd7d4f03b174', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: '143baa7a70df678984547409c3d8bff636a7043c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '000ac5797e6617cec3318a31ec186c4d9f93af0d' }, hAsync("slot", { key: '4e389d93ba161ff558782fbafe1b60a9e883f6b1' })))));
+            } }, hAsync("duet-icon", { key: '8d9265fb0946a832c1c386b139b28b775ade9936', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '87abfa72d165e96e3ca1798ab0023e13d540d757' }, hAsync("slot", { key: 'fc437b4821cbc146906f8c33aa06d4718a0584b2' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8712,20 +8712,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f6aef2c47f5c6b8e6d2c1bdb46d519f4ed458718', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'a54d512a17e071942ee5f0fabf5390e6f1bcac32', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: '0d729b5e1cb791fb65c1071d23d0f2c00ec8b14b', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '4cd95f6f84bb5db41a80afa3cb86ca5dbf8a1272', "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: 'afd55670461e38468717fa4d4c897d92333c3986', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'd66a45591d9ea38ece746276f752a1dc9f470060' }, this.label), this.caption && hAsync("span", { key: '2e6451284012b3f76c5ddb452e8c54c8902ba222' }, this.caption)), hAsync("div", { key: 'f4a921c9f6fad1e6bc70e5c6e50c7e17378664b7', class: {
+            } }, hAsync("legend", { key: 'fd90f2bcea56a278ad8a9e46f0612da7084faf32', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '40978d955040610ba7ed9fcd528602f09d278cf4' }, this.label), this.caption && hAsync("span", { key: '652639176a29765a060e6d93394d1be15f85b655' }, this.caption)), hAsync("div", { key: '8c1ce047394b16dc8aa72920a20872dcc5c40a62', 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: '9fb2004e0c5810ba28adbf0b2f1cf222c255f7e3', class: "duet-fieldset-label" }, hAsync("span", { key: 'd043219b465141ce2a6d6dbba38f6233560a6e3e', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'ae5535898568b419d0534a1105878d2ddb784ff8', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '6c68d9a518f408a460e2346cdc30342606cb133d', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '198623e298175cfa825ccbc9b70ba3a25f577d2a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'a80181d8476bb6387cb5d76cce99d4617cac8734' }), hAsync("span", { key: 'be4bff117193cceb7517dbef02403f231ed3f263', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '08312b9df002b520950d3119195c811cb2504e83' }, this.error)))));
+            } }, hAsync("div", { key: 'c9d8dd0b4a04ba5290400a792bb514dbeb48797b', class: "duet-fieldset-label" }, hAsync("span", { key: 'dfd7c45d9d06013245bcb6151580e9a5c388c6bb', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'fedce73421fc47341ccf5780b70decd6ae633488', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '16bf1bc0efed25c741a563780b1b4821dcfccb4a', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '3f1df4743f396f70df19ab467775db8b2c23706b', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '7fa0fd68a5b63c72bbcea5ff663d27c9ff4a041b' }), hAsync("span", { key: '6aaac6a4abd35a44e85866bed2affd2b48416a89', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '5b6df0d8797262bd9ce412985f39d2e750fc9e7f' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8869,15 +8869,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: 'c09536e13ed896c7c3eb2ce3d3b48529049a3fa8', class: {
+        return (hAsync("footer", { key: '7ae4293b454d64394607de43e760c64f4644003a', 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: '4c6a795fb654c90c687e15b81071b76b9697548b', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'ddd298007bd561bd321c9c542450c74c2998da89', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '98ad43f9effced4943cdd6b9903fff536837ceb0', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'b06a863d3bf6043b4aea1daa3c3792f5f75aa1fb', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '27e2f926b9e8922978d22782c86a5e99b38c1486', class: "footer-top-logo" }, hAsync("duet-logo", { key: 'a297517a74d2d7b29d2e983829cd045cddca5682', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '3ffc24afa25aaa0c1987b9fd6ad08a352a43d6ff', class: "footer-top-right-container" }, hAsync("slot", { key: '98c0a86faf2101a5ae372e12375a76b9b812d4db', name: "info" }), hAsync("div", { key: 'f1edd105fbf081e3d85a7db3df9830520d6814f7', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: 'b4c000b6e5f933bab8b99f6a662fff8e31f4958c', class: "footer-top-logo" }, hAsync("duet-logo", { key: '1dd4789774e55c30390ab703b5b8ad384c51f8cf', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '1eca3d87feb76d9d4854a622cfd8ae88c474d775', class: "footer-top-right-container" }, hAsync("slot", { key: 'df47caa012189f4e21e604a705b7d8c7c8a13d11', name: "info" }), hAsync("div", { key: '143327524232e37b5174397da10401204149f90e', 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:"))
@@ -8887,7 +8887,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: '3108d57df772399e2ec83e3819a277cf877f5898', name: "extra" }), hAsync("p", { key: 'ea96247cc266efc7e209acc8281b7a207b6d8ab1', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '6f10b09142cf13f2168c4d1a37f6784167fff1f7', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'def1a300fe8794d3ac068b575a0e74343ddcf53d', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '88c8f59560a9d329cebcd88a6bae635a63e95681' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '121abcf17a5b8eb8f04e3c8ee2ffef57d725c8aa', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: '6cb5f4f380025c8bbdaa2ac5451f5229bf3187f1', name: "extra" }), hAsync("p", { key: 'cd54917ff7f57ad3575241e75df45f6eb856e54c', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '528f6fdec2f93b1ab7babbfbe7aec319263ac95a', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '4eeb4bf5ec30d4e8d3a1d14e9224c48dfbf1796b', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: 'd985c3412bc83d4f558fb8ec8b21dd1adb1da256' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: 'eac6be8cb430f9fdf6cef0fcef71eb38debde6e7', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9091,7 +9091,7 @@ class DuetGrid {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '61087a3ab642d3184a0cb007b0903780e021d05b', class: {
+        return (hAsync(Host, { key: '67094e450454f3b14b5cb8618e3e61352534465d', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -9118,7 +9118,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: '47742bf4547f236c38667b70243eba88739ea81d' })));
+            } }, hAsync("slot", { key: '8afda92db1855823fc68490f795adee166999fd6' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9174,7 +9174,7 @@ class DuetGridItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '10b2af6baec36dcf39e1ea5af5efdef0e279f38f', style: {
+        return (hAsync(Host, { key: 'ac8d4c1a2f33cb37ff9aac6bfa7cd1404367740e', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -9191,7 +9191,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: 'd5f3dfa412c5a3bdd7f9082d07f8ae2ca85a2b44' })));
+            } }, hAsync("slot", { key: 'd0a2341b59cbae2775983b564729531a93bd6919' })));
     }
     static get style() { return DuetGridItemStyle0; }
     static get cmpMeta() { return {
@@ -10041,6 +10041,7 @@ class DuetHeading {
         this.theme = "";
         this.hyphenate = false;
         this.fixedSize = false;
+        this.accessibleLabel = undefined;
     }
     /**
      * Component lifecycle events.
@@ -10055,7 +10056,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: 'adbe366a86226640d4f10adf49a086ca946a4c00', class: {
+        return (hAsync(TagName, { key: '2f89171baca460e8b0b6b807a992856426a83838', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -10066,7 +10067,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '387caeef0be5837581a9e16d8f2d36eb942d3f27' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: 'aded9e6a879359f85d77f436736131a26188f4dc' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -10082,7 +10083,8 @@ class DuetHeading {
             "color": [1],
             "theme": [1025],
             "hyphenate": [4],
-            "fixedSize": [4, "fixed-size"]
+            "fixedSize": [4, "fixed-size"],
+            "accessibleLabel": [1, "accessible-label"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -10246,7 +10248,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '9317af6b554aff400e94924a85274578a2557f61', role: "region", class: {
+        return (hAsync("div", { key: '63b4e5c88c84b9d9f2756385a8329d9cdf9ed432', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -10264,17 +10266,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: '8a7f16e42528d3f102b37ef4c6fd5d07b2c83b4c', class: "background-area" }, hAsync("div", { key: 'd1bd227d800f0b6d13132e22c04fa4fcc5f5884f', class: "background-container" }, hAsync("div", { key: 'edcf5211a0f78066a3bb20ed76a7c8c268f74032', class: "background" }, hAsync("img", { key: 'b37a6029d1eb14065fedd721bc5cc9ea79e62e29', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '87315ae16f4aac41a8dc306e8a7dc1e6e451eefa', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '280069c149060c4276fad2af8a5155a76301d8c1', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '8578f05ed6a1510d5b5db627c99037e31e403104', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '58d63a2a2148f2af164e5744dc1096b5b26a7269', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '80a4935ed2027affcfbde3555f10aea44c872355', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'd4da7b7e5bc2a773b42beec24a023e35b2d90861', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '6b0b645f0b40c965d048bd5cf460df26548c6335', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'cd17bafddc2c380c4ee4d5a1d34501495bb7e63c', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'e19d97582c2fbf1413544dd50512b28088cea6c6', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '2f57d2fb8c42716d62a836c23113f3b3d0a103f5', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'e6ab45b59f5119dc8e256ddeec5c8a52228ad5a2', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '4f426ddcda2ff72f70e7e9a8c2c36876f8697054', class: "background-area" }, hAsync("div", { key: '045515f210fb3301f83779319fd59bb819c8bc6f', class: "background" }, hAsync("div", { key: 'da7ab6aa0276ce05e3397fa09d6f9a86237f6e98', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'da2a2a66d213946f3c214a6e268c6db5e28180f3', class: "brand-shape" }), hAsync("div", { key: '490a965865cd3ad34843ecbc209118fbb93ae6fc', class: "brand-shaped-image" }, hAsync("div", { key: '30f0436921fd2b3748881134549ec054b58a1f4d', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '15a47788256b28814a21c05a4d52a13e43e87d00', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '51c084671f6673506b670ae53a5445a7b2deea38', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'c5b4f38228a1a3b2dd943ac52216bb8568e308d9', class: "duet-hero-image-mask" }, hAsync("div", { key: '3a9b764eb6ffb0f803d4642dfa9ee0e0fad9e488', class: "duet-hero-image-wrapper" }, hAsync("div", { key: 'b96dd4b896cca3fea04c453dec2a382a20f61637', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: '4c63cc49cc014a447176dc789e16637ae440c74f', class: "duet-hero-back" }, hAsync("duet-button", { key: 'b48dd641d53288bbe1f016296b4c22e7be8a4805', 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: '7308c0f8ee8b8f3f3b6742646e19c7cc9ebc386d', class: "background-area" }, hAsync("div", { key: '42f2570dfc3db407843b308971a0b9583d8370d1', class: "background-container" }, hAsync("div", { key: 'cf9659e75816459cdd07be75fadacd3eb951b57b', class: "background" }, hAsync("img", { key: 'bb9f8bae3d91e6ea8615288d2a323152abef1c8c', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'b7f8dff983a801d6bd0b5ce16b37fa626a16fb60', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'ed2ce51f608ed6c30f0482a732cb42c02d91fff2', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '30b821b3c1465e3952a9d20f56041d6535e01d92', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '75e73af8d23bbce2665cf7e97e2bae67e2c1d660', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'fbbdd723d68647bbb19b3d7782ce90a07de54e5c', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '728f6db97d9da029a9223a0525ec4e4663517865', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'dcb6c9996de17e488f750f5146a423697e0209b6', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '8d10206dbd89d0ab9fdba2254af3617d6b55810b', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '26f6ae5fb48ff56f805411af73a15e868bea7d83', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '6459840343b0c05c655f4250792258676f3188cb', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'fad5ee14265c2b87d398d498f18b37e50cb924bf', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'ba22c2bd04bf3f7d7e9753eadbdfb276411adf9d', class: "background-area" }, hAsync("div", { key: '8e68dc0c716a2d1dc8e9c6de3e6506248024e799', class: "background" }, hAsync("div", { key: '6f1b77b2c351d47b0c836e8656eed6393cddc9b5', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'cfac22c13517ea173ae995106428f649e8c7625e', class: "brand-shape" }), hAsync("div", { key: '2091a16b26d2ff91ca500172c0d51c30d3da1ef3', class: "brand-shaped-image" }, hAsync("div", { key: '7a6a4b05988f7a472ab776594a1159dd7a4f2856', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'f8373a6a25854f117998c940ad0c283e85535e00', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: 'a5fdd388a2d81acf720c3d1fbbfeede2e4f201c7', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '30bbabd5f178e1b41e6dc9ea466c626ceca746d0', class: "duet-hero-image-mask" }, hAsync("div", { key: 'c24348fb6709b120f1a0c4fb6201ed0b9e2aed9d', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '043f9e0ea079a70676744da1181617dc44a705e5', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: 'e6b855e11691aa5581c0428a3a649161c5aa3168', class: "duet-hero-back" }, hAsync("duet-button", { key: '292f04901b5190403debde732206929be6d458a6', 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: '735ddee376a35065e1bb9ca8530a1c372a20f905', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'ca1731a19cb5a4ac1d17943345a1affb0152256a', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'ba949b71c511676296be9383ae234c6abd6a86c2', 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: '553bb258d5e205a1283bc39bc53cd336fb3519d8', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '32058dee96286892ae8eefae4a328a7aeea1323b', 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: '0b1c4c0578a904559da018a5857e8f417d468ca0', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '6c6e069d4fd86dedb4af90d806a69cb6e87b116d', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'efb4742f9bc597dbf5f42db9e3b82e61544e2031', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '2f4be86967bec69f54bba697f35ebb9dbd7909dd', 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: '1d50ffb6aaf2c7d55f842ff25b75be397212ed58', 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: '3e6319dcb6ca36841431ca04853018e443deb32d' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '74d002e92ca236ad9243aa5dac125a928dbc3d7b', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '1cc8b05acac3bd6e8487d6c48bbb914a34deb867', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'caca5aefc26eab33af2a9384542c788ec78b72c6', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'c6d5e43f63a8e0dcd4d5570b493964811cc25e27', 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: '8adeb791e73896fc5a01b86ba092ad99c262e32f', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '6fb8b87e602c6909a980d3f4c37b7d10712b4bae', 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: '5a3388cd2ff21953d6482e0032f66e56ffcbf15d', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'f1d4826017829edc73a61b334c7b7e7d2676d96b', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '4aa3dc4cf261fcb4b79b720dbc6293ff54543e78', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: 'b4254d8583e20eefe8b13d29d902a15854fed331', 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: 'cccfd73dd6f654ecc5ea228f80c46ef263d9ac4d', 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: 'e839c205b34d16811e3a2f4d3bebfdf0cd35e45d' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'e0faabf7fbaad8ba835f2fce7a3ef4bb0c4bcb49', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: 'f40babfcd77edae3e43a8460abd259fdd4c2d77f', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '4d2b296e53af9bca933e171839ac9d871a08d2df', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: 'dafb022c1c910b6af2ec930cf617d93696c98ef6', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '403dc2f45d1ac11f32c0dd88798f136277e8b7a7', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10400,11 +10402,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: 'ba913d023fc90de87a4aeedd212ab947e32c98bc', class: {
+        return (hAsync(Host, { key: '719ad0e70de0dbcab6332a0c0d4ce9ef490e9303', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: 'ff5089fa99e7ca86ffa923013622115e774f2df8', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '0c75b949e51281ff96e7758fc3f29d61b5f34af4', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -10413,7 +10415,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: '1c8eea6c12ca3cc85caa5e6cdba5924737bc80ed', "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: '188ea6dc92da8b973315b53e58482380475fdc34', "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 {
@@ -10498,7 +10500,7 @@ function cleanValue(input, regex) {
     return newValue;
 }
 
-const duetInputCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input,.has-error .duet-input[disabled]{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon,.has-error .duet-input[disabled]+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{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(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button{position:relative;width:100%}.duet-input-variation-button .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}";
+const duetInputCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input,.has-error .duet-input[disabled]{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon,.has-error .duet-input[disabled]+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{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(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button,.duet-input-variation-button-left{position:relative;width:100%}.duet-input-variation-button .duet-input-relative,.duet-input-variation-button-left .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button,.duet-input-variation-button-left .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button-left .duet-input-relative{border-radius:4px}.duet-input-variation-button-left.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left .duet-input:focus,.duet-input-variation-button-left .duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left .duet-input-relative .duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}";
 var DuetInputStyle0 = duetInputCss;
 
 const icons = {
@@ -10928,7 +10930,7 @@ class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (hAsync(Host, { key: '30f2d51ce9cf22d995c492aa76cddf1763a06ba4', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: '500ec6c47a364ea47eb8d5a4878ccca8279d005c', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '7a4605252b120f12f95b974bd36e9eb7a8d5659d', class: {
+        return (hAsync(Host, { key: 'd0b04b19187f9aba6d3db243ba94e675ae9a9e1d', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: 'c70a995ae5e64ad348ac4b56c572abe20bdd0084', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '73f06e392e23e530bcbd4744a7cb2e29cef9b199', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -10942,7 +10944,7 @@ class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '0db61c868f468f44b3e0a7776e549ee6df70de74', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '97a6188e387a1f49e302d465f00d4ed7c81784d1', 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: '4ec20c176c94e329898a0f248fb4b69f3ba79033', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '4d38724943676cd57a9804b773b13d0d6b9d32b5', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'c92ea06068811cd93aa2fa00ae0eb362456c3637', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'a7542580d3550ed8f9161b5318187af455f0b2e9', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: 'e3614b13a63f079bfdddaf2c7ee21a256793f6ec', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '7adb551b1fc88b2d26f324f3891e72587285dbe5', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: '402e4a5f8ba98a98cde01517f5de6d1da030ea99', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, hAsync("div", { key: 'bcad83ea5d955affdb9185a2764e33bd08d5c3f1', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: 'bb48970141e2ac6d514f8e97ed7d3b2336b01605', 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: '661651ef6107332614fbbc5c1f797a87b3f178ce', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '7e6ee0cb94d09434c67d8d6097d73176f2882fac', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'c942fd0d043194baf1f9f711be7b15f63442c13f', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'b1d24bb9fde1ead6720ccfb3f81be9b27bd3fb56', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '3121d1a70b4c35b96ea10adfc142034376ca5c46', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '997a33289366e1361a91d225a50b704847d64653', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && hAsync("slot", { key: '50367d85d0768215f127619d9d253f4459f278b6', name: "button-left" }), hAsync("input", Object.assign({ key: '21fe19ad88326f7ab0b3d12501cee8681949908a', 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",
@@ -10950,16 +10952,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: '798619aa635e7789dd4419652dcd89704c39114f', class: "duet-input-icon" }, hAsync("duet-icon", { key: '4a5df88168231feca08b81a2fd2635fd320112a9', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'bb4670b4ad2d2817c806250ff3d2c7b42e58ceb5', 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: '073c81d796b322ab02ea19cdca462860b7c03c21', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'ce4215d934358fcbaa0cd80d94d9ab5b3f1df114', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'efaf82f9f2c24b1ffd5d2bece9007bd413124319', 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: '59c76b456cba12de6154d25e3a2a3262bda01061', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: 'f5cc20be9e09fef88c8513197efc8069a344f259', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '175b9fd1bb2442763e39cb1cb97e159d5901ceca', class: "duet-input-icon" }, hAsync("duet-icon", { key: '50a769358470f6e22060a0c61a771389f3c8b0cb', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: 'a07c5ccb6051d103db9c8c57473e8daefe4b9767', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '5b042e2c7aed368dc38beb4e4d4be8c770aba69c', 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: '7e37c8e85d027bb8b6c7612ada14a74393c9d3b2', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '3b11bc5f23d4adb05d1bd7364242df0749c0833b', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '5ecd6aa9de04386694cd43d8b09f62d2c2aac83f', class: "duet-input-icon" }, hAsync("duet-icon", { key: '4ef808e474a8a83beaa5664c5cb708842c768159', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '197946e80efc48ea90055f40ab37e0d8a5897651', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '2c45edd5b02477999858dba80c03ee100a1a6c99', 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: 'b4d5037e04f713694e18a084323f2a1cbda34b48' }, hAsync("span", { key: '8ca0267032a66e0b196d1cf33e4ad10c51921789', "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: 'b4a8e3167899794dec8d8226fdcbd4dac5b4cd01' }, hAsync("span", { key: '0a3a2efdf243ba4f6b70a64b15aedc342911127e', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '67d7a13c0288e43bf19523ae9378cbaf83070b60' })), hAsync("span", { key: '185873830140ac2c758297f42532c8afa12f1ac5', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '65dc92ec1a22c205ba1ba2cf56e1c32df4324e30', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '32584b0b73cb3ea2897432dfa8a9473b62020665' })), hAsync("span", { key: '84ed3f4d4fb55ff951d2eb1ee496270fb266a288', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f73ada51b32993e0f853961ff21de9816bdefbff', class: "duet-input-error" }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11085,7 +11087,7 @@ function isInternetExplorer() {
     return "documentMode" in document || /Edge/.test(ua);
 }
 
-const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
+const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
 var DuetLayoutStyle0 = duetLayoutCss;
 
 /**
@@ -11128,24 +11130,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7218422a05742981b63dc1e8b29f181d753f4866', class: {
+        return (hAsync(Host, { key: '6df96b7ef73ffe08517cac9c411df27f1b1fcaaf', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: 'cf7447fd76b23d18b34fb6ee903b2763fcf250e4', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'acb4ce1658b34788d6185b8357d8f28f2631a5bc', class: {
+            } }, hAsync("div", { key: '9c6a118735c2765b76fa2b65e70ca63ccde44937', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '0a863c3b7bfe92b0fafe43262e04d302ae7691bc', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '726d75940090578a42eb72a0916f1fd5e2fabc31', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '1b07000c7910ef711a9bbcb264efa2ea56678278', name: "top" })))), hAsync("div", { key: 'b0befaba96f73bc0e57cecabb62029b6662ef41e', class: {
+            } }, hAsync("div", { key: 'a2d571f9389ca5d0c72c97f9ad76b431dd9229f9', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '9aad36c7b8a3b69f68fe6c30c90ff836d9fcce60', name: "top" })))), hAsync("div", { key: '34850a920b940617a268daf5395dd44a22e870a7', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: 'c1484df68a8e58a5bb941f8024854476c07c35e5', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'e01015df6e7aaa17ce4d357d0c61483136f0da67', name: "page-heading" }), hAsync("slot", { key: 'e9f75c0feba0cb007c15f1df99d50aa20a08a760', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '275de6ce686959cb5a9a330710b4f14459a57eb6', class: "duet-sidebar" }, hAsync("div", { key: '6b282d8fee11ef6e150d2b79525cbfdb15413e8c', class: {
+            } }, hAsync("main", { key: '4abc6bed12355c5620c2135f30e9cc723c971bfa', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '6be22e03f8ebf355196421a6b79ca8f753a2c370', name: "page-heading" }), hAsync("slot", { key: '0a45d788f1fabadf98ccc1ce62583124cd6d7e42', name: "main" })), this.hasSidebar && (hAsync("aside", { key: 'd4b7a9ed1f43d2d4f16a522538b8274fa9a36be7', class: "duet-sidebar" }, hAsync("div", { key: 'd7c85f94d219f52f80f50ab632f11dc7139f0d0d', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '05f1c2bd333da745c79c863e75c1ebbbd2745995', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: '166994601d8377c853ea68857e7e78ce09df356d', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -11287,10 +11289,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '8fc712b819ec0f95da99033d8f5e70ff50d2a33d', class: {
+        return (hAsync(Host, { key: 'd4a64a7d050644cd79fe524ecf41cc9886fa8a9c', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: 'fc3d7a5b8c2bd18d44be23a475da66b5f4a886e1', href: this.url, class: {
+            } }, hAsync(Tag, { key: '2bc9879af9717295281034124b5a2ebb2058f9bd', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -11412,7 +11414,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: 'e1c99a3ea4313763539690c8ae38611b8ebe635b', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '918fcee3a91abaeeb937560a776f11f22af358ec' })));
+        return (hAsync("dl", { key: '059c5420b262de645b7645407359301d15baff34', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '4a21a4f0923309997c6526393632ccd9559f27b5' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11462,14 +11464,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3569cf0fab6a726538fc23cfac4bc201380594d9', class: {
+        return (hAsync(Host, { key: 'df53e40d49897cce2ee5e1979afa9abce6a6824b', 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: 'dd3487c1ba2dafb84718cf94b7782660d9373bc6' }, hAsync("slot", { key: '32ea82913c63caab905b8c9725a77ab7091d44ce', name: "label" })), hAsync("dd", { key: 'e0dee0bceb289d0134820ef951d0c5202a1080f4' }, hAsync("slot", { key: 'e5570466329cf196c13cb36b2999c4094017713f', name: "value" }))));
+            } }, hAsync("dt", { key: '8b5d902f86288be859d8fce358cef7e03773c124' }, hAsync("slot", { key: '01bbfe056a318f68092938601686113f068c71f2', name: "label" })), hAsync("dd", { key: 'ab28871db561a05fa732736b4dbf063e507a9537' }, hAsync("slot", { key: 'c4f3b4f9681c837262e19f431a14a2121f097044', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11562,7 +11564,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: '333d34ee98d57ba47a801761a275852962d33dfb', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'c4eb5b2578fa0ebb2ca8ac5519dedbe53d494ef1', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: '25ddd0c72d8dde68045f0cb4308cffe47bb31185', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'e44d0487372a03ecd8790f08943601e9e2ce5c92', 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",
@@ -11592,7 +11594,7 @@ class DuetLogo {
     }; }
 }
 
-const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{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)}";
+const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{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)}";
 var DuetMenuBarStyle0 = duetMenuBarCss;
 
 /**
@@ -11639,6 +11641,7 @@ class DuetMenuBar {
             this.centerSlotUsed = !!centerSlot;
         };
         this.changeLogoSize = () => {
+            this.checkCenterSlot();
             if (this.mql[1].matches && this.centerSlotUsed) {
                 this.logoSize = "large";
             }
@@ -11740,14 +11743,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: '4c14c6c4303d1ce9dfb4460ce71a9baab57e7972' }, hAsync("nav", { key: '0f976a3757ecf00685bcf5be4d5f34c851cb6fe9', class: {
+        return (hAsync(Host, { key: 'cc4b481362cbe14d19105680da21abf7e1ab19d1' }, hAsync("nav", { key: 'fe1efbbaeea324870ebfe2ab1016109de0032b50', 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: '9e745e5fc21e8c4541f5231f34e437e1dfb41d0e', class: "top" }), hAsync("div", { key: 'd3b52c054d9793cad8b3523ddd13c531a7253d2b', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'd6cf3454ca9178b46e9c2afcfe3b951fc23a9f8a' }, hAsync("duet-logo", { key: '811a33c0b0d0e52d9d38602e970d2e2bade5f527', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '23426b2b29e9765da3952d10a2fbcf3ae9257239', class: "list center", role: "list" }, hAsync("div", { key: '1efffb3eba8ec62d510be4b0de6f91b847a06a50', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '3f8f4e93a960452c9965bedfdb96a9eb33225565', name: "center" }), hAsync("div", { key: '8fb904825c12a5c19e8a9db21968fe381517c60b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'b61f3351ccde5fdc98ca42f2fbffc55c8ebfe154', class: "list right", role: "list" }, hAsync("slot", { key: 'f030c4eebee43c6e29422b7794b4c04ed2bc2d6d', name: "right" }))), hAsync("div", { key: 'f7b272e273c0eae005bfb74456d1979c1b165f8f', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '262314a0a4c3bc112de48cebd90cc92978e04737', class: "top" }), hAsync("div", { key: '47af4a8dbe49f0eb2fad3e2c9795c778aaa4316e', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '81831c54aad6d097544fdc473ee9ced4d03202fb' }, hAsync("duet-logo", { key: 'c602193b93bea7b49ad089c12597ecd778720483', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'defb5267cde1feb5499d27f47b6329dc936c4ddb', class: "list center", role: "list" }, hAsync("div", { key: 'c41bcc439bb1e6bf4d2fe4b192fa28e35dcade36', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'bdd435f059485a7fa0a83387577e6eb0d29a8532', name: "center" }), hAsync("div", { key: '53af8993610b44bfb0b20e923402dcdea304036c', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'dbfbc72a5b6140a455f2730827a01bfde5cb3258', class: "list right", role: "list" }, hAsync("slot", { key: '0ac7e62804751859d1d6de0dc2e4cea90ee0968b', name: "right" }))), hAsync("div", { key: '527927e8d7408f0462f1c735b75c6c6cbc0c63ee', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11814,10 +11817,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6f75ab90994003945faaf606213177956d65b5a7', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '259db22bec0d03f4c8f68529b35927af44655cec', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '98d5de27841db07197972c3536153f1702535cfd', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'ba0f809adfd404d71d2846751761f34364c40fd8', 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: 'c2182470252c2c09577655c562a32e2515383c4f', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '18d7084e040b500c7558ea574bc5a6cf43a036d0' }))));
+            }, "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: '602a6879bf24fde5cc3506af5fa0fae351ff1b11', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'f8268e403f02c185c2648f649650174c8ab51f45' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11900,17 +11903,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f2ae6a8b45e78de018708287c1ec61b7648af786', role: "listitem" }, hAsync("div", { key: 'af551d08605c82f1f1cda7b81c99081152dd4678', class: {
+        return (hAsync(Host, { key: 'f91709b2fb4cc2d11619bdb411fddb28a2bdde23', role: "listitem" }, hAsync("div", { key: 'c24c6b50bf3db6223f8469e272dd6fccfbcda2ad', 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: 'c98ba81cf3d27c93922378a1ed42c6795e5560f7', 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: 'b4fd808615b8491c4e67a46be7ac42353b1574a9', 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: '68312f16c0510c96693965ebdee514b9ab58ae29', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f877d5f7298eaae83f061306be1e61b358017e47', class: "label" }, hAsync("slot", { key: '1e9e1ddda50dd7be9204235502c5541477d2b26c', name: "label" }), hAsync("duet-icon", { key: '60a75a216d897ae68c78146adaa4b17fa7220ea5', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'ac48d2e83152837d5865559c85987640751033b7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'cc5a9da099d0d752277493cbe37ee569dbcf5995', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '257d4b3c93c8e537a4ec464b05c5834f457f326d', class: "label" }, hAsync("slot", { key: '98c8c5f8a315b1962fa92df6b5f4bd2f04d1546f', name: "label" }), hAsync("duet-icon", { key: '43982939881e255cdcf8e7d71cfa31aadd197ec4', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '391aca84848c8e6d27082779fe59819a4d6bf731', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'c423d7b527bc674cc8fcf895ef228ab3dcc14c27' })))));
+            } }, hAsync("slot", { key: 'a9e945573e8981db9cb7b18561861821df73383a' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11970,11 +11973,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b39d6abeefb119284682cca93010dbe3de43db7c' }, hAsync("a", { key: '74baeaeef4fd9523c156b10c62e4fd783869b541', class: {
+        return (hAsync(Host, { key: 'c39eb5b049d115901470418d1e8614bc3b6e704e' }, hAsync("a", { key: '3c329055ee4b90b36bf877a26fc6c9ca5b820b0e', 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: '9893a49e6d869071ab120a38392e6d8b192a3ba4', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '4cf3bc62d7951ed784aae771602e15f03e4d2e92' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '1013f122671df20aab0c622d41934702e4d6193b', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '805279a11b2be95b569b8a48edaa407ae539a579' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -12038,11 +12041,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: 'be2ac6c17db91d8f654fd1e4db67e762ff9f351f', role: "listitem" }, hAsync(TagName, { key: '4780ca4c189bbaa5168f119852c80c8c73893cab', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'd0d1d66ae37940a4dd04e3d31b0c1131d95acd51', role: "listitem" }, hAsync(TagName, { key: '903f68191b7ed0ef1774a65ef609ee24144cda5e', 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: '2c737fc960440322ea9a8c6948043da1c720f111', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '6315635508b240d5cccd6a68a766ca93dadadcfc' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '914d56c5769b607d79727925e4a24f0ac9adc3e8', 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: 'a95ab784abc59a74b8cd517e70f58f0504563234', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '109a5169f518fe5959ee49d6c0ce39a3d80abcfb' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '528e49e98b5a56950ae991cdb53c00b4555e5a41', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -12097,11 +12100,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '73fa38bbe6bd2a1ab5c43148c47183a41cc149a2', role: "listitem" }, hAsync("a", { key: 'b0066b2b752490798a03ec6481c87ba9b0172509', class: {
+        return (hAsync(Host, { key: 'fdaeb3bbc3139a6031ea4b61f161d459206fc6d8', role: "listitem" }, hAsync("a", { key: 'e2163ec995b08f3745ac33a2f456fde9a10de8f1', 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: '58c53cacc9c3350d819ded713740f6145534ec14', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '9c3f4910e64a251b3d28cc1bc7da48fea680b3f6' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'e41a7f68a2184de5ed830ec665c80df3db14ed05', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '2b0673f8f66eb2d40694e33f031c5c2e5e85bade' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -12352,18 +12355,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: '12d0600dd47ad71b53d67e07b03f4f21b8d1676e', class: "duet-modal-close" }, hAsync("duet-button", { key: '3e7e6c2de9c2bb1953cb9795650b44b289751ff1', 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: '45dd7731d75aeb6fedf103bb8457fc832f032778', class: "duet-modal-close" }, hAsync("duet-button", { key: '1af55ce7ee031845b5a33669886b156f5680a08c', 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: 'e2d3037d4a7c15fa4d8d9c3163a56b9e7cf0fbdc', 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: '1442df676dcf6278cefffca3c0f25206b58c6461', 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: '976c237ef7d725ddf14da1239317a71b423a0c10', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '7799b43bbf0ca9e3c99eefe055de532d3245bc12', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: 'acce69123fb59c968dc1aafe5f378060ce9edf96', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'eec2947c7ab2f7abfa84d3e776afefb7fc73e166', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -12374,18 +12377,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: '1bbd6a5de7f1825247c3b5b5b39699d3e9f2878c', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '4ef00e1b973363768e873732fd970f91f4a78283', 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: '97704800433d96483426cee10199d9b4f1aef6ca' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '5adeac36992b90facc4e0a4b6e1c8142dad400be', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '76c8f349c9a72824b09e2e2d5e0b3de29d88c799' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '829f91a47c3d628a7e3610400626d0254c163a3a', 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: '5b5e690c58eb853d61c47423546b40942b5b72f8', class: "duet-modal-header" }, hAsync("span", { key: '4e9f14358805f29720b24697c40a337ffcddd996', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '09e527317ab1fc7d2df380b347b763f10455f11b', name: "top" })), this.icon && hAsync("duet-icon", { key: '7918bb0b133f11223d78e317cedb3bd5fd66af61', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '17e29ab216102ebab742419a60045da93c8e1cae', "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: '8a8d1033e6701d1aa6dcfbfbeac3b70bdf3c4bf5', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '30560762720fe600c0fc37dff777d0fdb8d045ff', size: "large", color: "primary" }))), hAsync("div", { key: '7f9c15fd58424d32ffb007dff3bb70b1be0776b1', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '9c0d0cf9ef3af041a099ecf34383fe295da3892e' })))))));
+            } }, hAsync("div", { key: 'f54c84d48480b113238d5592529d942f32e1ae41', class: "duet-modal-header" }, hAsync("span", { key: 'a1ba41463c134abe5ba3bbbddec0e5cbc6183e12', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '3fa09af98d06d4cb8d6a5fa60074305e8d9a1f5b', name: "top" })), this.icon && hAsync("duet-icon", { key: '3f8704d72960a1b347efd6eb0ed68a083731e50d', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '2577f299ec0fdf00deb41e4a8e1324b5f52e0fc8', "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: 'a6c9f6320ba5192ace8a86679a3f81e229a0b511', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'a98b8d5cf3a61911f7ded60a1816f08a8a56bdf3', size: "large", color: "primary" }))), hAsync("div", { key: 'ce3c0737a4fb1e3320ff2d243e648ecacc648eba', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '20e1700541dd27a2404858fba3503a0d2c5576d3' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12650,23 +12653,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '5d017a79aadce631aa5c9251872a182a0e491015', class: {
+        return (hAsync(Host, { key: '1b13e9b24543872be153e64448b3bb2b39e6ecfa', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: 'b875be7a1e4421072693bc6ee8778a32159eb094', class: {
+            } }, hAsync("div", { key: '148190880c310174f1ed2dc45c1b7c5ca7982b7e', 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: 'e0147745416105b9bff568c52e136e716269aa8e', 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: 'd6ffc795317baa390e5bb6f811364331d8d7b440', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'b6854970107c5b14ae38cc396d03b06d3ad84c53', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'fb29c0a8623e29564a7d862ab8984ca70025ce29', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '6f1645115046a6e76121205634b070de17abfa2e', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '08e87a02ca938e9a5e2c01c82f058828572dc3ae', 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: 'af006372492c64cb96b5bce439334233f0e55440', 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: 'a181e326d65edc70e509978fd407e12e05dc0c07', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'fb64529244f7a615752ab433ed20480ecfc44c29' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'dc8bfcf2b11fe884eea40065098c455bf75c6e04', 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: 'fbf8716bb708f7c4b3e27704adfa765e80c32291', 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: '3bb0b8f59ba18dda12e5255d2ba998850e83f2af', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '35cd85ac5dc7968e292e5eb933ed48b019dfc082', 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: '452e8f79d16ed35179561fd9fa825e801c507feb', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '32f0a1109ad84ef710d7a2aace8e03f379c5b9b1', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '9ba0a2c54c3ad861040ae2e14125a3ddc6cd5b92', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'bee1499120506543ecbac607eb0b0306f7fcfbd3', class: "duet-multiselect-wrapper" }, hAsync("button", { key: 'b3e6894a5a491d6e356cf50dfd58ed57db236fd0', 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: 'b865f7a0b5603a2a935e2649ad7b3ae854abe6d8', 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: 'e8bc27379ed2a2c31bee87eed60d21b7cb9557a7', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '6e21a7842a61e51aec25e639404c7bf077e16a92' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'e69223cfb0e77ad42d993efe14e38b545cf3a229', 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: 'a03919b6f6aec79f2b154c6cbdec5394c1ceaf41', 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: 'd30b64085be0ade634ec6e386eb5e783eb3b79f0', 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: 'bcaf6d6270e60955e821862802e6c4a002924558', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '5c5b09d605e7e747f749badeb8ecec5e3276eafb', 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: '474904c95ec11ca07d787d8230f713a4bf4f1bea', 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: '40ad894b3d59aa5abf6fa669f5618b437cc00f4b', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '358f2c22e2464177f04a70259dfa600769259fdb', 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: '46e3c1b0935603c8d55dde1b42b74c29e9eeb37c', 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: '3e4534b685beb3eb865b792f449b88b9b94ceba2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '07fb86b8e0a2a18ddfb5697cd214411c81adad80' }, this.error)))));
+            })))))), hAsync("span", { key: 'c3c35d45455da55d81b525e818ca55637515947e', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '2ae201bcc57bb193bdd5124911af931a2694817a' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12735,7 +12738,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2c03379783619c25bf1a1896d5901373dd417734' }, hAsync("div", { key: 'ddc6fae5174e7dd79df64ce41a01f3347ea92413', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '48dffb7720542cebf6e1f4a8e110ebbc110670e6' }), hAsync("slot", { key: '6ab8b61c898ed50369224bbea740a37318deff01', name: "mobile" }), hAsync("slot", { key: 'ee8ccd38a284bc220ed533e78f76009bc5234333', name: "desktop" }))));
+        return (hAsync(Host, { key: '18c30d07ccac6e0656b4ba4c6feb5ddb07c6b06c' }, hAsync("div", { key: '16eac13a9c78bccfdac8a70aff193d775ec1a1e6', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '6b0fbbbab38fb9fc7e634878f424d238f8f6fab4' }), hAsync("slot", { key: 'b6cf57d0876c972a5ccbce533217241277c402bf', name: "mobile" }), hAsync("slot", { key: '2ad38e43fa1db17085c50ba3cfc3423dc0fdd880', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12794,11 +12797,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '5cb0c4c6bc826e292ff1e666fa51f468e93fd0e1', role: "listitem", class: {
+        return (hAsync("div", { key: '53bf3fb42fabb1085aaa8de5091a92d3f2e2ff2a', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: 'fbffe9a2754428d30ec66b88640e365d2073c8b7', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '0fac71553225edaf964a46529e4a45a800ea4cfe', class: "duet-notification-container" }, hAsync("div", { key: '57f79649f38d7f728257019b7f1e6818dbbff7f8', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'faf1346775bae9263da603fdc346ef3bc891dc11', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '27157c7f34075c2a7255611c7b375a88c6ba572a' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '15b30893e3f39f29e77c8c6f430d28481ae62215', class: "duet-notification-content" }, hAsync("slot", { key: 'fcb2eac6c69d57425d278270514c62c3d8fd1228' })), hAsync("div", { key: 'aad0535eeb257c822f0762915d9160e6cd522fc4', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: 'fbe3d967cc547d2af9d278c4932020280f13cbf7', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'adcc72e86dfef46c9236b2ce62c3e6c4ebf09356', class: "duet-notification-container" }, hAsync("div", { key: 'aaf3d1dc837c9e164542046406e7e3420272634c', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '6982bb6d18d19f198c4ac129764a5f9aa7642109', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '49beecb60f8a1bade31c9c1a99808778ae1855df' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '5af9a7fc09f3a855d94527067934ea3af667056d', class: "duet-notification-content" }, hAsync("slot", { key: '344506570c443641459719001e49ba16bfefbcb5' })), hAsync("div", { key: '3597fe58bd170ae199f8a1cf0a0b4643b26fca53', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12916,10 +12919,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'cd4e6b527b0e2f7953969021f8438f2f86b01b3d', class: {
+        return (hAsync("div", { key: '684aa1ca53fe55ed070c4c196fd3c43deb08e687', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'c3ae8bcf17188593df34431967d2371a40783ffc', 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: '23679cbfbbc510f4be0b0627e9e62c2eeede3d53', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '44a2f4501558f1c1606b2dd824da09ef29fbdc06', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'a86ee2afbfe08de83f1490d3a975336228ce939a', class: "duet-drawer-badge" }))), hAsync("span", { key: 'df792c009c2b2d37011a01691ddd831238109a77', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '774e310c6e9263b438df99dafdcb2c9e381a078c', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '28efba90ced1b7daf0dbd75f75ff174c9276838c', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '038e12f34d6a437643b2ae6c3d62846c7ff10984', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '6b4409fd5268778305473af525a945d47d9c39da', 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: 'c9267c1af9c1c5915c7d6ede76e91ca27f50a9b5', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '2ef2cadda49403ad82f2cd6954f04042b2428f54', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '163a12602500df35689a05fbcde4c58cbd55afc7', class: "duet-drawer-badge" }))), hAsync("span", { key: '154857b69805d0d6cfe60e1559b34ce1a8b8e576', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '03cfd2876e6313e194f1092491135389b2c67aa2', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '13706101d1d24e17c8e295b632de914dea29e653', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '731f3d300edc47c3ee18617d848b51720c63bff6', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -13306,11 +13309,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: '8093a1d061b11762890e8316f35f3aadbb4314d3', class: {
+        return (hAsync(Host, { key: '5ed199d090d8a0872fb5fb71f1059e43aba26d4c', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: '0bb70d7bec69c413f6615987e535327bc2c44bbd', class: "duet-number-container" }, hAsync("duet-input", { key: 'a982640544b7be253b5d8c66d8a67ea55293438a', 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: 'c16ccee69695abcdb5385552dc28cb701e20d340', name: "tooltip" }), hAsync("div", { key: 'e59ef878a5a4237f7955df5aa74ed0f369796fc5', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: 'a9ad3cff4c5393368dce5983d16ef740b7d2f57d', 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: '29db7b9642afb66860b3f5c7951192aa6890a77b' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '2d3351ce5f1246e8f91ab4f94937ba522b8c7b7a', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: 'd01ef0e639112dff95d22e3df9e9efc1cc5ba478', 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: '08371480b73665e20caa60b21a35180e9536f0e2' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'c773a6ff733534fabc60fdce53a157a9935e6a2b', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '5eefd62f3963ed1f71c3419f8d80110f98f68f74', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
+            } }, hAsync("div", { key: '63f6850749d3a91de8dc708c6d9e83cbc77162bc', class: "duet-number-container" }, hAsync("duet-input", { key: '070cabe6a0925a671ad9ddc7070d1348f794dbcf', 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: '94b40f1c3b6ce0692bc5d7cf0222e028bad4e4b2', name: "tooltip" }), hAsync("div", { key: '1b502276d16f8ad84edca78924a0c5870e6ddafe', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: '601d8355b9dc371e36c8a9a92460cc696e38451a', 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: 'd2955734b439b22cfa02f9d98545dbc733ba6394' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '9c5b59351156afacc9e65d4a942ee47ee6ee34be', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '0424d9c8941778cb4c0b347dc68d38f4d00dc084', 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: '48141d6126c58f0516df731b9432e599a2112c3b' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: '0e025a57bde24ea190b80b33719e3debcde1a007', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '75e4d922c576062fae39183be5ae2c5730609cb2', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNumberInputStyle0; }
@@ -13399,7 +13402,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e78292bc58b3d6983aa2db68149622528d66310b', "aria-hidden": "true" }, hAsync("div", { key: '210906eeeedaa5e72de0e8550e4388b3cef81fb4', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: '6254397e108eb85239cdee7db4eafacacb751b11', "aria-hidden": "true" }, hAsync("div", { key: '7e79408fc79451cf3c58266423c307c7645ae146', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -13469,12 +13472,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '152ee6f6f1a2a36ba50aee739a2d817926df7ec5', class: {
+        return (hAsync("div", { key: 'deaabf405a74eed099dfdb2ce2f2591bda47302d', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: 'cf94b7d96aa84b199c3305f87fd7f5aea75c636a', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'bc6454145abcf5866532af36b86f290df01e4fc8', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '784a8c8f8f96b5b55d86d214e6416e3382a7b79e', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '3579cdd426a40669fbb50b9061afb8c51862a0e5', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '1fe4153cc54abc237ae95bd197df2abc9316025a', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'a4e657399bf9719dd135876080dc39158a7b1992', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '9cdaa8b59eb3894f28ef622e5d668adbed21ec03', class: "heading" }, hAsync("slot", { key: '54ac00758edab7d18ba951e5557d9c2e4ebdff2e', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '859931ec912d1857c91f23f430f81aff8ed62540' }, hAsync("duet-spacer", { key: '52330c774aca72a1e379a2f17b9ce28467d77700', size: "large" }), hAsync("div", { key: '708c706e2949fe40cb250003f52d67e948405ec2', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: '4df93b3838da36392423572f2b34b7568b6ec245', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'b2c4fb7eb26966f6aeaa1ae9a18fa191d63acfdf', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '967ad60ff667516345b59b415fe184f3e6f76c26', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '6207bf2635e9e179dd260378af5ec14ac5edd4c1', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'ae2e52d038a7ed804b89a6359a9277d96977a504', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '985c43c04d9bcdee61446b316fa9bba3f2c668ef', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '065c80122d1f6a301fdea66dc6ab8c47b6a22914', class: "heading" }, hAsync("slot", { key: '390772e5cfb95e14cd2504d06874104d9e524cbc', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: 'b622068c0b3186ee1c596c8d69eb3e0ec4d4ea31' }, hAsync("duet-spacer", { key: '79f7d891c78edd17403b871e0ceb437876bd6c62', size: "large" }), hAsync("div", { key: 'f9f84a6e0937792baeb1e3f838443e884516197f', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13829,32 +13832,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '449300e925c6e0f4b9683b2f9de2d2da3cfde6df', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '88a063b0659badefc26f60d6f9da8a1a65361312', 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: '5943ffdd76ef98748f029896f38e97bde1865d98', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '76a6858bee8b90ea73b0fe7213b9f271c9eb509e', 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: '9464743e61860868dddc9be141f020fc7c1e417e', "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: 'b646cbc19b45867567148f1511a6810328c6c409', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '1f0e1b5ca2a7b27ad9ecc06ba8f1d558a1664a31', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: 'c323069e8b3a2883c45ac5f6354b550cf529657e', "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: '38ac9c11afc3eab57815de9cdf648ff21df38621', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: 'ccbb3b8d012e3e4defd979d88a327df68e0e2058', 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: '776b63a83cee29edc126dab88fefb5a86aa45a2f', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '93bf21a9d7c68782301a6723fd6e9db55d572345', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'b9b3c00bd00813ad6f610d9f0a33d4713c65165d', 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: '41fa9271eebd307d67791c6671f898738d02614f', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '2d1521d6ca50e80ef5c0b3267bccb168a2d6e62d', 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: '98a6f6692c652c74d6c463d2466eca429358891c', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '9625be7391a1c4498117644c382101f181a46cc4', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '8a43fa4728ae1b53ef977bdf1c7a44d5034bdd04', 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: 'a80187a03cdab00117d96036acd3ca33d4c34a5f' }, hAsync("li", { key: 'c4015c0ae15c5b28c63d5227a328ae11d5c1ae3f', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '78456ddf3a387c486d7740afb20133cba49d5987', 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: 'd8268f8d9d15b500166ec843cc069e437f561a53', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '9029fdef07b0dee5f81f967d57231c0a2a6ea64b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '33415416248c285c99b2540443684d32bd36a973', 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: 'd652742e05db9b4e3c94c3fdc0ecc2501b2194a0', 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: '3e116f6f5ad9e674f0d0ebb1a3c19a2ae3c6cb9c' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '080dec831309a52dd2f3125c43938b600cd89549', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'b53fb49a214247bacd11b604eee45d715099b63b', 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: '0b9394a0812fcfebbd1932fb08f95661561c5539', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '6345044085eda43da59db094041f39fec2d4d16a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'dc08fab187e6468e7d19cfdd4c12d1af69f922e6', 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: 'bea57a7da7eb4e8feb17560ae2ae442590aa5ee2' }, hAsync("li", { key: '7e62beaf647d200436162f87098f67d8a5c928d8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'c98c4fcdcb94567e691930005974e605406cce33', 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: 'b8760ceeb730e809cd7996be57bd9e93ebdbd653', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '3c948e1d9eac9dec1337744db26662d738aead11', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '3e59a62a9d1ef3e51cd6f71aa912ca4794454b4b', 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: 'd8c79ebb7e0a7164008563da0346de380d7d204b', 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: 'e9e3c57605ca7050408b9397aee62faeb16cd270' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '5854f40f93fe8e24d9f0fbe0c113195f3ca722c2', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'aa268bf3709899c5e8f5f277e94ff8d70ebcd764', 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: 'b1e1c1cb874bf04dca88bf6d3386b2fb4d3df947', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'da069480127ea148dbc13a4e175a474f2c14cfb9', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'b76da37a208b7456e89e084b6d586d70a90cc1e7', 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: '2c20e47c2f6bf96975d244733874173dea10e0a6', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: 'f67a8f288896785be77eb3951195c94ed1d75d75', class: {
+                : undefined }, hAsync("div", { key: 'a2cb2f2a14057653ca92dae498804862835c70cf', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: 'eeebc9e7bdfaccd7e438d2f580056923d00a8756', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '9cbba60ce9baa1e4cc33a07a3250d72d44c2fe5f', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'b97ef02ea16c8fb216e88dc74e3fe87b76ac2f09', 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: '3f0f55d1d85abe02331e1112737b39dbbb40ac29', 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: '45ee2be07aca3f3526fc9a3b23deea0d04c0b36e', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '666860a5ae40ae73e220ad133e7707c989f77ae2', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '0519bda2be03889de093f73535907ab63388877d', 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 })))))));
     }
@@ -13928,7 +13931,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: 'c0d43b4c51f0baef2d36d77b58e6e943dd5da15e', "aria-describedby": this.id }, hAsync("p", { key: '4a7810a0c5d55a76d2174900bcde30a7aa9fa5eb', id: this.id, class: {
+        return (hAsync(Host, { key: '19e0ccb9932ab69c9e51c6b2f92120fd4ba6a966', "aria-describedby": this.id }, hAsync("p", { key: 'cf3f40c19232ca92813d557c75023403d1de6c4c', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13936,7 +13939,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: 'a0ecd92a38efa76b6a9a332c156e38fef251ac17' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '693575d24b17c6abaaeb978bb3213738c3c17f11' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -13957,6 +13960,2017 @@ class DuetParagraph {
     }; }
 }
 
+const countries = {
+    AF: {
+        isoCode: "AF",
+        en: "Afghanistan",
+        fi: "Afganistan",
+        sv: "Afghanistan",
+        telephoneCountryCode: "93",
+    },
+    AL: {
+        isoCode: "AL",
+        en: "Albania",
+        fi: "Albania",
+        sv: "Albanien",
+        telephoneCountryCode: "355",
+    },
+    DZ: {
+        isoCode: "DZ",
+        en: "Algeria",
+        fi: "Algeria",
+        sv: "Algeriet",
+        telephoneCountryCode: "213",
+    },
+    AS: {
+        isoCode: "AS",
+        en: "American Samoa",
+        fi: "Amerikan Samoa",
+        sv: "Amerikanska Samoa",
+        telephoneCountryCode: "1",
+    },
+    AD: {
+        isoCode: "AD",
+        en: "Andorra",
+        fi: "Andorra",
+        sv: "Andorra",
+        telephoneCountryCode: "376",
+    },
+    AO: {
+        isoCode: "AO",
+        en: "Angola",
+        fi: "Angola",
+        sv: "Angola",
+        telephoneCountryCode: "244",
+    },
+    AI: {
+        isoCode: "AI",
+        en: "Anguilla",
+        fi: "Anguilla",
+        sv: "Anguilla",
+        telephoneCountryCode: "1",
+    },
+    AQ: {
+        isoCode: "AQ",
+        en: "Antarctica",
+        fi: "Antarktis",
+        sv: "Antarktis",
+    },
+    AG: {
+        isoCode: "AG",
+        en: "Antigua and Barbuda",
+        fi: "Antigua ja Barbuda",
+        sv: "Antigua och Barbuda",
+        telephoneCountryCode: "1",
+    },
+    AR: {
+        isoCode: "AR",
+        en: "Argentina",
+        fi: "Argentiina",
+        sv: "Argentina",
+        telephoneCountryCode: "54",
+    },
+    AM: {
+        isoCode: "AM",
+        en: "Armenia",
+        fi: "Armenia",
+        sv: "Armenien",
+        telephoneCountryCode: "374",
+    },
+    AW: {
+        isoCode: "AW",
+        en: "Aruba",
+        fi: "Aruba",
+        sv: "Aruba",
+        telephoneCountryCode: "297",
+    },
+    AU: {
+        isoCode: "AU",
+        en: "Australia",
+        fi: "Australia",
+        sv: "Australien",
+        telephoneCountryCode: "61",
+    },
+    AT: {
+        isoCode: "AT",
+        en: "Austria",
+        fi: "Itävalta",
+        sv: "Österrike",
+        telephoneCountryCode: "43",
+    },
+    AZ: {
+        isoCode: "AZ",
+        en: "Azerbaijan",
+        fi: "Azerbaidžan",
+        sv: "Azerbajdzjan",
+        telephoneCountryCode: "994",
+    },
+    BS: {
+        isoCode: "BS",
+        en: "Bahamas",
+        fi: "Bahama",
+        sv: "Bahamas",
+        telephoneCountryCode: "1",
+    },
+    BH: {
+        isoCode: "BH",
+        en: "Bahrain",
+        fi: "Bahrain",
+        sv: "Bahrain",
+        telephoneCountryCode: "973",
+    },
+    BD: {
+        isoCode: "BD",
+        en: "Bangladesh",
+        fi: "Bangladesh",
+        sv: "Bangladesh",
+        telephoneCountryCode: "880",
+    },
+    BB: {
+        isoCode: "BB",
+        en: "Barbados",
+        fi: "Barbados",
+        sv: "Barbados",
+        telephoneCountryCode: "1",
+    },
+    BY: {
+        isoCode: "BY",
+        en: "Belarus",
+        fi: "Valko-Venäjä",
+        sv: "Belarus",
+        telephoneCountryCode: "375",
+    },
+    BE: {
+        isoCode: "BE",
+        en: "Belgium",
+        fi: "Belgia",
+        sv: "Belgien",
+        telephoneCountryCode: "32",
+    },
+    BZ: {
+        isoCode: "BZ",
+        en: "Belize",
+        fi: "Belize",
+        sv: "Belize",
+        telephoneCountryCode: "501",
+    },
+    BJ: {
+        isoCode: "BJ",
+        en: "Benin",
+        fi: "Benin",
+        sv: "Benin",
+        telephoneCountryCode: "229",
+    },
+    BM: {
+        isoCode: "BM",
+        en: "Bermuda",
+        fi: "Bermuda",
+        sv: "Bermuda",
+        telephoneCountryCode: "1",
+    },
+    BT: {
+        isoCode: "BT",
+        en: "Bhutan",
+        fi: "Bhutan",
+        sv: "Bhutan",
+        telephoneCountryCode: "975",
+    },
+    BO: {
+        isoCode: "BO",
+        en: "Bolivia",
+        fi: "Bolivia",
+        sv: "Bolivia",
+        telephoneCountryCode: "591",
+    },
+    BA: {
+        isoCode: "BA",
+        en: "Bosnia and Herzegovina",
+        fi: "Bosnia ja Hertsegovina",
+        sv: "Bosnien och Hercegovina",
+        telephoneCountryCode: "387",
+    },
+    BW: {
+        isoCode: "BW",
+        en: "Botswana",
+        fi: "Botswana",
+        sv: "Botswana",
+        telephoneCountryCode: "267",
+    },
+    BV: {
+        isoCode: "BV",
+        en: "Bouvet Island",
+        fi: "Bouvet’nsaari",
+        sv: "Bouvetön",
+    },
+    BR: {
+        isoCode: "BR",
+        en: "Brazil",
+        fi: "Brasilia",
+        sv: "Brasilien",
+        telephoneCountryCode: "55",
+    },
+    IO: {
+        isoCode: "IO",
+        en: "British Indian Ocean Territory",
+        fi: "Brittiläinen Intian valtameren alue",
+        sv: "Brittiska territoriet i Indiska Oceanen",
+        telephoneCountryCode: "246",
+    },
+    BN: {
+        isoCode: "BN",
+        en: "Brunei Darussalam",
+        fi: "Brunei",
+        sv: "Brunei",
+        telephoneCountryCode: "673",
+    },
+    BG: {
+        isoCode: "BG",
+        en: "Bulgaria",
+        fi: "Bulgaria",
+        sv: "Bulgarien",
+        telephoneCountryCode: "359",
+    },
+    BF: {
+        isoCode: "BF",
+        en: "Burkina Faso",
+        fi: "Burkina Faso",
+        sv: "Burkina Faso",
+        telephoneCountryCode: "226",
+    },
+    BI: {
+        isoCode: "BI",
+        en: "Burundi",
+        fi: "Burundi",
+        sv: "Burundi",
+        telephoneCountryCode: "257",
+    },
+    KH: {
+        isoCode: "KH",
+        en: "Cambodia",
+        fi: "Kambodža",
+        sv: "Kambodja",
+        telephoneCountryCode: "855",
+    },
+    CM: {
+        isoCode: "CM",
+        en: "Cameroon",
+        fi: "Kamerun",
+        sv: "Kamerun",
+        telephoneCountryCode: "237",
+    },
+    CA: {
+        isoCode: "CA",
+        en: "Canada",
+        fi: "Kanada",
+        sv: "Kanada",
+        telephoneCountryCode: "1",
+    },
+    CV: {
+        isoCode: "CV",
+        en: "Cape Verde",
+        fi: "Kap Verde",
+        sv: "Kap Verde",
+        telephoneCountryCode: "238",
+    },
+    KY: {
+        isoCode: "KY",
+        en: "Cayman Islands",
+        fi: "Caymansaaret",
+        sv: "Caymanöarna",
+        telephoneCountryCode: "1",
+    },
+    CF: {
+        isoCode: "CF",
+        en: "Central African Republic",
+        fi: "Keski-Afrikan tasavalta",
+        sv: "Centralafrikanska republiken",
+        telephoneCountryCode: "236",
+    },
+    TD: {
+        isoCode: "TD",
+        en: "Chad",
+        fi: "Tšad",
+        sv: "Tchad",
+        telephoneCountryCode: "235",
+    },
+    CL: {
+        isoCode: "CL",
+        en: "Chile",
+        fi: "Chile",
+        sv: "Chile",
+        telephoneCountryCode: "56",
+    },
+    CN: {
+        isoCode: "CN",
+        en: "People's Republic of China",
+        fi: "Kiina",
+        sv: "Kina",
+        telephoneCountryCode: "86",
+    },
+    CX: {
+        isoCode: "CX",
+        en: "Christmas Island",
+        fi: "Joulusaari",
+        sv: "Julön",
+        telephoneCountryCode: "61",
+    },
+    CC: {
+        isoCode: "CC",
+        en: "Cocos (Keeling) Islands",
+        fi: "Kookossaaret",
+        sv: "Kokosöarna",
+        telephoneCountryCode: "61",
+    },
+    CO: {
+        isoCode: "CO",
+        en: "Colombia",
+        fi: "Kolumbia",
+        sv: "Colombia",
+        telephoneCountryCode: "57",
+    },
+    KM: {
+        isoCode: "KM",
+        en: "Comoros",
+        fi: "Komorit",
+        sv: "Komorerna",
+        telephoneCountryCode: "269",
+    },
+    CG: {
+        isoCode: "CG",
+        en: "Republic of the Congo",
+        fi: "Kongon tasavalta",
+        sv: "Kongo-Brazzaville",
+        telephoneCountryCode: "242",
+    },
+    CD: {
+        isoCode: "CD",
+        en: "Democratic Republic of the Congo",
+        fi: "Kongon demokraattinen tasavalta",
+        sv: "Demokratiska republiken Kongo",
+        telephoneCountryCode: "243",
+    },
+    CK: {
+        isoCode: "CK",
+        en: "Cook Islands",
+        fi: "Cookinsaaret",
+        sv: "Cooköarna",
+        telephoneCountryCode: "682",
+    },
+    CR: {
+        isoCode: "CR",
+        en: "Costa Rica",
+        fi: "Costa Rica",
+        sv: "Costa Rica",
+        telephoneCountryCode: "506",
+    },
+    CI: {
+        isoCode: "CI",
+        en: "Cote D'Ivoire",
+        fi: "Norsunluurannikko",
+        sv: "Elfenbenskusten",
+        telephoneCountryCode: "225",
+    },
+    HR: {
+        isoCode: "HR",
+        en: "Croatia",
+        fi: "Kroatia",
+        sv: "Kroatien",
+        telephoneCountryCode: "385",
+    },
+    CU: {
+        isoCode: "CU",
+        en: "Cuba",
+        fi: "Kuuba",
+        sv: "Kuba",
+        telephoneCountryCode: "53",
+    },
+    CY: {
+        isoCode: "CY",
+        en: "Cyprus",
+        fi: "Kypros",
+        sv: "Cypern",
+        telephoneCountryCode: "357",
+    },
+    CZ: {
+        isoCode: "CZ",
+        en: "Czech Republic",
+        fi: "Tšekki",
+        sv: "Tjeckien",
+        telephoneCountryCode: "420",
+    },
+    DK: {
+        isoCode: "DK",
+        en: "Denmark",
+        fi: "Tanska",
+        sv: "Danmark",
+        telephoneCountryCode: "45",
+    },
+    DJ: {
+        isoCode: "DJ",
+        en: "Djibouti",
+        fi: "Djibouti",
+        sv: "Djibouti",
+        telephoneCountryCode: "253",
+    },
+    DM: {
+        isoCode: "DM",
+        en: "Dominica",
+        fi: "Dominica",
+        sv: "Dominica",
+        telephoneCountryCode: "1",
+    },
+    DO: {
+        isoCode: "DO",
+        en: "Dominican Republic",
+        fi: "Dominikaaninen tasavalta",
+        sv: "Dominikanska republiken",
+        telephoneCountryCode: "1",
+    },
+    EC: {
+        isoCode: "EC",
+        en: "Ecuador",
+        fi: "Ecuador",
+        sv: "Ecuador",
+        telephoneCountryCode: "593",
+    },
+    EG: {
+        isoCode: "EG",
+        en: "Egypt",
+        fi: "Egypti",
+        sv: "Egypten",
+        telephoneCountryCode: "20",
+    },
+    SV: {
+        isoCode: "SV",
+        en: "El Salvador",
+        fi: "El Salvador",
+        sv: "El Salvador",
+        telephoneCountryCode: "503",
+    },
+    GQ: {
+        isoCode: "GQ",
+        en: "Equatorial Guinea",
+        fi: "Päiväntasaajan Guinea",
+        sv: "Ekvatorialguinea",
+        telephoneCountryCode: "240",
+    },
+    ER: {
+        isoCode: "ER",
+        en: "Eritrea",
+        fi: "Eritrea",
+        sv: "Eritrea",
+        telephoneCountryCode: "291",
+    },
+    EE: {
+        isoCode: "EE",
+        en: "Estonia",
+        fi: "Viro",
+        sv: "Estland",
+        telephoneCountryCode: "372",
+    },
+    ET: {
+        isoCode: "ET",
+        en: "Ethiopia",
+        fi: "Etiopia",
+        sv: "Etiopien",
+        telephoneCountryCode: "251",
+    },
+    FK: {
+        isoCode: "FK",
+        en: "Falkland Islands (Malvinas)",
+        fi: "Falklandinsaaret",
+        sv: "Falklandsöarna",
+        telephoneCountryCode: "500",
+    },
+    FO: {
+        isoCode: "FO",
+        en: "Faroe Islands",
+        fi: "Färsaaret",
+        sv: "Färöarna",
+        telephoneCountryCode: "298",
+    },
+    FJ: {
+        isoCode: "FJ",
+        en: "Fiji",
+        fi: "Fidži",
+        sv: "Fiji",
+        telephoneCountryCode: "679",
+    },
+    FI: {
+        isoCode: "FI",
+        en: "Finland",
+        fi: "Suomi",
+        sv: "Finland",
+        telephoneCountryCode: "358",
+    },
+    FR: {
+        isoCode: "FR",
+        en: "France",
+        fi: "Ranska",
+        sv: "Frankrike",
+        telephoneCountryCode: "33",
+    },
+    GF: {
+        isoCode: "GF",
+        en: "French Guiana",
+        fi: "Ranskan Guayana",
+        sv: "Franska Guyana",
+        telephoneCountryCode: "594",
+    },
+    PF: {
+        isoCode: "PF",
+        en: "French Polynesia",
+        fi: "Ranskan Polynesia",
+        sv: "Franska Polynesien",
+        telephoneCountryCode: "689",
+    },
+    TF: {
+        isoCode: "TF",
+        en: "French Southern Territories",
+        fi: "Ranskan eteläiset alueet",
+        sv: "Franska södra territorierna",
+    },
+    GA: {
+        isoCode: "GA",
+        en: "Gabon",
+        fi: "Gabon",
+        sv: "Gabon",
+        telephoneCountryCode: "241",
+    },
+    GM: {
+        isoCode: "GM",
+        en: "Republic of The Gambia",
+        fi: "Gambia",
+        sv: "Gambia",
+        telephoneCountryCode: "220",
+    },
+    GE: {
+        isoCode: "GE",
+        en: "Georgia",
+        fi: "Georgia",
+        sv: "Georgien",
+        telephoneCountryCode: "995",
+    },
+    DE: {
+        isoCode: "DE",
+        en: "Germany",
+        fi: "Saksa",
+        sv: "Tyskland",
+        telephoneCountryCode: "49",
+    },
+    GH: {
+        isoCode: "GH",
+        en: "Ghana",
+        fi: "Ghana",
+        sv: "Ghana",
+        telephoneCountryCode: "233",
+    },
+    GI: {
+        isoCode: "GI",
+        en: "Gibraltar",
+        fi: "Gibraltar",
+        sv: "Gibraltar",
+        telephoneCountryCode: "350",
+    },
+    GR: {
+        isoCode: "GR",
+        en: "Greece",
+        fi: "Kreikka",
+        sv: "Grekland",
+        telephoneCountryCode: "30",
+    },
+    GL: {
+        isoCode: "GL",
+        en: "Greenland",
+        fi: "Grönlanti",
+        sv: "Grönland",
+        telephoneCountryCode: "299",
+    },
+    GD: {
+        isoCode: "GD",
+        en: "Grenada",
+        fi: "Grenada",
+        sv: "Grenada",
+        telephoneCountryCode: "1",
+    },
+    GP: {
+        isoCode: "GP",
+        en: "Guadeloupe",
+        fi: "Guadeloupe",
+        sv: "Guadeloupe",
+        telephoneCountryCode: "590",
+    },
+    GU: {
+        isoCode: "GU",
+        en: "Guam",
+        fi: "Guam",
+        sv: "Guam",
+        telephoneCountryCode: "1",
+    },
+    GT: {
+        isoCode: "GT",
+        en: "Guatemala",
+        fi: "Guatemala",
+        sv: "Guatemala",
+        telephoneCountryCode: "502",
+    },
+    GN: {
+        isoCode: "GN",
+        en: "Guinea",
+        fi: "Guinea",
+        sv: "Guinea",
+        telephoneCountryCode: "224",
+    },
+    GW: {
+        isoCode: "GW",
+        en: "Guinea-Bissau",
+        fi: "Guinea-Bissau",
+        sv: "Guinea Bissau",
+        telephoneCountryCode: "245",
+    },
+    GY: {
+        isoCode: "GY",
+        en: "Guyana",
+        fi: "Guyana",
+        sv: "Guyana",
+        telephoneCountryCode: "592",
+    },
+    HT: {
+        isoCode: "HT",
+        en: "Haiti",
+        fi: "Haiti",
+        sv: "Haiti",
+        telephoneCountryCode: "509",
+    },
+    HM: {
+        isoCode: "HM",
+        en: "Heard Island and McDonald Islands",
+        fi: "Heard ja McDonaldinsaaret",
+        sv: "Heard- och McDonaldsöarna",
+    },
+    VA: {
+        isoCode: "VA",
+        en: "Holy See (Vatican City State)",
+        fi: "Vatikaanivaltio",
+        sv: "Vatikanstaten",
+        telephoneCountryCode: "39",
+    },
+    HN: {
+        isoCode: "HN",
+        en: "Honduras",
+        fi: "Honduras",
+        sv: "Honduras",
+        telephoneCountryCode: "504",
+    },
+    HK: {
+        isoCode: "HK",
+        en: "Hong Kong",
+        fi: "Hongkong",
+        sv: "Hongkong",
+        telephoneCountryCode: "852",
+    },
+    HU: {
+        isoCode: "HU",
+        en: "Hungary",
+        fi: "Unkari",
+        sv: "Ungern",
+        telephoneCountryCode: "36",
+    },
+    IS: {
+        isoCode: "IS",
+        en: "Iceland",
+        fi: "Islanti",
+        sv: "Island",
+        telephoneCountryCode: "354",
+    },
+    IN: {
+        isoCode: "IN",
+        en: "India",
+        fi: "Intia",
+        sv: "Indien",
+        telephoneCountryCode: "91",
+    },
+    ID: {
+        isoCode: "ID",
+        en: "Indonesia",
+        fi: "Indonesia",
+        sv: "Indonesien",
+        telephoneCountryCode: "62",
+    },
+    IR: {
+        isoCode: "IR",
+        en: "Islamic Republic of Iran",
+        fi: "Iran",
+        sv: "Iran",
+        telephoneCountryCode: "98",
+    },
+    IQ: {
+        isoCode: "IQ",
+        en: "Iraq",
+        fi: "Irak",
+        sv: "Irak",
+        telephoneCountryCode: "964",
+    },
+    IE: {
+        isoCode: "IE",
+        en: "Ireland",
+        fi: "Irlanti",
+        sv: "Irland",
+        telephoneCountryCode: "353",
+    },
+    IL: {
+        isoCode: "IL",
+        en: "Israel",
+        fi: "Israel",
+        sv: "Israel",
+        telephoneCountryCode: "972",
+    },
+    IT: {
+        isoCode: "IT",
+        en: "Italy",
+        fi: "Italia",
+        sv: "Italien",
+        telephoneCountryCode: "39",
+    },
+    JM: {
+        isoCode: "JM",
+        en: "Jamaica",
+        fi: "Jamaika",
+        sv: "Jamaica",
+        telephoneCountryCode: "1",
+    },
+    JP: {
+        isoCode: "JP",
+        en: "Japan",
+        fi: "Japani",
+        sv: "Japan",
+        telephoneCountryCode: "81",
+    },
+    JO: {
+        isoCode: "JO",
+        en: "Jordan",
+        fi: "Jordania",
+        sv: "Jordanien",
+        telephoneCountryCode: "962",
+    },
+    KZ: {
+        isoCode: "KZ",
+        en: "Kazakhstan",
+        fi: "Kazakstan",
+        sv: "Kazakstan",
+        telephoneCountryCode: "7",
+    },
+    KE: {
+        isoCode: "KE",
+        en: "Kenya",
+        fi: "Kenia",
+        sv: "Kenya",
+        telephoneCountryCode: "254",
+    },
+    KI: {
+        isoCode: "KI",
+        en: "Kiribati",
+        fi: "Kiribati",
+        sv: "Kiribati",
+        telephoneCountryCode: "686",
+    },
+    KP: {
+        isoCode: "KP",
+        en: "North Korea",
+        fi: "Korean demokraattinen kansantasavalta",
+        sv: "Nordkorea",
+        telephoneCountryCode: "850",
+    },
+    KR: {
+        isoCode: "KR",
+        en: "South Korea",
+        fi: "Korean tasavalta",
+        sv: "Sydkorea",
+        telephoneCountryCode: "82",
+    },
+    KW: {
+        isoCode: "KW",
+        en: "Kuwait",
+        fi: "Kuwait",
+        sv: "Kuwait",
+        telephoneCountryCode: "965",
+    },
+    KG: {
+        isoCode: "KG",
+        en: "Kyrgyzstan",
+        fi: "Kirgisia",
+        sv: "Kirgizistan",
+        telephoneCountryCode: "996",
+    },
+    LA: {
+        isoCode: "LA",
+        en: "Lao People's Democratic Republic",
+        fi: "Laos",
+        sv: "Laos",
+        telephoneCountryCode: "856",
+    },
+    LV: {
+        isoCode: "LV",
+        en: "Latvia",
+        fi: "Latvia",
+        sv: "Lettland",
+        telephoneCountryCode: "371",
+    },
+    LB: {
+        isoCode: "LB",
+        en: "Lebanon",
+        fi: "Libanon",
+        sv: "Libanon",
+        telephoneCountryCode: "961",
+    },
+    LS: {
+        isoCode: "LS",
+        en: "Lesotho",
+        fi: "Lesotho",
+        sv: "Lesotho",
+        telephoneCountryCode: "266",
+    },
+    LR: {
+        isoCode: "LR",
+        en: "Liberia",
+        fi: "Liberia",
+        sv: "Liberia",
+        telephoneCountryCode: "231",
+    },
+    LY: {
+        isoCode: "LY",
+        en: "Libya",
+        fi: "Libya",
+        sv: "Libyen",
+        telephoneCountryCode: "218",
+    },
+    LI: {
+        isoCode: "LI",
+        en: "Liechtenstein",
+        fi: "Liechtenstein",
+        sv: "Liechtenstein",
+        telephoneCountryCode: "423",
+    },
+    LT: {
+        isoCode: "LT",
+        en: "Lithuania",
+        fi: "Liettua",
+        sv: "Litauen",
+        telephoneCountryCode: "370",
+    },
+    LU: {
+        isoCode: "LU",
+        en: "Luxembourg",
+        fi: "Luxemburg",
+        sv: "Luxemburg",
+        telephoneCountryCode: "352",
+    },
+    MO: {
+        isoCode: "MO",
+        en: "Macao",
+        fi: "Macao",
+        sv: "Macau",
+        telephoneCountryCode: "853",
+    },
+    MG: {
+        isoCode: "MG",
+        en: "Madagascar",
+        fi: "Madagaskar",
+        sv: "Madagaskar",
+        telephoneCountryCode: "261",
+    },
+    MW: {
+        isoCode: "MW",
+        en: "Malawi",
+        fi: "Malawi",
+        sv: "Malawi",
+        telephoneCountryCode: "265",
+    },
+    MY: {
+        isoCode: "MY",
+        en: "Malaysia",
+        fi: "Malesia",
+        sv: "Malaysia",
+        telephoneCountryCode: "60",
+    },
+    MV: {
+        isoCode: "MV",
+        en: "Maldives",
+        fi: "Malediivit",
+        sv: "Maldiverna",
+        telephoneCountryCode: "960",
+    },
+    ML: {
+        isoCode: "ML",
+        en: "Mali",
+        fi: "Mali",
+        sv: "Mali",
+        telephoneCountryCode: "223",
+    },
+    MT: {
+        isoCode: "MT",
+        en: "Malta",
+        fi: "Malta",
+        sv: "Malta",
+        telephoneCountryCode: "356",
+    },
+    MH: {
+        isoCode: "MH",
+        en: "Marshall Islands",
+        fi: "Marshallinsaaret",
+        sv: "Marshallöarna",
+        telephoneCountryCode: "692",
+    },
+    MQ: {
+        isoCode: "MQ",
+        en: "Martinique",
+        fi: "Martinique",
+        sv: "Martinique",
+        telephoneCountryCode: "596",
+    },
+    MR: {
+        isoCode: "MR",
+        en: "Mauritania",
+        fi: "Mauritania",
+        sv: "Mauretanien",
+        telephoneCountryCode: "222",
+    },
+    MU: {
+        isoCode: "MU",
+        en: "Mauritius",
+        fi: "Mauritius",
+        sv: "Mauritius",
+        telephoneCountryCode: "230",
+    },
+    YT: {
+        isoCode: "YT",
+        en: "Mayotte",
+        fi: "Mayotte",
+        sv: "Mayotte",
+        telephoneCountryCode: "262",
+    },
+    MX: {
+        isoCode: "MX",
+        en: "Mexico",
+        fi: "Meksiko",
+        sv: "Mexiko",
+        telephoneCountryCode: "52",
+    },
+    FM: {
+        isoCode: "FM",
+        en: "Micronesia, Federated States of",
+        fi: "Mikronesian liittovaltio",
+        sv: "Mikronesiska federationen",
+        telephoneCountryCode: "691",
+    },
+    MD: {
+        isoCode: "MD",
+        en: "Moldova, Republic of",
+        fi: "Moldova",
+        sv: "Moldavien",
+        telephoneCountryCode: "373",
+    },
+    MC: {
+        isoCode: "MC",
+        en: "Monaco",
+        fi: "Monaco",
+        sv: "Monaco",
+        telephoneCountryCode: "377",
+    },
+    MN: {
+        isoCode: "MN",
+        en: "Mongolia",
+        fi: "Mongolia",
+        sv: "Mongoliet",
+        telephoneCountryCode: "976",
+    },
+    MS: {
+        isoCode: "MS",
+        en: "Montserrat",
+        fi: "Montserrat",
+        sv: "Montserrat",
+        telephoneCountryCode: "1",
+    },
+    MA: {
+        isoCode: "MA",
+        en: "Morocco",
+        fi: "Marokko",
+        sv: "Marocko",
+        telephoneCountryCode: "212",
+    },
+    MZ: {
+        isoCode: "MZ",
+        en: "Mozambique",
+        fi: "Mosambik",
+        sv: "Moçambique",
+        telephoneCountryCode: "258",
+    },
+    MM: {
+        isoCode: "MM",
+        en: "Myanmar",
+        fi: "Myanmar",
+        sv: "Burma",
+        telephoneCountryCode: "95",
+    },
+    NA: {
+        isoCode: "NA",
+        en: "Namibia",
+        fi: "Namibia",
+        sv: "Namibia",
+        telephoneCountryCode: "264",
+    },
+    NR: {
+        isoCode: "NR",
+        en: "Nauru",
+        fi: "Nauru",
+        sv: "Nauru",
+        telephoneCountryCode: "674",
+    },
+    NP: {
+        isoCode: "NP",
+        en: "Nepal",
+        fi: "Nepal",
+        sv: "Nepal",
+        telephoneCountryCode: "977",
+    },
+    NL: {
+        isoCode: "NL",
+        en: "Netherlands",
+        fi: "Alankomaat",
+        sv: "Nederländerna",
+        telephoneCountryCode: "31",
+    },
+    NC: {
+        isoCode: "NC",
+        en: "New Caledonia",
+        fi: "Uusi-Kaledonia",
+        sv: "Nya Kaledonien",
+        telephoneCountryCode: "687",
+    },
+    NZ: {
+        isoCode: "NZ",
+        en: "New Zealand",
+        fi: "Uusi-Seelanti",
+        sv: "Nya Zeeland",
+        telephoneCountryCode: "64",
+    },
+    NI: {
+        isoCode: "NI",
+        en: "Nicaragua",
+        fi: "Nicaragua",
+        sv: "Nicaragua",
+        telephoneCountryCode: "505",
+    },
+    NE: {
+        isoCode: "NE",
+        en: "Niger",
+        fi: "Niger",
+        sv: "Niger",
+        telephoneCountryCode: "227",
+    },
+    NG: {
+        isoCode: "NG",
+        en: "Nigeria",
+        fi: "Nigeria",
+        sv: "Nigeria",
+        telephoneCountryCode: "234",
+    },
+    NU: {
+        isoCode: "NU",
+        en: "Niue",
+        fi: "Niue",
+        sv: "Niue",
+        telephoneCountryCode: "683",
+    },
+    NF: {
+        isoCode: "NF",
+        en: "Norfolk Island",
+        fi: "Norfolkinsaari",
+        sv: "Norfolkön",
+        telephoneCountryCode: "672",
+    },
+    MK: {
+        isoCode: "MK",
+        en: "The Republic of North Macedonia",
+        fi: "Pohjois-Makedonia",
+        sv: "Nordmakedonien",
+        telephoneCountryCode: "389",
+    },
+    MP: {
+        isoCode: "MP",
+        en: "Northern Mariana Islands",
+        fi: "Pohjois-Mariaanit",
+        sv: "Nordmarianerna",
+        telephoneCountryCode: "1",
+    },
+    NO: {
+        isoCode: "NO",
+        en: "Norway",
+        fi: "Norja",
+        sv: "Norge",
+        telephoneCountryCode: "47",
+    },
+    OM: {
+        isoCode: "OM",
+        en: "Oman",
+        fi: "Oman",
+        sv: "Oman",
+        telephoneCountryCode: "968",
+    },
+    PK: {
+        isoCode: "PK",
+        en: "Pakistan",
+        fi: "Pakistan",
+        sv: "Pakistan",
+        telephoneCountryCode: "92",
+    },
+    PW: {
+        isoCode: "PW",
+        en: "Palau",
+        fi: "Palau",
+        sv: "Palau",
+        telephoneCountryCode: "680",
+    },
+    PS: {
+        isoCode: "PS",
+        en: "State of Palestine",
+        fi: "Palestiina",
+        sv: "Palestinska territoriet, ockuperade",
+        telephoneCountryCode: "970",
+    },
+    PA: {
+        isoCode: "PA",
+        en: "Panama",
+        fi: "Panama",
+        sv: "Panama",
+        telephoneCountryCode: "507",
+    },
+    PG: {
+        isoCode: "PG",
+        en: "Papua New Guinea",
+        fi: "Papua-Uusi-Guinea",
+        sv: "Papua Nya Guinea",
+        telephoneCountryCode: "675",
+    },
+    PY: {
+        isoCode: "PY",
+        en: "Paraguay",
+        fi: "Paraguay",
+        sv: "Paraguay",
+        telephoneCountryCode: "595",
+    },
+    PE: {
+        isoCode: "PE",
+        en: "Peru",
+        fi: "Peru",
+        sv: "Peru",
+        telephoneCountryCode: "51",
+    },
+    PH: {
+        isoCode: "PH",
+        en: "Philippines",
+        fi: "Filippiinit",
+        sv: "Filippinerna",
+        telephoneCountryCode: "63",
+    },
+    PN: {
+        isoCode: "PN",
+        en: "Pitcairn",
+        fi: "Pitcairn",
+        sv: "Pitcairnöarna",
+    },
+    PL: {
+        isoCode: "PL",
+        en: "Poland",
+        fi: "Puola",
+        sv: "Polen",
+        telephoneCountryCode: "48",
+    },
+    PT: {
+        isoCode: "PT",
+        en: "Portugal",
+        fi: "Portugali",
+        sv: "Portugal",
+        telephoneCountryCode: "351",
+    },
+    PR: {
+        isoCode: "PR",
+        en: "Puerto Rico",
+        fi: "Puerto Rico",
+        sv: "Puerto Rico",
+        telephoneCountryCode: "1",
+    },
+    QA: {
+        isoCode: "QA",
+        en: "Qatar",
+        fi: "Qatar",
+        sv: "Qatar",
+        telephoneCountryCode: "974",
+    },
+    RE: {
+        isoCode: "RE",
+        en: "Reunion",
+        fi: "Réunion",
+        sv: "Réunion",
+        telephoneCountryCode: "262",
+    },
+    RO: {
+        isoCode: "RO",
+        en: "Romania",
+        fi: "Romania",
+        sv: "Rumänien",
+        telephoneCountryCode: "40",
+    },
+    RU: {
+        isoCode: "RU",
+        en: "Russian Federation",
+        fi: "Venäjä",
+        sv: "Ryssland",
+        telephoneCountryCode: "7",
+    },
+    RW: {
+        isoCode: "RW",
+        en: "Rwanda",
+        fi: "Ruanda",
+        sv: "Rwanda",
+        telephoneCountryCode: "250",
+    },
+    SH: {
+        isoCode: "SH",
+        en: "Saint Helena",
+        fi: "Saint Helena",
+        sv: "Sankta Helena",
+        telephoneCountryCode: "290",
+    },
+    KN: {
+        isoCode: "KN",
+        en: "Saint Kitts and Nevis",
+        fi: "Saint Kitts ja Nevis",
+        sv: "Saint Kitts och Nevis",
+        telephoneCountryCode: "1",
+    },
+    LC: {
+        isoCode: "LC",
+        en: "Saint Lucia",
+        fi: "Saint Lucia",
+        sv: "Saint Lucia",
+        telephoneCountryCode: "1",
+    },
+    PM: {
+        isoCode: "PM",
+        en: "Saint Pierre and Miquelon",
+        fi: "Saint-Pierre ja Miquelon",
+        sv: "Saint-Pierre och Miquelon",
+        telephoneCountryCode: "508",
+    },
+    VC: {
+        isoCode: "VC",
+        en: "Saint Vincent and the Grenadines",
+        fi: "Saint Vincent ja Grenadiinit",
+        sv: "Saint Vincent och Grenadinerna",
+        telephoneCountryCode: "1",
+    },
+    WS: {
+        isoCode: "WS",
+        en: "Samoa",
+        fi: "Samoa",
+        sv: "Samoa",
+        telephoneCountryCode: "685",
+    },
+    SM: {
+        isoCode: "SM",
+        en: "San Marino",
+        fi: "San Marino",
+        sv: "San Marino",
+        telephoneCountryCode: "378",
+    },
+    ST: {
+        isoCode: "ST",
+        en: "Sao Tome and Principe",
+        fi: "São Tomé ja Príncipe",
+        sv: "São Tomé och Príncipe",
+        telephoneCountryCode: "239",
+    },
+    SA: {
+        isoCode: "SA",
+        en: "Saudi Arabia",
+        fi: "Saudi-Arabia",
+        sv: "Saudiarabien",
+        telephoneCountryCode: "966",
+    },
+    SN: {
+        isoCode: "SN",
+        en: "Senegal",
+        fi: "Senegal",
+        sv: "Senegal",
+        telephoneCountryCode: "221",
+    },
+    SC: {
+        isoCode: "SC",
+        en: "Seychelles",
+        fi: "Seychellit",
+        sv: "Seychellerna",
+        telephoneCountryCode: "248",
+    },
+    SL: {
+        isoCode: "SL",
+        en: "Sierra Leone",
+        fi: "Sierra Leone",
+        sv: "Sierra Leone",
+        telephoneCountryCode: "232",
+    },
+    SG: {
+        isoCode: "SG",
+        en: "Singapore",
+        fi: "Singapore",
+        sv: "Singapore",
+        telephoneCountryCode: "65",
+    },
+    SK: {
+        isoCode: "SK",
+        en: "Slovakia",
+        fi: "Slovakia",
+        sv: "Slovakien",
+        telephoneCountryCode: "421",
+    },
+    SI: {
+        isoCode: "SI",
+        en: "Slovenia",
+        fi: "Slovenia",
+        sv: "Slovenien",
+        telephoneCountryCode: "386",
+    },
+    SB: {
+        isoCode: "SB",
+        en: "Solomon Islands",
+        fi: "Salomonsaaret",
+        sv: "Salomonöarna",
+        telephoneCountryCode: "677",
+    },
+    SO: {
+        isoCode: "SO",
+        en: "Somalia",
+        fi: "Somalia",
+        sv: "Somalia",
+        telephoneCountryCode: "252",
+    },
+    ZA: {
+        isoCode: "ZA",
+        en: "South Africa",
+        fi: "Etelä-Afrikka",
+        sv: "Sydafrika",
+        telephoneCountryCode: "27",
+    },
+    GS: {
+        isoCode: "GS",
+        en: "South Georgia and the South Sandwich Islands",
+        fi: "Etelä-Georgia ja Eteläiset Sandwichsaaret",
+        sv: "Sydgeorgien och Sydsandwichöarna",
+    },
+    ES: {
+        isoCode: "ES",
+        en: "Spain",
+        fi: "Espanja",
+        sv: "Spanien",
+        telephoneCountryCode: "34",
+    },
+    LK: {
+        isoCode: "LK",
+        en: "Sri Lanka",
+        fi: "Sri Lanka",
+        sv: "Sri Lanka",
+        telephoneCountryCode: "94",
+    },
+    SD: {
+        isoCode: "SD",
+        en: "Sudan",
+        fi: "Sudan",
+        sv: "Sudan",
+        telephoneCountryCode: "249",
+    },
+    SR: {
+        isoCode: "SR",
+        en: "Suriname",
+        fi: "Suriname",
+        sv: "Surinam",
+        telephoneCountryCode: "597",
+    },
+    SJ: {
+        isoCode: "SJ",
+        en: "Svalbard and Jan Mayen",
+        fi: "Svalbard ja Jan Mayen",
+        sv: "Svalbard och Jan Mayen",
+        telephoneCountryCode: "47",
+    },
+    SZ: {
+        isoCode: "SZ",
+        en: "Eswatini",
+        fi: "Swazimaa",
+        sv: "Eswatini",
+        telephoneCountryCode: "268",
+    },
+    SE: {
+        isoCode: "SE",
+        en: "Sweden",
+        fi: "Ruotsi",
+        sv: "Sverige",
+        telephoneCountryCode: "46",
+    },
+    CH: {
+        isoCode: "CH",
+        en: "Switzerland",
+        fi: "Sveitsi",
+        sv: "Schweiz",
+        telephoneCountryCode: "41",
+    },
+    SY: {
+        isoCode: "SY",
+        en: "Syrian Arab Republic",
+        fi: "Syyria",
+        sv: "Syrien",
+        telephoneCountryCode: "963",
+    },
+    TW: {
+        isoCode: "TW",
+        en: "Taiwan, Province of China",
+        fi: "Taiwan",
+        sv: "Taiwan",
+        telephoneCountryCode: "886",
+    },
+    TJ: {
+        isoCode: "TJ",
+        en: "Tajikistan",
+        fi: "Tadžikistan",
+        sv: "Tadzjikistan",
+        telephoneCountryCode: "992",
+    },
+    TZ: {
+        isoCode: "TZ",
+        en: "United Republic of Tanzania",
+        fi: "Tansania",
+        sv: "Tanzania",
+        telephoneCountryCode: "255",
+    },
+    TH: {
+        isoCode: "TH",
+        en: "Thailand",
+        fi: "Thaimaa",
+        sv: "Thailand",
+        telephoneCountryCode: "66",
+    },
+    TL: {
+        isoCode: "TL",
+        en: "Timor-Leste",
+        fi: "Itä-Timor",
+        sv: "Östtimor",
+        telephoneCountryCode: "670",
+    },
+    TG: {
+        isoCode: "TG",
+        en: "Togo",
+        fi: "Togo",
+        sv: "Togo",
+        telephoneCountryCode: "228",
+    },
+    TK: {
+        isoCode: "TK",
+        en: "Tokelau",
+        fi: "Tokelau",
+        sv: "Tokelauöarna",
+        telephoneCountryCode: "690",
+    },
+    TO: {
+        isoCode: "TO",
+        en: "Tonga",
+        fi: "Tonga",
+        sv: "Tonga",
+        telephoneCountryCode: "676",
+    },
+    TT: {
+        isoCode: "TT",
+        en: "Trinidad and Tobago",
+        fi: "Trinidad ja Tobago",
+        sv: "Trinidad och Tobago",
+        telephoneCountryCode: "1",
+    },
+    TN: {
+        isoCode: "TN",
+        en: "Tunisia",
+        fi: "Tunisia",
+        sv: "Tunisien",
+        telephoneCountryCode: "216",
+    },
+    TR: {
+        isoCode: "TR",
+        en: "Türkiye",
+        fi: "Turkki",
+        sv: "Turkiet",
+        telephoneCountryCode: "90",
+    },
+    TM: {
+        isoCode: "TM",
+        en: "Turkmenistan",
+        fi: "Turkmenistan",
+        sv: "Turkmenistan",
+        telephoneCountryCode: "993",
+    },
+    TC: {
+        isoCode: "TC",
+        en: "Turks and Caicos Islands",
+        fi: "Turks- ja Caicossaaret",
+        sv: "Turks- och Caicosöarna",
+        telephoneCountryCode: "1",
+    },
+    TV: {
+        isoCode: "TV",
+        en: "Tuvalu",
+        fi: "Tuvalu",
+        sv: "Tuvalu",
+        telephoneCountryCode: "688",
+    },
+    UG: {
+        isoCode: "UG",
+        en: "Uganda",
+        fi: "Uganda",
+        sv: "Uganda",
+        telephoneCountryCode: "256",
+    },
+    UA: {
+        isoCode: "UA",
+        en: "Ukraine",
+        fi: "Ukraina",
+        sv: "Ukraina",
+        telephoneCountryCode: "380",
+    },
+    AE: {
+        isoCode: "AE",
+        en: "United Arab Emirates",
+        fi: "Arabiemiirikunnat",
+        sv: "Förenade Arabemiraten",
+        telephoneCountryCode: "971",
+    },
+    GB: {
+        isoCode: "GB",
+        en: "United Kingdom",
+        fi: "Yhdistynyt kuningaskunta",
+        sv: "Storbritannien",
+        telephoneCountryCode: "44",
+    },
+    US: {
+        isoCode: "US",
+        en: "United States of America",
+        fi: "Yhdysvallat",
+        sv: "USA",
+        telephoneCountryCode: "1",
+    },
+    UM: {
+        isoCode: "UM",
+        en: "United States Minor Outlying Islands",
+        fi: "Yhdysvaltain pienet erillissaaret",
+        sv: "USA:s yttre öar",
+    },
+    UY: {
+        isoCode: "UY",
+        en: "Uruguay",
+        fi: "Uruguay",
+        sv: "Uruguay",
+        telephoneCountryCode: "598",
+    },
+    UZ: {
+        isoCode: "UZ",
+        en: "Uzbekistan",
+        fi: "Uzbekistan",
+        sv: "Uzbekistan",
+        telephoneCountryCode: "998",
+    },
+    VU: {
+        isoCode: "VU",
+        en: "Vanuatu",
+        fi: "Vanuatu",
+        sv: "Vanuatu",
+        telephoneCountryCode: "678",
+    },
+    VE: {
+        isoCode: "VE",
+        en: "Venezuela",
+        fi: "Venezuela",
+        sv: "Venezuela",
+        telephoneCountryCode: "58",
+    },
+    VN: {
+        isoCode: "VN",
+        en: "Vietnam",
+        fi: "Vietnam",
+        sv: "Vietnam",
+        telephoneCountryCode: "84",
+    },
+    VG: {
+        isoCode: "VG",
+        en: "Virgin Islands, British",
+        fi: "Brittiläiset Neitsytsaaret",
+        sv: "Brittiska Jungfruöarna",
+        telephoneCountryCode: "1",
+    },
+    VI: {
+        isoCode: "VI",
+        en: "Virgin Islands, U.S.",
+        fi: "Yhdysvaltain Neitsytsaaret",
+        sv: "Amerikanska Jungfruöarna",
+        telephoneCountryCode: "1",
+    },
+    WF: {
+        isoCode: "WF",
+        en: "Wallis and Futuna",
+        fi: "Wallis ja Futunasaaret",
+        sv: "Wallis- och Futunaöarna",
+        telephoneCountryCode: "681",
+    },
+    EH: {
+        isoCode: "EH",
+        en: "Western Sahara",
+        fi: "Länsi-Sahara",
+        sv: "Västsahara",
+        telephoneCountryCode: "212",
+    },
+    YE: {
+        isoCode: "YE",
+        en: "Yemen",
+        fi: "Jemen",
+        sv: "Jemen",
+        telephoneCountryCode: "967",
+    },
+    ZM: {
+        isoCode: "ZM",
+        en: "Zambia",
+        fi: "Sambia",
+        sv: "Zambia",
+        telephoneCountryCode: "260",
+    },
+    ZW: {
+        isoCode: "ZW",
+        en: "Zimbabwe",
+        fi: "Zimbabwe",
+        sv: "Zimbabwe",
+        telephoneCountryCode: "263",
+    },
+    AX: {
+        isoCode: "AX",
+        en: "Åland Islands",
+        fi: "Ahvenanmaa",
+        sv: "Åland",
+        telephoneCountryCode: "358",
+    },
+    BQ: {
+        isoCode: "BQ",
+        en: "Bonaire, Sint Eustatius and Saba",
+        fi: "Bonaire, Sint Eustatius ja Saba",
+        sv: "Bonaire, Saint Eustatius och Saba",
+        telephoneCountryCode: "599",
+    },
+    CW: {
+        isoCode: "CW",
+        en: "Curaçao",
+        fi: "Curaçao",
+        sv: "Curacao",
+        telephoneCountryCode: "599",
+    },
+    GG: {
+        isoCode: "GG",
+        en: "Guernsey",
+        fi: "Guernsey",
+        sv: "Guernsey",
+        telephoneCountryCode: "44",
+    },
+    IM: {
+        isoCode: "IM",
+        en: "Isle of Man",
+        fi: "Mansaari",
+        sv: "Isle of Man",
+        telephoneCountryCode: "44",
+    },
+    JE: {
+        isoCode: "JE",
+        en: "Jersey",
+        fi: "Jersey",
+        sv: "Jersey",
+        telephoneCountryCode: "44",
+    },
+    ME: {
+        isoCode: "ME",
+        en: "Montenegro",
+        fi: "Montenegro",
+        sv: "Montenegro",
+        telephoneCountryCode: "382",
+    },
+    BL: {
+        isoCode: "BL",
+        en: "Saint Barthélemy",
+        fi: "Saint-Barthélemy",
+        sv: "Saint-Barthélemy",
+        telephoneCountryCode: "590",
+    },
+    MF: {
+        isoCode: "MF",
+        en: "Saint Martin (French part)",
+        fi: "Saint-Martin",
+        sv: "Saint Martin (franska delen)",
+        telephoneCountryCode: "590",
+    },
+    RS: {
+        isoCode: "RS",
+        en: "Serbia",
+        fi: "Serbia",
+        sv: "Serbien",
+        telephoneCountryCode: "381",
+    },
+    SX: {
+        isoCode: "SX",
+        en: "Sint Maarten (Dutch part)",
+        fi: "Sint Maarten",
+        sv: "Sint Maarten (nederländska delen)",
+        telephoneCountryCode: "1",
+    },
+    SS: {
+        isoCode: "SS",
+        en: "South Sudan",
+        fi: "Etelä-Sudan",
+        sv: "Sydsudan",
+        telephoneCountryCode: "211",
+    },
+    XK: {
+        isoCode: "XK",
+        en: "Kosovo",
+        fi: "Kosovo",
+        sv: "Kosovo",
+        telephoneCountryCode: "383",
+    },
+};
+const primaryCountriesForSharedCountryCodes = {
+    "1": "US",
+    "7": "RU",
+    "39": "IT",
+    "44": "GB",
+    "47": "NO",
+    "61": "AU",
+    "212": "MA",
+    "262": "RE",
+    "358": "FI",
+    "590": "GP",
+    "599": "CW",
+};
+
+const duetPhoneInputCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}";
+var DuetPhoneInputStyle0 = duetPhoneInputCss;
+
+class DuetPhoneInput {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.duetChange = createEvent$2(this, "duetChange", 3);
+        this.duetInput = createEvent$2(this, "duetInput", 3);
+        this.duetBlur = createEvent$2(this, "duetBlur", 7);
+        this.duetFocus = createEvent$2(this, "duetFocus", 7);
+        this.countriesToList = Object.values(countries).filter(country => !!country.telephoneCountryCode);
+        this.countryFlagCDNUrl = "https://cdn.duetds.com/api/assets/country-flags/";
+        this.inputId = createID("DuetInput");
+        this.setListFirstCountries = () => {
+            const listFirstCodes = (typeof this.listFirst === "string" ? this.listFirst.split(",") : this.listFirst).map(c => c.trim().toUpperCase());
+            const listFirstCountries = Object.values(countries).filter(c => listFirstCodes.includes(c.isoCode));
+            const listRestCountries = this.countriesToList.filter(c => !listFirstCodes.includes(c.isoCode));
+            listRestCountries.sort((a, b) => (a[this.language] > b[this.language] ? 1 : -1));
+            this.countriesToList = [...listFirstCountries, ...listRestCountries];
+        };
+        this.handleFocus = () => {
+            // check value and country code
+        };
+        this.handleChange = () => {
+            //console.log(ev)
+        };
+        this.handleBlur = () => {
+            //console.log(ev)
+        };
+        this.handleInput = () => {
+            var _a, _b;
+            const currentValue = (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.trim();
+            const currentCountryCode = (this.currentCountry !== "error" && ((_b = this.currentCountry) === null || _b === void 0 ? void 0 : _b.telephoneCountryCode)) || "";
+            const inputCountryCode = this.findCountryCode(currentValue) || "";
+            if (!currentValue) {
+                this.currentCountry = undefined;
+                return;
+            }
+            if (currentCountryCode === inputCountryCode) {
+                return;
+            }
+            if (inputCountryCode) {
+                this.currentCountry = this.findCountryForCode(inputCountryCode);
+                return;
+            }
+            // we had country, but no longer have, we are in error state
+            if (currentCountryCode !== "error") {
+                this.currentCountry = "error";
+            }
+            // we don't have new country, and did not have old country, so old country is "error" - leave it
+            return;
+        };
+        this.handleCountryCodeSelectorOpen = () => {
+            this.countryCodePopup.controller = this.countryCodeButton;
+            this.countryCodePopup.show();
+        };
+        this.handleCountryCodeSelectorSelect = (ev) => {
+            const item = ev.target.closest("duet-popup-menu-item");
+            const country = countries[item.value];
+            this.currentCountry = country;
+            this.countryCodePopup.hide();
+            this.setInputCountryCode();
+        };
+        this.language = getLanguage();
+        this.currentCountry = undefined;
+        this.theme = "";
+        this.margin = "auto";
+        this.expand = false;
+        this.identifier = undefined;
+        this.accessibleDetails = undefined;
+        this.accessibleLabelledBy = undefined;
+        this.accessibleDescription = undefined;
+        this.accessibleDescribedBy = undefined;
+        this.disabled = false;
+        this.required = false;
+        this.labelDefaults = {
+            fi: "Puhelinnumero",
+            en: "Phone number",
+            sv: "Telefonnummer",
+        };
+        this.label = getLocaleString(this.labelDefaults, this.language);
+        this.labelHidden = false;
+        this.name = undefined;
+        this.error = "";
+        this.tooltip = "";
+        this.listFirst = ["FI", "SE"];
+    }
+    /**
+     * The phone input itself contains a comprehensive list of countries and their telephone country codes and it is
+     * advisable to hold to that. There may be situations where the set of possible country codes is narrowed down: e.g.
+     * if we have established that the person giving their details has a Nordic phone number, then we can give a narrowed
+     * down list. Do not make unjustified assumptions: e.g. a Finnish company may well have employees in Afganistan or
+     * Bhutan. List of countries can be given either as array of ISO 3166-1 alpha-2 codes or array of objects with keys:
+     * en, fi, sv, isoCode (two uppercase letters), telephoneCountryCode (one to three digits), or JSON array string of
+     * either two.
+     */
+    get countries() {
+        return this.countriesToList;
+    }
+    set countries(countriesProp) {
+        let arr = countriesProp;
+        let error = "";
+        const isValidCountryObject = (obj) => {
+            const requiredKeys = ["en", "fi", "sv", "isoCode", "telephoneCountryCode"];
+            return (requiredKeys.every(key => Object.keys(obj).includes(key)) &&
+                /^[A-Z]{2}$/.test(obj["isoCode"]) &&
+                /^[1-9][0-9]{0,2}$/.test(obj["telephoneCountryCode"]));
+        };
+        if (typeof countriesProp === "string") {
+            arr = JSON.parse(countriesProp);
+        }
+        if (Array.isArray(arr)) {
+            if (arr.every(a => typeof a === "string")) {
+                this.countriesToList = Object.values(countries).filter(c => arr.includes(c.isoCode) && !!c.telephoneCountryCode);
+            }
+            else if (arr.every(a => isValidCountryObject(a))) {
+                this.countriesToList = arr;
+            }
+            else {
+                error = "Invalid array provided for countries in Phone Input";
+            }
+        }
+        else {
+            error = "Country list for Phone Input must be an array";
+        }
+        if (error) {
+            console.error(error);
+            this.countriesToList = Object.values(countries).filter(country => !!country.telephoneCountryCode);
+        }
+        this.setListFirstCountries();
+    }
+    /**
+     * Value of the input.
+     */
+    get value() {
+        var _a;
+        return (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.replace(/\s/g, "");
+    }
+    set value(val) {
+        this._value = val;
+    }
+    /**t
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
+        this.setListFirstCountries();
+    }
+    connectedCallback() {
+        connectLanguageChangeObserver(this, { prop: "label", defaults: "labelDefaults" });
+        subscribeTabbingChange(this);
+    }
+    disconnectedCallback() {
+        disconnectLanguageChangeObserver(this);
+        unsubscribeTabbingChange(this);
+    }
+    /**
+     * Sets focus on the contained input element, use this instead of the native `input.focus()`.
+     */
+    async setFocus(options) {
+        this.duetInputElement.setFocus(options);
+    }
+    setInputCountryCode() {
+        if (this.currentCountry === "error") {
+            return;
+        }
+        const newCode = `+${this.currentCountry.telephoneCountryCode} `;
+        const prevValue = this.duetInputElement.value;
+        if (!(prevValue === null || prevValue === void 0 ? void 0 : prevValue.trim().startsWith("+"))) {
+            this.duetInputElement.value = `${newCode}${(prevValue === null || prevValue === void 0 ? void 0 : prevValue.trimStart()) || ""}`;
+            return;
+        }
+        const oldCode = this.findCountryCode(prevValue);
+        console.log("Old code", oldCode);
+        if (oldCode) {
+            this.duetInputElement.value = prevValue.replace(`+${oldCode}`, newCode).replace("  ", " ");
+            return;
+        }
+        this.duetInputElement.value = prevValue.replace("+", newCode);
+    }
+    findCountryCode(value) {
+        const normalizedValue = value.trim();
+        if (!normalizedValue.startsWith("+")) {
+            return undefined;
+        }
+        const found = Object.values(countries).find(country => normalizedValue.startsWith(`+${country.telephoneCountryCode}`));
+        return found === null || found === void 0 ? void 0 : found.telephoneCountryCode;
+    }
+    findCountryForCode(code) {
+        const primaryCountryISO = primaryCountriesForSharedCountryCodes[code] || "";
+        return primaryCountryISO
+            ? countries[primaryCountryISO]
+            : Object.values(countries).find(country => country.telephoneCountryCode === code);
+    }
+    renderFlag(isoCode, inButton = false) {
+        const flagImgStyle = {
+            height: inButton ? "34px" : "24px",
+            width: inButton ? "27px" : "24px",
+            "margin-right": inButton ? "0" : "10px",
+            "object-fit": "contain",
+            "object-position": "center",
+            filter: "drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))",
+        };
+        return (hAsync("img", { src: `${this.countryFlagCDNUrl}${isoCode}.svg`, "aria-hidden": "true", style: flagImgStyle, loading: "lazy" }));
+    }
+    getFlagForButton() {
+        if (!this.currentCountry || this.currentCountry === "error") {
+            return hAsync("duet-icon", { name: !this.currentCountry ? "form-country" : "messaging-alert", margin: "none" });
+        }
+        return this.renderFlag(this.currentCountry.isoCode, true);
+    }
+    render() {
+        {
+            return;
+        }
+    }
+    get element() { return getElement(this); }
+    static get style() { return DuetPhoneInputStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "duet-phone-input",
+        "$members$": {
+            "theme": [1025],
+            "margin": [1],
+            "expand": [4],
+            "identifier": [1],
+            "accessibleDetails": [1, "accessible-details"],
+            "accessibleLabelledBy": [1, "accessible-labelled-by"],
+            "accessibleDescription": [1, "accessible-description"],
+            "accessibleDescribedBy": [1, "accessible-described-by"],
+            "disabled": [516],
+            "required": [4],
+            "countries": [6145],
+            "labelDefaults": [1, "label-default"],
+            "label": [1025],
+            "labelHidden": [4, "label-hidden"],
+            "name": [1],
+            "error": [1],
+            "tooltip": [1],
+            "value": [6145],
+            "listFirst": [1, "list-first"],
+            "language": [32],
+            "currentCountry": [32],
+            "setFocus": [64]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["disabled", "disabled"]]
+    }; }
+}
+
 /**
  * Custom positioning reference element.
  * @see https://floating-ui.com/docs/virtual-elements
@@ -15308,6 +17322,11 @@ class DuetPopupMenu {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.duetToggle = createEvent$2(this, "duetToggle", 7);
+        this.filterLabel = {
+            en: "Filter menu",
+            fi: "Suodata valikkoa",
+            sv: "Filtrera meny",
+        };
         this.setOpenButton = (element) => {
             if (!element) {
                 return;
@@ -15343,9 +17362,32 @@ class DuetPopupMenu {
             this.menuY = coordinates.y;
             this.menuX = coordinates.x;
         };
+        this.getNonFilteredItems = () => {
+            return this.showFilterInput ? this.itemElements.filter(i => i.style.display !== "none") : this.itemElements;
+        };
+        this.filterItems = () => {
+            var _a;
+            const filterText = (_a = this.filterInput.value) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase();
+            const items = this.itemElements;
+            items.forEach(item => {
+                item.style.display =
+                    !filterText ||
+                        item.textContent.toLowerCase().includes(filterText) ||
+                        item.value.toLowerCase().includes(filterText)
+                        ? ""
+                        : "none";
+            });
+        };
+        this.handleKeyDownOnFilter = (ev) => {
+            var _a;
+            if (isArrowDownKey(ev)) {
+                (_a = this.getNonFilteredItems()[0]) === null || _a === void 0 ? void 0 : _a.setFocus();
+            }
+        };
         this.open = false;
         this.menuY = undefined;
         this.menuX = undefined;
+        this.language = getLanguage();
         this.accessibleLabel = undefined;
         this.accessibleRole = "menu";
         this.theme = "";
@@ -15358,6 +17400,7 @@ class DuetPopupMenu {
         this.crossAxisOffset = 0;
         this.controllerIcon = "action-arrow-down-small";
         this.scrollLimit = undefined;
+        this.showFilterInput = undefined;
     }
     /**
      * Element, or id of an element, that controls the opening and closing of the popup menu. If id is given,
@@ -15426,16 +17469,17 @@ class DuetPopupMenu {
         }
     }
     async handleKeyDown(evt) {
+        const items = this.getNonFilteredItems();
         if (this.open) {
             if (isArrowDownKey(evt)) {
                 evt.preventDefault();
                 const current = await this.getFocusedItemIndex();
                 if (current !== -1) {
-                    if (current < this.itemElements.length - 1) {
-                        this.itemElements[current + 1].setFocus();
+                    if (current < items.length - 1) {
+                        items[current + 1].setFocus();
                     }
                     else {
-                        this.itemElements[0].setFocus();
+                        items[0].setFocus();
                     }
                 }
             }
@@ -15444,10 +17488,15 @@ class DuetPopupMenu {
                 const current = await this.getFocusedItemIndex();
                 if (current !== -1) {
                     if (current === 0) {
-                        this.itemElements[this.itemElements.length - 1].setFocus();
+                        if (this.showFilterInput) {
+                            this.filterInput.setFocus();
+                        }
+                        else {
+                            items[items.length - 1].setFocus();
+                        }
                     }
                     else {
-                        this.itemElements[current - 1].setFocus();
+                        items[current - 1].setFocus();
                     }
                 }
             }
@@ -15511,6 +17560,10 @@ class DuetPopupMenu {
             if (this.menuElement && this.openButton) {
                 this.autoUpdateCleanup = autoUpdate(this.openButton, this.menuElement, this.updatePlacement);
             }
+            if (this.showFilterInput) {
+                this.filterInput.value = "";
+                this.filterItems();
+            }
             setTimeout(() => {
                 if (this.accessibleRole === "menu") {
                     this.itemElements[0].setFocus();
@@ -15541,16 +17594,18 @@ class DuetPopupMenu {
         return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
     }
     get popupMenuStyleHeight() {
-        if (this.itemElements.length > 0 && this.scrollLimit) {
+        const selector = ":scope duet-popup-menu-item, :scope duet-notification";
+        const elements = Array.from(this.element.querySelectorAll(selector));
+        if (elements.length > 0 && this.scrollLimit) {
             const paddings = Number(spaceXSmall.replace("px", "")) * 2;
-            return `${this.itemElements[0].offsetHeight * this.scrollLimit + paddings}px`;
+            return `${elements[0].offsetHeight * this.scrollLimit + paddings}px`;
         }
         else {
             return "auto";
         }
     }
     async getFocusedItemIndex() {
-        const items = this.itemElements;
+        const items = this.getNonFilteredItems();
         for (let i = 0; i < items.length; i++) {
             if (await items[i].isFocused()) {
                 return i;
@@ -15566,14 +17621,14 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: 'c5d59c4859a8b66d3fdc725163b4163599c70a6f' }, hAsync("div", { key: '376869b621cf3f1899ef6d1e9c1e913bb47fc83f', ref: element => {
+        return (hAsync(Host, { key: 'd44b11810713e51b35f01a1e527de4e8fbb20a94' }, hAsync("div", { key: 'ef92e91fadf1fffee766178607e5cc6835295a56', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '7a5793c36e4103077f1e8165478b410a5068e4a0' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (hAsync("div", { key: '6c81b3737473a220d8e3f0f00a2dc8fbaeadcc5d' }, hAsync("duet-input", { key: '8667feda1fb7b281082220a6c770847ecec7b03f', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), hAsync("duet-spacer", { key: '27190fdb00333f8f4ffd28cc6d2be99a7eb74355', size: "xx-small" }))), hAsync("slot", { key: '08e56b30c4235a91e15d9e60a667ed351f9dc7a1' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15598,9 +17653,11 @@ class DuetPopupMenu {
             "crossAxisOffset": [2, "cross-axis-offset"],
             "controllerIcon": [1, "controller-icon"],
             "scrollLimit": [2, "scroll-limit"],
+            "showFilterInput": [4, "show-filter-input"],
             "open": [32],
             "menuY": [32],
             "menuX": [32],
+            "language": [32],
             "isOpen": [64],
             "show": [64],
             "hide": [64],
@@ -15680,11 +17737,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: 'cf41248d3d1a61f191dbb0ed2806c55c3c4d21cd', role: this.accessibleRole }, hAsync(TagName, { key: '8b823bad8e855fd0f6764bee4cf2a1b8b4fb9a1d', 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: '4d0c2297b77d0abaead13bfdbbbdbc099ff376c5', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: 'c2d39fcf42a50143f23ecff659629f9031af39b3', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'ea485f9803d7123fdcd7d55b9fd9a93acdbe4553' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'dfcfdfb08bcb7824d95cc1d9001600c787706c3b', name: this.url && this.external
+        return (hAsync(Host, { key: 'a7f1f878bedeaec0d9004d0f459191e517120535', role: this.accessibleRole }, hAsync(TagName, { key: '446558736ab7c3c53c5710c5d34ab10382e7583e', 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: 'fa381a4a648aedb7f83347a3f6544b74834e56d2', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '9971da5dbe2e6f1943993c5127d72fa9b805c96c', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c48319658f4f85dc4e052fac934a53dccfa8f6f8' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '8dc79acb180e7c8f71a2abd13e556fd8cec0a4cf', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: 'c70b1e3990993a76cc765ee95429ac22089ba812', 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: '0d97c88cad0940ac0ac9fb4ddc63b68132b38fc8', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -15839,12 +17896,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: 'd5b99955c72ad9ac98a098e07faa2f100920e3a8', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '3fddf2e07da1d54872b4115501a4c8501df772d4', class: {
+        return (hAsync(Host, { key: '99a3a523ca9804792e3d26b2fe2f44cf8788f499', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '8eb59e651e552f3f868629c95c347a72a0b995d6', 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: '4759acf08b1c43ad6213e50112fed7a54aa1787f', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'f4e823d21ea1fe55d3fb0afd97e8767c681e54ab', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'a3ca7b860f746efdf47b1caae7755c74f17a1b01', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '953df9913050a8bac691da7e537760738a3b3efc', class: "pre-heading" }, hAsync("slot", { key: '4066b006ad174acc657cbb0cc8411336b323df10', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '8c09adbe223ba47efd3980b891b947e32b06abce', class: "heading" }, hAsync("duet-heading", { key: '3f394739a9e6eafa8d5b5c9f6ef49296ed13c124', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '1b864d1979893f3f50925c64d0675d52784b55a0' }, hAsync("slot", { key: 'ae59853c9e214f5eed236bba9ef070aa4d07728b', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '6a422cbe30e01041a0101c845b264c2a18df65bf', class: "description" }, hAsync("duet-paragraph", { key: '662c6a4ea80976a1d7b960e2e148dd9360e92d4a', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '1a0028b11a43872af7de652a2ace720e5ae7e3ca' }, hAsync("slot", { key: 'eedbb615f8ab8755b080106e4a3b16253aa203fd', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'd93c8d9a830aea8ad3c8958bc88611ca5e542bed', class: "action" }, hAsync("slot", { key: '39e0aba8c54fe6b47be4ad8f735d51832baa3b59', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: '67c66449cd7f9747924020549c6155d62829b4f2', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'cac126cf7f9a7db193b307363726031b62167336', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '8071631c045ed93e6bd62c612c9b1d908f3c1787', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '28bc028c6c51578ade7239ee3a97a465d2280b19', class: "pre-heading" }, hAsync("slot", { key: 'e288ca8c4477fda34700eb895a71a22a131fca2d', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'b914a1a7e943261ef27bc33bb053a0c606f1eada', class: "heading" }, hAsync("duet-heading", { key: '3ad22ba8a74eddb6fa6e5c7e181b02b79f8bc9af', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'bd2b4f58517ca81d73a876481e534158c079c19f' }, hAsync("slot", { key: '710aee32ab320dc22c4e06b0f2dab01503d56ce4', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '0383f84bbf8a31012ab0533f3577811cfc22fb29', class: "description" }, hAsync("duet-paragraph", { key: 'ddd7e8b4844058575e473783326ac6a08b4ad7f7', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: 'd56f8bd9374662a5ae5767ff43d167ebb96e4ba2' }, hAsync("slot", { key: 'bf26792909ae05d5d466c4d6441f574da8bc8917', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'fc0ffe648d30b194b1ca946f99e414222e4a31fa', class: "action" }, hAsync("slot", { key: '735077add3c5f5b3c97762c5daed1b5e3668d4c2', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -16033,16 +18090,16 @@ class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a18e1bea800f34ba634ddbdd7ef3b2741ac05693', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '71feb70b911cc0fba0477c38c4c78027fabb993a', 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: 'dd86df6b4f97f44ee5371a2e586d48eb6673e434', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: 'bf1968e5b50d89b25ccb6659f6b55450bf9c1d04', name: "input" }), hAsync("label", { key: '3aa9841af26a9ad017a09c58e49f793a08f3d2a5', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, hAsync("div", { key: '26f49063c919e1f8b1985bb2cd00edccec3629e4', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '0188449e087a008b708a81d62230b656f4396191', name: "input" }), hAsync("label", { key: '517939dfd2bc7e479da99c060f25c54bf01fa74a', 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: '83ebf1480f51c230592b3c03c35d14583c7ffa8c', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
+            } }, hAsync("div", { key: '483eac94eeac2d2b5e0fc62672d6605253cf982b', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetRadioStyle0; }
@@ -16193,7 +18250,7 @@ class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '06a0092d79d87d126c715a5f80fdca32f81c4260', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: 'b480698152e4ba0f6096e22fe5b2d2ef5719c08f', 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: '0bbc2332af615b1d1534fdae79d39036dec09fd0', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '50b1bddedeb3504bd7ccccd813b537aedd68d213', name: "tooltip" }), hAsync("div", { key: 'dbfa825c2a57227ce0ca869e4c5d7081c6fb65fb', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '96dd9c4c5a812fdad734d74fecaaf2b10d4fd513' })))));
+        return (hAsync(Host, { key: 'f3c3b14c2b0d936385748b6cfb3c09a0fde813ff', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: 'dc64cd942714993dc800b15e44055402b833ac63', 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: 'c4e8b11b406cf10c2d2bec5f31bf04d972a02a05', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c3ea1e7fe615d332469195adcd29807d5a71e16c', name: "tooltip" }), hAsync("div", { key: '196baf0e73047d0bff685702fdf92a783563b5ec', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '52e895a33bda7b26e7b95e28219ce7466ab5234a' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16343,13 +18400,13 @@ class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (hAsync(Host, { key: 'e492b2000ff8e296f160a11172b5c4d67a2f432f', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: '3a79a8f3ba99b41f30550759779722373bac1168', class: {
+        return (hAsync(Host, { key: 'a5b73233046d9c726d46880676d3518abf0e9d03', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: '31ebe611a5680ccab5c4c039fed7113015b40aa5', 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: '6f9fc72159b9cf05a15b41a6fd11931ebb12b6aa', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'f196b801a06366d9dd849a5e1ae989aad659c26a', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'b5bcfd42814e62d2107cea6b3e3ecbcc7bcfac98', 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: 'dc2023593be13175d1ecf78cc06f6acda0ff2403', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: '91b355bc7b3c1b3ce01cd9064d0293d332705d27', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: '087487d605107ce8e1aef0b3fb453a4fb165d28f', 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 DuetRangeSliderStyle0; }
@@ -16552,10 +18609,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'c9b11ce90897f1f447451ee5fb9a6c6e6beb6f28', class: {
+        return (hAsync("div", { key: '92bfdf2b82bf4c6c299cbbc288a81c13449b0edc', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '4398c6aa7367285c372aea99bcc75a3eeea66c7a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '315adfd1f29f46f3e04f97b06b3fcd5906dd294c', 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: '045f85fb0942d3841b51bfc1dfcc954d41b0554d', 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: 'c0c007aa816eec8a7ae151b272b3bc948cba4a94', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '86d4d9ed69039243ca294fc4158237d08ddf7083', 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: '0807cc9746426dfca2540572c26e8987de685d58', 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 {
@@ -16584,7 +18641,7 @@ class DuetRangeStepper {
     }; }
 }
 
-const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
+const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 var DuetScrollableStyle0 = duetScrollableCss;
 
 /**
@@ -16605,7 +18662,8 @@ class DuetScrollable {
          */
         this.resizeObserver = new ResizeObserver(entries => {
             if ((entries === null || entries === void 0 ? void 0 : entries.length) === 1) {
-                this.checkScrollingNeeded(entries[0].target);
+                const threshold = this.getOverlayWidth();
+                this.checkScrollingNeeded(entries[0].target, threshold);
             }
         });
         this.collapsedOnClick = () => {
@@ -16639,7 +18697,8 @@ class DuetScrollable {
     componentDidLoad() {
         requestAnimationFrame(() => {
             if (this.scrollPaneElement) {
-                this.checkScrollingNeeded();
+                const threshold = this.buttonPosition === "absolute" ? 0 : 5;
+                this.checkScrollingNeeded(this.scrollPaneElement, threshold);
                 this.updateScrollButtons();
                 this.resizeObserver.observe(this.scrollPaneElement);
             }
@@ -16668,7 +18727,7 @@ class DuetScrollable {
         }
         const parentWidth = ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
         const contentWidth = element.scrollWidth;
-        const overlayWidth = 10 * 2;
+        const overlayWidth = this.getOverlayWidth() * 2;
         this.needsScrolling = contentWidth - overlayWidth > parentWidth + threshold;
         if (!this.needsScrolling) {
             this.scrollPaneAtStart = true;
@@ -16722,10 +18781,10 @@ class DuetScrollable {
         else if (container.scrollLeft > 0) {
             this.scrollPaneAtStart = false;
         }
-        if (container.clientWidth + container.scrollLeft + 10 >= container.scrollWidth) {
+        if (container.clientWidth + container.scrollLeft + this.getOverlayWidth() >= container.scrollWidth) {
             this.scrollPaneAtEnd = true;
         }
-        else if (container.clientWidth + container.scrollLeft + 10 < container.scrollWidth) {
+        else if (container.clientWidth + container.scrollLeft + this.getOverlayWidth() < container.scrollWidth) {
             this.scrollPaneAtEnd = false;
         }
     }
@@ -16773,6 +18832,9 @@ class DuetScrollable {
         const last = this.getLastVisibleElement();
         this.scrollToElement(last + 1, "center");
     }
+    getOverlayWidth() {
+        return this.buttonPosition === "absolute" ? 0 : 10;
+    }
     renderButton(direction) {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
         const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
@@ -16807,24 +18869,25 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '57cf37717def836d1fb0c562d584e77565b35137', class: {
+        return (hAsync(Host, { key: '65a41819ff5a4fc6439dad5a825100dac1b612d5', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c235c357e7f84dfdac8599eb0fe67c4ba523e0d2', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'a6c99e77cba06a8d3860a99fd2dc86e3031788da', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '2386d1ddacf24c62adce49d8cf8e70832acd6945', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '78e4e3c0d03dd18c3da4ec4fc2c45c04ed2d7f66', name: "collapse-button-label" })))), hAsync("div", { key: 'f54eff73c1a3803b12623b1ff8e39d3c2a9d478b', class: {
+            } }, hAsync("duet-button", { key: '3b8f3e1e318c3fcded2f9827c4a9af4c6196909c', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '613245c8fb10c0165cf7d4a0074b9601dc1feca5', name: "collapse-button-label" })))), hAsync("div", { key: '6f36e5e9b18de0faadc546236545b966ef7977e0', 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: '44c0995b16e01444399a9f60511eb1d2e2d10ba9', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: '4177a64fde1b078c4141ef466efaa1be1e0a002e', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '938467965186e8bb88294cb51225f52fdfb6fda4' })), this.buttons && this.renderButton("right"))));
+                [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'b83cacb280520642b51ff7380203cd9ff9a4655c' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16856,7 +18919,7 @@ class DuetScrollable {
     }; }
 }
 
-const duetSectionLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
+const duetSectionLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
 var DuetSectionLayoutStyle0 = duetSectionLayoutCss;
 
 class DuetSectionLayout {
@@ -16871,13 +18934,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f6adbb4624397e3ce0dc5dfaf00dad1afc605d72', class: {
+        return (hAsync(Host, { key: '1746e2c6dcd7f8705375316e1fbe3e2607366ad0', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: 'a32239cd0233b568459975b3473fb8d644730a98', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '34f720bb4d768a6a37f8608f46d6a8ea4edbef53', class: {
+            } }, hAsync("div", { key: 'e0c7c03f57c63b4aa143aff4a370d4de5f7ed897', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'e7f4efc797db5e85f433fa4a7fae553c0c8b0c84', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: 'a6a4fe58bb1b954401555a4325fdb0d3e98bc5b5', class: "duet-main" }, hAsync("slot", { key: '7dacf94bdfaffc03e4d3cf81f4ac5fcf14b09304' }))))));
+            } }, hAsync("section", { key: '80e393154028ec89720d0b3ab2ca3daa8b0021a5', class: "duet-main" }, hAsync("slot", { key: '8713e44ca256992eeeb397c6ff2a73613e73ab52' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -17046,23 +19109,23 @@ class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (hAsync(Host, { key: '02260f68c4447778208fee263cd6123c7a369d12', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '97e300d180fa7ab77642e9dcef5058668239dfbb', onClick: this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, hAsync("div", { key: 'fd8ac1aa236c0d0a80e6695838b66e4f62991a99', class: {
+            } }, hAsync("div", { key: '9134150079957ab03ec32590971e21d5bc5b25f9', 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: '7647a13248cd4fe1a6b82e7ffe8703fb6044e06e', 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: '803f2d3ce3a890497a0f218c7c029763dccac9dc', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'f56297f4a3c2732fd898b051a9e022e1e15468d5', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '3d119d985d37d2a32e0331475aba597859c9759f', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '38b1cda2fdca1df5694f8faa5ba8171bd18a5944', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'df6f191202b69a2813824627cc9aa8209831c069', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: 'e72a1946b9a0098d213416088b257c385611e699', 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: 'f76a6e963fa3239e55016d37d478525122123e95', 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: '018de10ebd412b11be1d446bd6fd1652d2fbf679', 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: 'eabe0942894995ecdb037653aaa90e03e9da3f33', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '126da083fad012a9052281e3778bc5c51fff5e60', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '8eb1983df70277d37388732ce451cd847c145dc5', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '74a04f197d688a20f718f4ddbee19ef9060c9739', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '39892af927657f837f5cc896a86fab5a07e1af37', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: '4f2be5c44a926919c407880e6874a97fc40f51fa', 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: '046648968380fbe7fa5a2053110d49c4c676cc71', 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: 'c19c9ba77e9691664e47bde555bf039dd92f2df6', class: {
+        }))), hAsync("div", { key: 'd6c94ad90d42bd4cd48ee1b71cd519039ccf820d', 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: 'ba5a78652d80548a457db526cd5a4176bfd369d8', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '2707e90cacfa6212bb8500f9eabf42f2fd380045', 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: '2eb564da6778dc64ef9450bf0cf9f6a252fbb7f2', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '334004227f41640a396ae4a44ccd1c06f104d69f', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: 'c9c5c8480478c88a6a6287620a323ebe55f4ed84', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '8d97a20a79748f8e6e837b0635f2653ab19221ba' }, this.error)))));
+            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '72989e90419aa12dcd0d99777e339fc6bb2bef5a', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '34704b7bd82d187c493f09178919599e43462623', 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: '4ef38c6f98d6dedb19ad04aa03680a8d99501a3a', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '6bc9fe41f6e5aa9675e48237fde023c23f63b308', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: 'd118ae5b26e0fd90fe265c45daf4240f3901640d', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '0a66ce81164743ccb5f7f9121194795d15bb3ab0' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17135,9 +19198,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '94aa9402f3e6b93c0efa20822a7ffe889cdfd2ea', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '2de6c874205c4a76106c3b47e7aea16d6d153453', class: {
+        return (hAsync(Host, { key: '5522041ea6be717a1e51746d39c5538aad516960', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '79a8effca6e0f6e4412eb33ce2be7c4755816062', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '316b13cb583473cdbe6952d8b0d557a4450e54df', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'b1063b1a09d864f0c606e37cd453af2d9e82aa3b', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '854f93ef8bb874859644425e1b409f1160d2fd65', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'df7a769d6c82ef9e2a169800079c0d6e20ffde78', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -17245,12 +19308,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '316fd0dfc6a5c50d0e4d2261d9cf1da20d08d4a6' }, hAsync("div", { key: '1fb069ddc046b25c257142c22ea98f6a54fb9e09', class: {
+        return (hAsync(Host, { key: 'ef627056589c603539d480e8fa4b98d62926c407' }, hAsync("div", { key: '2338f98e828eb9fa1752c410155f1950a7db6929', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '94a1410ad3c1dd62383eba91f569afc74096e4cf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'a516df2fb22a0e4839133469e2e83ba6cd3d1eb1', class: { "slotted-content": true } }, hAsync("slot", { key: 'ad73f6d35faf1d83490a4d1fd8997f7f3b4e55e3' }))), hAsync("duet-button", { key: 'e49b95824ef95a359092a7a410e68a7f0c61c33f', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'fa7cbada2f473ed4cb9a59459341b1a5420bf921' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: '6843c1073eb5e3d32b240523cf4f6438aceda390', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '1f50d0de6d6e467b6d001de9c14c40e765432b83', class: { "slotted-content": true } }, hAsync("slot", { key: 'ae4f7c65883e2d7cbba0b9b7dad0403e8679dfe3' }))), hAsync("duet-button", { key: '41ab2c46d81106aa01df2c856ed26ba7aa8ec298', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'f0f97a072bc00a04d6d2cdaceb03dd34b1571fbb' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -17747,16 +19810,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: 'fe91f1236ad42f599f366fcf6c2030169517ba6a' }, hAsync("div", { key: '832e4b4d67a42d002c6fd828167d9d787cd87f5d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: 'ef568330f5a0e3d6b79117cb42646640617f7452', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '7472dc78c95a0be586d47cef18f993fae6fc1d28', 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: 'c299a850fff6c11bcca6e85576c04bf74e367619' }, hAsync("div", { key: '76b69d00087367d0cfcf5de14d4023180b4fa42d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '6daa912479f25ecd3e5527ab40861590fc36f150', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '9dc84e8113b5243b44224407df8d4c89eafdf2b7', 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: 'fbd6da6a5049a4a9abbabd7d35b37e4ade4290a9', moveFocusTo: this.closeButton }), hAsync("div", { key: '4494f6e119ba79c89c0296167d032ef5b2b30293', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'da4856ecf33f7f2b15e3ff24f16951f643966499', class: "top" }, hAsync("button", { key: '18fef5cc005227f6f9e53fb61266c5870057a6cc', 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: '132b28a73aa0dc07ee1f159c59c0f6ca5c7c5e09', moveFocusTo: this.closeButton }), hAsync("div", { key: 'cb528ca9e0ee385299a9e042d8f1a42d422d7a1a', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'b9e5deae2f2cf48c3d652e885002f30cc434660d', class: "top" }, hAsync("button", { key: 'fc5ab74ac6519c2c503131d21fc9239ddf3a1bf8', 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: '2a153fc760fc9d19e253daed56047ab80803520a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '28c33e636a705bdfe4ef475ee33b5952c0cdaa67', class: "sticky-header" }, hAsync("slot", { key: 'd66cc6f6b1ea7e421cf3e96582698328dc42155c', name: "sticky-header" }))), hAsync("div", { key: 'ca3b44be8a54d1730e2de935e25379ce352c1908', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '2c2217a591e73c3121d123a9e3f6062e8d243d9a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '1bf96970d244ee1941f3db97c89cac30c4d71f9e', class: "sticky-header" }, hAsync("slot", { key: '1d6dca6fc160b198115c7d1469576c6bc4f863ac', name: "sticky-header" }))), hAsync("div", { key: '514f42edc0e6477bf154e0de2fdaa9bbe7c3ffea', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '69bb591bb20a501b057ad8bb895f8cc68ffee1f9' })), hAsync(FocusGuard, { key: 'd4e183c805da1723c2ed9848a07a1b7880f5533a', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '982778a16720e0b741c702729b87aa3f805da499' })), hAsync(FocusGuard, { key: 'ee76635f5ccb38cc512e1d8a862fc9fd85f72666', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17823,7 +19886,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: 'd9ace6f9e80f6ed42422394dbd1a6f1b1434c1f2' }, hAsync("div", { key: '691f14871cc0e319654d149844b61ab81a631316', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '2b2fce67063ee945debe8fb8c603941ab4386a3c', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '333d0f86d5b0dabb5af4df4024e479dfaed27cb5' }))));
+        return (hAsync(Host, { key: '82d609a07657275a896f954d42228e38dc7ca182' }, hAsync("div", { key: '45d49c23924aa9683a2f9e98dab285adaa2ea875', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '66225e67ec928fa394d67bb50a932f629488014a', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '71c3a499a32c1ed8f398120a7ee4f7e8ce1613e4' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -17840,7 +19903,7 @@ class DuetSlideoutLang {
     }; }
 }
 
-const duetSlideoutLinkCss = "*,*::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-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-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-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
+const duetSlideoutLinkCss = "*,*::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-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-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-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
 var DuetSlideoutLinkStyle0 = duetSlideoutLinkCss;
 
 class DuetSlideoutLink {
@@ -17855,6 +19918,9 @@ class DuetSlideoutLink {
         this.size = "inherit";
         this.caret = false;
         this.menuItem = false;
+        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
+        this.external = false;
     }
     /**
      * Component lifecycle events.
@@ -17862,17 +19928,26 @@ class DuetSlideoutLink {
     componentWillLoad() {
         inheritGlobalTheme(this);
     }
+    connectedCallback() {
+        connectLanguageChangeObserver(this, {
+            prop: "accessibleLabelExternal",
+            defaults: "accessibleLabelExternalDefaults",
+        });
+    }
+    disconnectedCallback() {
+        disconnectLanguageChangeObserver(this);
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e845f429f7644089a2978b9bd817213fdffa0783' }, hAsync("a", { key: '4096768d844d0c63b1b904fa29ed278826dd49bb', class: {
+        return (hAsync(Host, { key: '121e34853f26e00de78952097a9274c4686c8544' }, hAsync("a", { key: 'd763e1596026eae24a9c92b2e5a44fdfaacac07d', 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.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'c5b164759b0d168d217f6c10788922964a04dd00', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'c72e2c8e4cd322d1e8282518b711659e7476d4cd', class: "label" }, hAsync("span", { key: '64394d630468c468fdab67b98476d911a784b20e' }, hAsync("slot", { key: 'a01215f4a8237339fa76151f85a52407afd7a2a0' }), hAsync("slot", { key: '6f53012e7292d5c2db2a8be6bfb44437f61e7149', name: "description" })), this.caret && (hAsync("duet-icon", { key: '47bb848e67d9c74aba3e666448eb651e5e3a214b', 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: '22db6ed1bb56b9882e83734253a359d9c59fb18a', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '8c7c3459c06993a8318d092423dc512f60a0da06', class: "label" }, hAsync("span", { key: 'af54ceb2cf36fb115fca5c250aaa6ed2b14f083d' }, hAsync("span", { key: '799c0aa7fb41c06556242d822c4a817bc3cff780', class: "label-container" }, hAsync("span", { key: '1e16cdb23d22bfe2d090eb026c17bcca4b109234', class: "label-content" }, hAsync("slot", { key: '285a99e5f9837bdb6fc39f3bd06e1902fd66da1a' })), this.external && (hAsync("duet-icon", { key: '786e1f369d8f5f23b359d4f61528d5f614efd411', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '23100e60c7e0f616021ea001b8aa5095af48bbde', name: "description" })), this.caret && (hAsync("duet-icon", { key: 'fbdd722ae15f64f8879142371b6eaa79cd0faa43', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -17888,7 +19963,10 @@ class DuetSlideoutLink {
             "icon": [1537],
             "size": [1537],
             "caret": [1028],
-            "menuItem": [4, "menu-item"]
+            "menuItem": [4, "menu-item"],
+            "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
+            "accessibleLabelExternal": [1025, "accessible-label-external"],
+            "external": [4]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -18032,23 +20110,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '32c6f6ea4eeac3499498244624a0aaf3f896f1a4' }, hAsync("div", { key: 'e6563dd635d4f9896633b8a76f697239ce10fda1', class: {
+        return (hAsync(Host, { key: '3e5b55f03542b4078ee41b1ff6f0a8d601239791' }, hAsync("div", { key: '6220b1c96f0eefd971b0be2d3e64026ac5bfd467', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '3689db100799eb081f0c070c0fd8e1701d83c092', 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: '3d188176100a87926dabcdf167e7843d3c4c73a7', 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: 'f9eadbe5b58655629aa22fe774b502183e92ddb1', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: 'f84d1fcd2d420ebb76265242c2d8ef01e5356313', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '3317aef4eb6b10856b0e8e3dbee6db72697f8732', class: "duet-slideout-badge" }))), hAsync("span", { key: '2490ffd21816ef2903f1cea69c2885917aba5016', class: "label" }, hAsync("span", { key: '09f27658cd8d89c87a43ec93ebc38da5c5f94c83', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'fb9e8343be8f8d0169c64509f451027e8d2a6b6b', name: "label" })), hAsync("duet-icon", { key: 'd124572f81f6a5c913fa8368f435db597933c30e', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '2c5ae6d73798fe116493c0813f5f367d9a614341', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '5bda62a593954ce9401ac2e8957fd58913a4ff80', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '1a82e4449db67bedd65f5299f6c7d5e38bf0064f', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: 'ca9518dd19dbffd4d7e12902d9a79fd3b6d0239f', class: "duet-slideout-badge" }))), hAsync("span", { key: '4f3f26845dd7337944a31a6126114aaffade111d', class: "label" }, hAsync("span", { key: '79f43f5fcb192dca6f278e44a812ccb18fed9930', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '0c676ffc9df3fd9f8cdc793aa0775d799f99cf0a', name: "label" })), hAsync("duet-icon", { key: '09fd5d953aee5af50d1ad3096fa8ea5300ad38a1', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'a2d69000f5e72011f38094306607197da4c1be6d', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: '3871236cfaca8944dea857fe4ab87642fbf1a98d', moveFocusTo: this.closeButton }), hAsync("div", { key: 'dc789469f6b408a5909c4032a0d5c19bb36a1cb4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '729e23f6d5279439445cb25981fa4a48316c0dec', class: "top" }, hAsync("button", { key: '7c810b9edc27f5ea8a7928f7163631850ab45e0f', 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: '6a3e44b182bdb7f662e1e1445b5af239ae6d532f', moveFocusTo: this.closeButton }), hAsync("div", { key: 'b43e59b1d4307053e6db415a2873b19f7455d4f2', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'cd3abce2e94d9170ee92c7fde98528f9d80347a2', class: "top" }, hAsync("button", { key: 'c8db3e61bbc4c5e70f83a6ed219d925d7ed66624', 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: '7db3cd52fec2f81cabda72ca55bb6375dc852e5a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '81906fdecddd9f53c7c7a97c9f134a8ca34768c5' }, this.label.innerHTML), hAsync("button", { key: 'c20b49d22a939f99eb926b46b62860a7b6622a3d', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'ca2f8682f77f2e4e272b86922b724e3c54c8e2e6', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'eb36eaa974c19690abc3abf59309cd22e07ff52e', class: "sticky-header" }, hAsync("slot", { key: 'e974aeec3fb2cbe118572c4ca35ead87a1c5861d', name: "sticky-header" }))), hAsync("div", { key: '7fa7812d1ac9fe82f7781ae98bb31065498d0667', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '0d633063603734ae6696a55f78b46d69f9a123ee', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '9b47722f8b18d8009370dd8dad1e3efd01549c19' }, this.label.innerHTML), hAsync("button", { key: '8a03a8ec1baddd5b6c3cec3b82449c25baaf72be', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'c5b46e81e5e280b3d23fee48a9fe88fd3e291291', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '7f6f22a3a232ced9de34b211fbbab88d5292168d', class: "sticky-header" }, hAsync("slot", { key: 'afed92ed2333e55b311eea33f10550ce7a39c776', name: "sticky-header" }))), hAsync("div", { key: '95b7ac98ec07f7665815fe24b5bd156a27eaa6f1', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: 'fc31455ee1078696b7677b636bbfe8a80ce6fd51' })), hAsync(FocusGuard, { key: '6045674ecaf7f7db881af487368014f3723238de', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '82b84a76815223e3c3e0478d5300fba75385d269' })), hAsync(FocusGuard, { key: 'fbdc0a4eb86430546ecb7dd3e407fe5537b070c6', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18118,16 +20196,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '63e1ecfad4b3a99359297c7b4057cdcc8161a832' }, hAsync("div", { key: '461506ece0bb6e079c7cea22bc8ecfcbce9769aa', class: {
+        return (hAsync(Host, { key: '5b9beeeb80434ebb9fe59287777dd7b3ccf117f2' }, hAsync("div", { key: '26d2b1524b8b4ba9cc9a43ce1ba69dad84fe3a6c', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'db9dd82a1a4f2bd4c58d13ca3b7223333acf8fe1', 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: '4ddc07d35d571609edc8ac0f38013dcf1f7abd4e', 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: 'a425d896cbba6af3d669ad764406dbd2949396ee', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'f0c2a72a77ac42db0e38cd3605a1e5478bf65ea9', class: "label" }, hAsync("slot", { key: 'eb835a8dc87c277628dead143ccaf2ffa698af4d', name: "label" }), hAsync("duet-icon", { key: '8f05a36f715ba855fc222f3a84bc5d8831786789', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'f96a0657d877b6c12fdb4c019bb2401674f8e5b4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '90494d824d6eac5621d4a1e06de2a684fbdd8201', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'a7521f9a57a44fa8e5fb83f7ac08b6929b89b05e', class: "label" }, hAsync("slot", { key: '9451cec580353060c2326a6ee3a7aa0b6e03ec69', name: "label" }), hAsync("duet-icon", { key: '55d3a0e564dceb3bc2db017048d5a973272ecae5', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '90c7178107fcbf1765ba0a380e2a9dfc46efbcd5', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '1510098d5bf5a1378f6a6f0b0fb4f8914db5802b' })))));
+            } }, hAsync("slot", { key: 'b6f315463f9acf6617c598a33605e1d80e155d74' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -18162,7 +20240,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'bd2930a075df68cb86648403cdf9093e1f8b320a', class: {
+        return (hAsync(Host, { key: '4e6eb8e58503cca0470e329ee978bceb19bbc63c', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -18213,11 +20291,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'f90db790b3bcceaf36452793649037f87f8b3afb', class: {
+        return (hAsync(Host, { key: 'b7dbd1885195521736e1913de77bcfa22bf0ea8d', 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: '41396371d1421d5e44865fce2ea0697ccf099a86', class: {
+            } }, hAsync("div", { key: 'f9f4284e9b6365d3989be18b0f4014d7e8f3b07e', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -18306,10 +20384,10 @@ class DuetStatusIcon {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ebbaba8fbedc1ac294e51f81876748b26a08687a', class: {
+        return (hAsync(Host, { key: '8389c107ccded337d2e5121703d5221e70edcb42', class: {
                 [`duet-status-icon-${this.variation}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, hAsync("duet-icon", { key: '246af4b88cf7a1fc72cbc60264c25a1574eea11a', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, hAsync("duet-icon", { key: 'c05e3c223a16541133d3be5cb74f39760cc46ba1', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -18411,13 +20489,13 @@ class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'a8f9214b8d235673c0b324f966a5576ccbcd16e4', class: {
+        return (hAsync("div", { key: '2be03e57885747f4abcf887167a50be41f202172', 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: 'fe6066ea863f9c11dd30b6b61dc9b36827dc3b38', 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: '500cee650ab3ab67ec9f7cbf3e9fa98f61079e54', "aria-hidden": "true" }, hAsync("div", { key: '79c93ec35c9c02e3536487e5337bdd8ae653b537', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '2b6ad0facd7f5e405d297e3672af7d1a1867e33b', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: '4b26a145659e1f239687333a90fd5a976a34742c', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: '670e5e9670bea92a93ebc1fad855721f99d58b88' }, hAsync("duet-heading", { key: '815cd4427e3ceab15c5fb44b0dc27a9eae8df5f6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '22c24606e2dfa0cc2fa5d42d7e12139f3031ec5b', direction: "horizontal", size: "large" }), hAsync("div", { key: '9db141db2e2ddc2ef398c440bddbce996d27c5e1', class: "duet-step-heading-slot" }, hAsync("slot", { key: '3c35b0d2ba57df7f6af3c287b43fef66185f827b', name: "heading-content" }))), hAsync("div", { key: '539aeedc2b198beb423c3bb4869405a2e1da1797', class: "duet-step-content-wrapper" }, hAsync("div", { key: '7d376e57e92ccd478e417cc392aeebe7991d41e2', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: '60f1a391efe9137ff048170995926a92abf687ae' })))));
+            } }, hAsync("div", { key: '13a6b9a9d5a8b5e11441d344768333afbd0006bc', 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: '4cdf824131a34f5a722ff75b5865c6968c946b84', "aria-hidden": "true" }, hAsync("div", { key: '697c430716ee8b1d61161fbb6cfbfdb347754170', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '0df10d7cd8c8033debe7e429f052ba3e785c68fd', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: 'f8be9274607789f07981bb288d19516f222e613b', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: 'bc8046dd49578c57e41ff6c301b57711dbf47db8' }, hAsync("duet-heading", { key: '841be21a0beabe2000a75341302462ecd0cd3cd6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '992fc197dcc5b85f6d95e016e0736e1b65d0c3de', direction: "horizontal", size: "large" }), hAsync("div", { key: '8040a9695f6d0e297b7e0887814a3723e511b8ec', class: "duet-step-heading-slot" }, hAsync("slot", { key: 'e7d76c7f8b978934cf234bd29e4e600504f42164', name: "heading-content" }))), hAsync("div", { key: '14a1a0370d7443a3181b82b5d0531e9b208ecc1e', class: "duet-step-content-wrapper" }, hAsync("div", { key: '19dad47c5c9e09671dbf4318b40f5a5fe4ad852b', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: 'e51e6b4b82722a271c2eba19b54d6bcea10ab5a5' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetStepStyle0; }
@@ -18541,7 +20619,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7ccc1ace3e8f07c10a099ef586f5828a86c673c4', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '819c9b955cd7e82825051eacd1f7dca8247da886', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'b35315da5f69ddcfd008d3e4071d49b954a905fd', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'babe00b87bff0c56a53c1a32d67acabd2725ba43' }))));
+        return (hAsync(Host, { key: '52c2d87726509e40615a19b3eea7c78622cec07a', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'b2f275d436eb7db9dda96c97147d8225a604b527', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'b639ea4862b8547f0a92c711008ff55ab9935d7f', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '081d088375f8343f6484e992ae437daf6ccc9234' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18686,19 +20764,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '06a71ec0fea466655847571dc1a05651105c5ae3' }, hAsync("nav", { key: 'c9a24b82e7fc2623e9f4b228c68784a7ca6eb1b1', class: {
+        return (hAsync(Host, { key: 'fefed34474daf9475accbfd3cc30be2c91adab6d' }, hAsync("nav", { key: 'cfcd761e4322d5cb3060515797a00135d87cd4f1', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: 'da1f940ba0bb496c7c587a0070eaf52cc7bc8060', 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: '3d5a7f58f0b6c2b9cb6f56ae1ac6841587e3a391', 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: '0e8dd0590760a6e944a970cde6c8743276de0fa9', class: "label" }, hAsync("slot", { key: '3c3657af5b58af62145180b24137111c22eb7e24', name: "label" }), hAsync("duet-icon", { key: '4d57f6aa5f74cdf524f0b5bd0a34ab3e624224b3', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'd44d6998afc2ae16770aecb85a56ebf4519db49c', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '7534ebfaf7cb901fbb4ff271e38dc9908774039a', class: "label" }, hAsync("slot", { key: '5d79e4fd359e413b43c219693ffe0c47e11f06d0', name: "label" }), hAsync("duet-icon", { key: 'e454c33b7122d3cfa5528e6f9da49d0948d32f13', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'e680fcc58bcced303ad128db4bf0a08952f53a8f', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: 'b1a1aafe3bf5524a11b2ad06257144b48d8be70d', 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: '8428ccd7dd2127ee961a3f46cc8d5b84be4e5369', 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: 'f335ec19eff38beec4651d0668265a12b48c87ee', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '01f590e6f62cfd5e5dc1a8295f17e3a8ee8b6ae8' }), hAsync("div", { key: 'bcba5ff19f0b623d9dd8e76cc3bad86c0062e28b', class: "list-padding" }))), hAsync("duet-overlay", { key: 'bd1aadd52ed5259cf85555faabff82e2844dc4ec', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'e9c3f749dc2a5f11859b4c1c85410ed5de3954bf', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '237ad6e7282d176ade5288f0fd796dd1afc405ae' }), hAsync("div", { key: 'c09ce31e666aba0d2fbf2090c62f3ac3b694860f', class: "list-padding" }))), hAsync("duet-overlay", { key: 'bd4f86d5b0c63a9ef389c2f6665672f770db2350', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18819,18 +20897,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '251e622a2df6de7c5309a5f85cf829864a4c4a93', role: "listitem" }, hAsync("div", { key: '012ebfd990d6cb0daf26c6f7ed00ef3b72b40fea', class: {
+        return (hAsync(Host, { key: 'fc9fd551cd7be45b0c727e03c27a76625c983d41', role: "listitem" }, hAsync("div", { key: '939b988a67b1f3d481fc32a2e89dba58bc25b53a', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '87bb4f401952a4f9776ee3b3182fcdbdec1c7332', 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: 'c9be9c700d763082e4353b433868969d6ebaaea8', 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: '20bbf61dd0f3d5468548896493981b9f7b972201', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '322d1e7bf90ab61077a427824e009a952d8e86c7', class: "label" }, hAsync("span", { key: 'c817dbb4ead417770c71b1c024d8cbe871785297', class: "label-text" }, hAsync("slot", { key: '88e8e6f3544b1fb13bde7ba698221408f910a442', name: "label" })), hAsync("duet-icon", { key: '56447cc388c3f1b64fb53fea99cd56497864398d', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '40a3648cc2536d2abf6bc48a3c9ac1c9670ddece', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '74d49bbb0f3ca8143654d9cbcdaee4d6ffe4bf8f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f2416c123b2c0112e9569de33db0d291e1ad3d4a', class: "label" }, hAsync("span", { key: 'c5db63f1dac7bc2a0fa55d5beee9c85ad4cfb4ee', class: "label-text" }, hAsync("slot", { key: '0036b819c74ba5367ab40605ff199fe69d3a7231', name: "label" })), hAsync("duet-icon", { key: '8ad850e0dbcfa9e277ee32336e164f942ef11dff', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '8a36bcfda8ed30579703bdb9fc783d83981212d3', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '639962d848abe9a48c384dc0d165f73503138c41' })))));
+            } }, hAsync("slot", { key: '67bf3b51da2fa18ec2662094cebbb039ec117523' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -18882,12 +20960,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1f21914d277b1fb83c23ae8247a2079aaf5d6bb2' }, hAsync("a", { key: '31b510818a88dd7ab76fce354f6829d8bce7a482', class: {
+        return (hAsync(Host, { key: 'df8e2cce51cd8663e22e083e3aecff5cd19f698f' }, hAsync("a", { key: 'f8c5abbcf4c71a27a70d2ed3ec2970b0a74a8fd1', 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: '275714de44673ecd360f064f17389921175d4682', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '3ad326ef4328498e474abcbba52adb0d6badb769', class: "label-container" }, hAsync("span", { key: 'ce4dad3fbd9f536f2a92fe8837f911b821594150', class: "label" }, hAsync("slot", { key: '7d3a890bbcb4a7ee9df6e2e0db0e3b38a5e90ee9' })), this.caret && hAsync("duet-icon", { key: 'c8756b808a642c376cbf4ed70a95818d273a8f13', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'fc51e8c923ddf25c2b8caf20608ca2b2e0eb5161', 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: '1e5a4a47052cf2b062b3b8d10085422b60407c5d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'ca88f89ae807c0217a8921a1ad14261a9da98abc', class: "label-container" }, hAsync("span", { key: 'e32914f41e511de24aba0e22fb3703818b795acd', class: "label" }, hAsync("slot", { key: '59920cb56fb89f6ac10d94e9e61392dc0724dbdb' })), this.caret && hAsync("duet-icon", { key: '603991182270c3942a6f4850fd5d6fb6af18b105', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'ce869a1d9c2edfd036031a730fd6826347bcce8c', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -18961,7 +21039,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: 'da93c6fa6997e05bd6f9164d77aa907504769b01', role: "listitem" }, hAsync(TagName, { key: '1dc43febd774cfc9f118a968546a8bf84a32e552', 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: 'c47bbb85e5e8b60012c664beb9479e127c1db73a', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'b7a054d24e6f81c413538ff29645f58fc0f1ccf5', class: "label" }, hAsync("span", { key: '3790441950e7485a9d4439ea8d95d00ded433661', class: "label-text" }, hAsync("slot", { key: '8c345b1a1d38ad78510b6e30df8a7ae569cfdbfe' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'c0d77269c066ac303a2a17de4183f4a21ff8a77a', class: {
+        return (hAsync(Host, { key: 'ad3a2fa9bbd134e4bfa1ced12278dabaf0206fc5', role: "listitem" }, hAsync(TagName, { key: '5a36cd09f5b34ca0031e1f6fd98b6d4e7d085024', 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: '093405d3733611c349635aa71e3bf8179eba4153', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '0399adb8e4cd01b6fa66b37a91869813efaf3942', class: "label" }, hAsync("span", { key: '50e11f94b21a9379d77ece6e8ab2437b6cf016d0', class: "label-text" }, hAsync("slot", { key: '05204a743cb4c3f29f478908e2b91782827da04b' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'a62b60af0e3f2e1508d33547241081633c30a5aa', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -19022,7 +21100,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '501c03cd429ff36b4500a5a0e75ddd8e5b49a1bf', role: "listitem" }, hAsync("a", { key: '422a173b44d4b21ca6f1826676669ba8d5e9a774', 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: '2b65b8820b017fa6b2a8b66707f5b0bb116959e9', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '38a0a9ff428aee13c59c07346c0c0217a074280f', class: "label" }, hAsync("slot", { key: '74d157331532709ca0d1ad1009c68613dd0da891' })))));
+        return (hAsync(Host, { key: '95bd440eb341f40b70442bd2f07924faa50a3609', role: "listitem" }, hAsync("a", { key: 'ced3b3049af05cbb6aaa9d3d1f4a9e08e042e7ad', 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: 'e29e59a548c810f6fb6366616d3457e004835185', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '115b0e90e10474d448a3aceab05462d92c7b2e06', class: "label" }, hAsync("slot", { key: '97e8e72b55c7e62ffc91a5f86fa44591150c62e8' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -19132,7 +21210,7 @@ class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'de8d74146d35bba1361de77867102794264768e0', ref: element => {
+        return (hAsync("div", { key: '7b32395451131750ebd28c6967302efb6205f9e8', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -19141,7 +21219,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: '6aee6454e6da2ddea216d868df6f8adc9791bd3e' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: 'ca8b2a951dc90dc029b9088d1f2888a0deccf673' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19278,7 +21356,13 @@ class DuetTabGroup {
         inheritGlobalTheme(this);
     }
     componentDidLoad() {
-        this.scrollToActive();
+        this.intersectionObserver = new IntersectionObserver(entries => {
+            if (entries.length > 0 && entries[0].isIntersecting) {
+                this.scrollToActive();
+                this.intersectionObserver.disconnect();
+            }
+        }, { root: null, threshold: 0 });
+        this.intersectionObserver.observe(this.element);
     }
     /**
      * This method allows you to open any of the tabs by calling the method and
@@ -19373,23 +21457,23 @@ 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: '89dda2af64bfa896973646dee7566932c934896f', class: {
+        return (hAsync("div", { key: '3d49c28ce5931105421ca174a2ec6f643d0ce715', 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: '8781b3aa65caf6f828f1f84d3fa5ce603b620c13', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '5cd7a9b5948613b347fc9d95037c73d3e8624031', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: '382e15a7c8aa8f5c6078402741c55ca70b97a8fd', class: {
+            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: 'f9cecb1f747afdde050d7e14f3803167bf4e8db0', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: '1551ac1536242c1526a0e3b7ed39de8dc57c9c44' }))));
+            } }, hAsync("slot", { key: '89f26fa4755c6a826c439625dc2beef88fc57cfd' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -19988,7 +22072,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'fcdd601ace6ef28821198d34d85eb3dc94b73aa3', class: {
+        return (hAsync(Host, { key: '06ccaf0fc2d8586bc16b3a6c4c7a7a11de2c10ed', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -19997,7 +22081,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: '35cef7a6450ff5dc1e34cda94637a50dec7860a8' })));
+            } }, hAsync("slot", { key: '81e3f8cfbcabec7c35c1d878df37e147112379db' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20190,17 +22274,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: '9de3a488ae655f5d6cf9a5aa71368827ac2667a3', class: {
+        return (hAsync(Host, { key: '25556769dbf4727f9d03bb5228fb1bf5c68d7538', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: 'fdfefe7ce23102c9e5aaaef53814d3027504856f', class: {
+            } }, hAsync("div", { key: '6eab14bf213903b968c01b6cd4393a20ab0c69b4', 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: '31924f3d113d02e2e7a9a3a0963b91cc09d33fdc', 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: 'd1e0d879d2207a331853d015afcbbf7eee58ae3a', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'ca5cf4791d6929903a047564ba7233e5cb521b53', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'c6b8045ffe06481f564bac05f5c134d76c0a80ec', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: 'f300e8cabf5750ea73421abe15e04049ae4ad02e', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'c8f50dc4d1a7246241dbb9f01de879a5f29655f6', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '08af0fdb58117b47d65e1f27d56ee3f33a07944e', 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: 'f2c8d0a765743945be3b9ffdb91df63e02307f4a', alignment: "stretch" }, hAsync("duet-grid-item", { key: '9c3e34bd24ae7f34e3f8da1425cbeb68090f9524', margin: "none", fill: true }, hAsync("div", { key: '6dd0096a8e03199e273cdd72c21c0b52b7c6a998', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '40ec239fe62581029385fefd5367ca0c56bd260d' }, this.error))), hAsync("duet-grid-item", { key: 'e755534d7aa88d03f9b5fc1d3a6fb0eb0d53bdda', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '2238da2d8f4a66c378e08bc032f52a4a63d3ebaa', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: 'f1b005a103b371724c880ded8aba0af1024b6355', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, hAsync(DuetInternalLabel, { key: '78bc0d0c4482d4fc8b612790b2e698dd680982ff', 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: 'a00e86034ac4577ad2e4eda40f472287c0b0c44b', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'eed07c3a64048d9665ff69a8eb692869c127d36f', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '18120445b792f306348fa86eb7d55137e4494430', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '31e9534d6f280d3cb598046d63e4a42a0389ea81', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '41850e7a6582f51589e68d93a8548d61048d6ff9', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: 'e1fe2634a7667802d287159982873db894ef76c9', 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: 'ebbc277489ee738b58006041ea840c228c744453', alignment: "stretch" }, hAsync("duet-grid-item", { key: '29c30dd91c5ccd5b917448c817692fd2f6dcd9a9', margin: "none", fill: true }, hAsync("div", { key: '48a87c0a148de98bb97b7a4a82c148232279ec8f', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'a35dd6fd14ab2ba3a31e20010dd0eaf9a54df673' }, this.error))), hAsync("duet-grid-item", { key: '71169ae9f709699fc5f416eb7c1e6f7fd58bbe43', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: 'f0301f5b479f78ca89ada4cd46ab54f2ab637773', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '00edef3db000d963cc48b85b1c1d7917acb6d85b', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -20332,12 +22416,12 @@ class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (hAsync(Host, { key: '6f7b05fd6188f7013f040a7b29c036727facbd85', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '976442fa7eca90d023345dec040d15fadd997d2f', class: {
+        return (hAsync(Host, { key: 'c1edf3dfb5cbfb78c92aafd481e9c5bfec83b095', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'f5d071cde0463aab8f5ea4a1985b912c35b526e6', 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: 'fee270a8fc1611ee7eb82d7622073a2d8756b3a4', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '70a46c19918167b984a93e60845d4642184a1cc3', class: "duet-switch" }, hAsync("input", { key: '33d9dd7dadc7976393e11011a1a6327bc3193ed0', 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: 'b0f17ed39c0b77370958141021e9e2ab98399d94', class: "duet-slider" })))));
+            } }, hAsync(DuetInternalLabel, { key: '7a8b09989ee8413b4ea78a863fb692f12fe58ebb', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '513ed78cb68458866b35d94f96163fe61cb6dcb1', class: "duet-switch" }, hAsync("input", { key: '8f83040ad1ca990a02209381eac63b2eece87c0e', 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: 'b7faad01c27eb015dde5051f7dba9dee1503398e', class: "duet-slider" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20408,11 +22492,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '7c4634d2a35cd12abc71558bd726735a0f6b4234' }, hAsync("nav", { key: '97261310d0db43f2a0c848a4003aa37cb4d808c1', class: {
+        return (hAsync(Host, { key: 'fba71bd458248491214c3aab4243df4e105fdb5b' }, hAsync("nav", { key: '42fa26ad6a3ffea27ec62722a3f55f1c0d8ea0f1', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f27b0883e8ec3f9e86c6b250ad379dc7f69b2439', class: "container" }, hAsync("div", { key: 'c1a8827f0d1efe138109799d6c21d0a3d79dc9da', class: "list", role: "list" }, hAsync("slot", { key: '8b8eacded7186b48305432f8dd6c338593cee8e0', name: "left" })), hAsync("div", { key: '0941393fcdeef9501a07e37029c4fa5860faa346', class: "list", role: "list" }, hAsync("slot", { key: 'ac2065b27768910493300da47e3d0b3bb9c516cd', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c19fc58652bd52d9c6f7755a01b266a7f77d1949', class: "container" }, hAsync("div", { key: 'a0fef6ef853fc353a374b7bcd2fa632f5176ae60', class: "list", role: "list" }, hAsync("slot", { key: 'a2b2896ec5ebf46253f3e05e1b8ac44582161abf', name: "left" })), hAsync("div", { key: '11cb17b0024f1b6a84d91fb04f8d3be806b49af7', class: "list", role: "list" }, hAsync("slot", { key: 'cd1c67c9f98bf8cb3607965c715d9974e6c17f93', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -20480,18 +22564,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '93c6fde5bb9422cdeddefb021a6ef959f6382468', role: "listitem" }, hAsync("div", { key: 'bea4eb48492434e30af5c1a9b0fadfbc7b1a2ccd', class: {
+        return (hAsync(Host, { key: '293493435feefef5e3df0fedf5bce6506fb4ee15', role: "listitem" }, hAsync("div", { key: 'c38df38acf0aebc018823ebbfe2cbf5ee9bc8f8d', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '1e589d0e0c744719bc487a875114913230f4fc41', 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: 'e502e36fda6d4e5e94312143d2f208be630d7e3b', 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: '247b76e6ee4ff10ae6275ce1d82f8d15e7a5cc01', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'bcced782bb48e322d3b7e51f00944a250b440e97', class: "label" }, hAsync("slot", { key: 'c13fddaf2ca14f1c111d3531dd0cb81de39492e5', name: "label" }), hAsync("duet-icon", { key: '986ac54e0b3c81cdfd6721b5ba9ff315790ad066', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'd1c8306765f67cd28b68f36a5d69d1cac703e6f0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '982df3536e15f8a4a0b17107cd025963826b47ea', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'c58be9183cc8949ad8380c435c92c2c144f443b8', class: "label" }, hAsync("slot", { key: 'e69f9009757ba8711faba0832c9eb6bbc5ddb1b2', name: "label" }), hAsync("duet-icon", { key: 'e267dbb94c717a8adc576335be6e5218aff054d4', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'a1bfb389572b8ba7ed3d55be3f8a57dfddbff95c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'c61a36a84b1095068fa7e645ec17daff2e6dc62c' })))));
+            } }, hAsync("slot", { key: 'ac48022ff0eba0852b50b21c187c9cbd4f8e4772' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -20544,11 +22628,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2337077d456966b5d54e4224f7b4feed069deb3b' }, hAsync("a", { key: '862439261d8493ea79212340afb36566c8066ac8', class: {
+        return (hAsync(Host, { key: 'c7578d87c6cc701110b2273867f9de679ce7675f' }, hAsync("a", { key: '1f9b24bb8cd15ca161b0902ac695a73341d33f47', 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: 'eefe89c70a61602260dd173e54912ff3b97e3618', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '7de399ce4b29b72d214e150e6045f965648d49bf', class: "label" }, hAsync("slot", { key: '55fc1816636dd382b16e7fd68d55cd61ed2f56ac' })), this.active && (hAsync("duet-icon", { key: 'b327b46d411bf4dd40f5a8f78b3fbe133f7eeb81', 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: '19566913fb85d69c28e44ac0d31c0eee45379051', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'edac55db2db896370c982e8783c027e9205b2235', class: "label" }, hAsync("slot", { key: '9520108fc591d929db4216efcf5e5c823a5f90a8' })), this.active && (hAsync("duet-icon", { key: '41b3c2604e5cd127d381cf0da0bfe2c43f494617', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -20623,17 +22707,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '3becaa0c2599123283c9bc82fdd95133effb64bd', role: "listitem" }, hAsync(TagName, { key: '6ff40a280d9f098a9ba5a2b7d85b5d19cbb58ae7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '9b9d0dfa8199f89acfbe21f9132c66ac5d27f19d', role: "listitem" }, hAsync(TagName, { key: '40f2142c0e777156f9e171213b08dc51737544b5', 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: 'bffad519bf392abd549da7a06c2d59808dca6064', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '513c5e9bc2795a7732f2a6d96fbc3c632456faa0', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'a399e7afa30d550289f267f28e783bae282fbed9', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '063f628fd7668ae6d634e0c72789c1887938d592' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '42df1db8d19a9e10e0c0bebbaeb3c4ed14d5d742', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '301e8033a857c9e76dd50d2b7ac4e797e235231e', 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: '028001dafa87b1c9b3827b169c6a0eebe9dc1cc5', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'a151a4bb04e949ffbdab6b65cfaf6444dab7bb9d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '2f765f55f3a0d524fe3c97dd6570b0ab1f15a01e', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '4004ed2e53664041a6a1e8d020fa01bdd83f0e53' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: 'a2f27e67c6c38dbab06db879d79ffee7de1d5425', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'c48acfbf6301b8585d53f191c182751c4aca1442', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '9c9f58a6044c5d87041f9c03f1ff50a999314d7f', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'c552f767cf28200fd01e2d0a4d123b58880eee10', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -20687,12 +22771,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'c9d22540b2fe11472be1334ac0048b27c6b06d9e', role: "listitem" }, hAsync("a", { key: '6df17c00c386d080b450dee6056ae0d3f770cac3', class: {
+        return (hAsync(Host, { key: '3623e63f85f9fdb7fbd59112cc560e003a7ca568', role: "listitem" }, hAsync("a", { key: 'b81d74dada0b3c634c92305881ad7f58a04157e0', 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: 'ad8e3b8bf4fc7b4049948cb12ed148eb4383a931', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'c295aeacea2d6efe9892ec06cf8ba0070599212e' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'e9388c724ba10f7290f7819f94f3b40d37857f2a', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '5c2564a4a153aa0d7595b40fb4588bacbd32bbdf' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -20964,12 +23048,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'adbd99f0d6f275381ec67f6f3155e0e82faff6ff' }, hAsync("button", { key: '67837b378c7230e93e09b74ebd53abc8280ac8ac', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: 'fee44c3df69a6434affa9f49039575913c1764fa' }, hAsync("button", { key: '11fbd81dfecf41f3540c8f09854aa148383ddb08', 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: '1bb553c9ffae4ee20e330699ceb1c51b85377c57', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6b673adac1c51d9827bc420b487cf5a574d2f087', 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: '76d0674c26286f3f8d00e8b72489f11d517e8ab9', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'd2c1719f7c4caa2391048d84e309f0472065c251', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, hAsync("svg", { key: '1f833d69a947244a10790730de2e591ca8b36ba6', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '38acc8ec9e2956e937a84e8ebb738a77c9111370', 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: 'ef35c73e4fe6b717decd80b2352f9ed8b8aa8f7f', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'a394f6560c8387da8a307f5c9623ec7d33d0c2c6', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipButtonStyle0; }
@@ -21037,11 +23121,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '54c69a05eb11993d10cbd0c27ff3b7d38562c384' }, hAsync("div", { key: 'f0d3ce9c9fa8a72aa2c4effdef826b54ef8de708', class: {
+        return (hAsync(Host, { key: '6475bd5406c8a14d70944a1b316e38dbfb3f4e0d' }, hAsync("div", { key: 'ed169b7de58051fb1893fd4033471c39df8b8339', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'a58df98ae3f69bca5bce6c972ef39461f778dc71', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'c7d3b83e4d9931f53dd8013f52517ef8a7704919', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '83caa55274cebba3a4e5efdf8a75ba58317dc81a' })), hAsync("div", { key: '51532f034ee11bf42a884b703fea4a5473c2c813', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'c3c26ad48ca96962808a24a96e146aa47bc09525', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '28b8247a3c760b4410fb38c2293744e914364231', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '55b2ab7375d26de4a949afaf5982e070e3888622', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'c962568d18c1feab15d7b71a51a2526745e1ac80' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '61ba9ee2bed8370b66d1fc7fd4e1928d09b64a5e', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '9a6f8e75996a8b00c09ecf552e39b01d231297bf', moveFocusTo: this.buttonEl }), hAsync("div", { key: '0a003b54b91c3d687f6793fe1e84602ccf4acfcf', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: 'fdcddea1210c716a8e1d35f94ca9a166805776c8' })), hAsync("div", { key: 'fcd50c973fb3f7d0d8280f22c6a78a853ac6d566', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '10d19ae7d0d66bbefa00aa7a2d8b3e1f426331e8', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '6b94899472ae322f2324344f9c8d12a423e05110', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '55db60a2ebbfb3bed86dc7960993d2e2d0b8e4f4', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'fd240f6c644ea25ab3554ed44719056485c24d9b' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '386b99183b08c179b9da7c811c4331ca6c3877ea', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -21149,14 +23233,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '7f2058936e15f7dc22d1a4177c7a03a991e3e112', class: {
+        return (hAsync("div", { key: '2a28dbe50c5347e6b109da091550d42998d3ea66', 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: '060ca6aab4f8779473ecc4be57e43b77306088e7', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '4683917a9f467090d5a2ed72f9cd7eaeb1ffc3ef' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '7b277a0d07a71be98ff53e2a39975b8fa19bb940' }, hAsync("button", { key: 'de91e3bce233b0b00671320473a92b5bb0bc986b', "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: '205702e6343cba4fefbb3797dc9cb663e1fe1c46', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '8a698ca8f3764000b2240be4f05c85de0e0fb4f4' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '574abdbbdc65a7e8abb8e6dade08993687c49809', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'e8598295d729ba408902b04dad98e11ce241d9ef', class: "duet-tray-expandable-content" }, hAsync("slot", { key: 'b90f5b8292364fbf1621c5569dd1cdd2d3c430ed', name: "additional" })))))));
+            } }, hAsync("div", { key: '26c9c3e75ad004e521ab31b2d8ba1b048546c6e9', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: 'c17b7e16c92f0d12b35857d35ba59a709fb9a2ae' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'd6e7d2ffe0a1f7860bad5b50d420c90e7223fd11' }, hAsync("button", { key: '3694b88cdf1c3f9ae783160da5941ef344fa259b', "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: '1776e12e6f1b8bc01040cf1673c36c3fc092cd72', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '2e297573e5671cbfe8eadec345623d4a4d710a74' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'dff0cd7c16e992deeb15383694707dc951c3a901', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'b2db67fffb12fc7fb2d06368158ce47c175b8df6', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '55a9e5ddfa5bda9ac52e720ca43ab972ea1360b3', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -22272,10 +24356,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: 'dd2d8df45d7b1e8526fc08809e07f4cb33685750', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '5763ea920a4090ca67c77c4408df558a1381a4ea', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'c156b40628ec1b5d9270df434022ed16e8946eae', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'ad1d9f14e0c17f73b93aa3989fbd6105e5668a11', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'aa1475ad4c73fd61976e8ba408d76f1b55b850cb', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'a4dd57cd140b091b2bd5622b5fc5c55dc567e144', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '8f5beb8ce03d9b4f1b7df6d01ba707485daecf5a', 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: '0432c1b02bcc36c239b05c5b4aa260ce4392c5cd', name: "filefooter" }), hAsync("slot", { key: 'dd19564b15aad3cc65396121f3862ee1275e3da6', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '388956db21f30c93c685fac7b11604932baf6ab1', margin: "none", size: "small" }, hAsync("div", { key: '24766af55c816957c30880f6ccf31c2c8d24cebe', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'bb6a994d5c65c0d3514a304eb2547a2f81d3feb3', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '0028099baf1d0d8224d5549a16c663005fb78875' }, hAsync("duet-spacer", { key: '295a793dcf0cff48d7b3b211984a44a68aff5a1c', size: "large" }), hAsync("duet-button", { key: '7375e766eac86aee16440e44c9645173ad2a8d1e', 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: 'af891e8448afa376703a9aaf7c2ea6614cf355b2', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '64ecfbf72004643670c94e10e3c528c453424781', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'a86b487196b80ef598a870a65b173668bfb7f28a', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'a0fff5af7f1b97d9d9755f05a2db3417b726d35b', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '07990782c33bbf197e5b5faa2b09d70ad9234ec7', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '6e64833a85ff33f6cd0c8620853a517d20bbda06', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '4f404613876a98b0b81c11bcdb57cccc3ebf8038', 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: '429f15000646c8b490ba930339777f791c378103', name: "filefooter" }), hAsync("slot", { key: '79f6b863efa949079852852740edbdd2be2e3516', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'fc7852edd78f5190203dba3158962366c53a94b7', margin: "none", size: "small" }, hAsync("div", { key: '4d36f87e3da881b5c85f22afca0ebd4dfdca0711', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'b283ac9a11d4108a7a84ab265082ccff8b00e323', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '8bf6f2b2b848a4a7def1a674cb2f156833dd540c' }, hAsync("duet-spacer", { key: 'b2e12ee9f57ffe8189bc06a68ea2c09359b6f9d3', size: "large" }), hAsync("duet-button", { key: '8243c35856bd3ca1871344a5eeaf63384d820ca4', 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: '30cbbe58d5267a103f6aecf7dad5481c878d7662' }, hAsync("duet-spacer", { key: 'a18c694807a23f24ffaa895874546efb8864602d', size: "medium" }), hAsync("duet-alert", { key: 'db0280069c76343b698ee84899d829c257558f7a', 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: '5f2458287c90d4c906fe6366bf9fa42a844cf8f9', "aria-hidden": "true" }, hAsync("input", { key: '6d5180b885ae0c13c8c06118084bb49d0df0c989', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '1ec4342f7ccf20e0d5022a9d84cc64e16372b401' }, hAsync("duet-spacer", { key: 'b1ad3b5c6571bcb737f8ff057e51c8f7bd700458', size: "medium" }), hAsync("duet-alert", { key: '4060aacd761dddcd9e06c3c7df95c6a3306fc9f8', 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: 'cb2f66cf8b9b95e160022b5df3c36cb82f892e09', "aria-hidden": "true" }, hAsync("input", { key: 'e07b880670a5bb91660e1ae562dff6d5c2036a1f', 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,
@@ -22596,7 +24680,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7b5e6d3888abbca979dccf420da50c973535d2be', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '2f06a21af0424f71414b6046ffd74fac66a8e6fb' }, this.statusMessage)));
+        return (hAsync(Host, { key: '9ef075b90505bbba4b77395f4be84f896519b61a', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '57a5279dd6e2db63beb2d5d7912b29dce1ba547d' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -22663,7 +24747,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: 'fa488300deb51d9bc5eb5bbe2ad484047f82eaee' }, hAsync("duet-visually-hidden", { key: 'b6eaeee61a64ae8c9e872c909f73e1cb3d8b4ac4', "aria-hidden": "true" }, hAsync("input", { key: 'f5107c8dd70020263f0d4f06b4c5b1ff1d4c9936', ref: input => {
+        return (hAsync(Host, { key: '4990de1bf699e3f0daea24f507a9b9e252b11d9a' }, hAsync("duet-visually-hidden", { key: '0a226f6f53a8da89230e81df8be61a2413c44af1', "aria-hidden": "true" }, hAsync("input", { key: 'a8a8e3bfc73847a74ea8dc8dff0da0c16d510e15', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -22775,9 +24859,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: '332e1526223fb2285774ed2e29c674dea838e232', class: {
+        return (hAsync("div", { key: 'e20eaab3688b577cbdc151f9e890e6ccb55e7795', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: '9a5a6e61b953db803287fb2bd812766400efcbdf', class: "item-categories" }, hAsync("duet-heading", { key: '47b709c68b4c4e864cde019e6b227097f24d26e3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '224e07d455a755301b4b2f6e1fe6adbac0e0ffec', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '1554e6a65644e37e8ab61e855184ae423667dcd6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '8611f87c39502a4931ca2e7526ae45f119eb48fa', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: '136689969c8164e4a5e15015ded3533e24959c8e', class: "item-categories" }, hAsync("duet-heading", { key: '02bb08e5a87bae34896dc2d21d90fce955044231', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: 'd93fae942698b2638a46ff9a3249884555472a37', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '244da72bd3771fcf6ee4481f3143c051bf272bc2', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '730db1e85ef0ba3f9f9d4d67f38270e38d6d7195', 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) }));
         }))));
     }
@@ -22818,7 +24902,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '07a0c619ae83ddb2963351585eda20ca0007b2fc', class: "duet-visually-hidden" }, hAsync("slot", { key: '916e0207629fc62f5dee03454e83e2825db3191c' })));
+        return (hAsync(Host, { key: '4e73b8e8e3d246d4e425a653526f8e3847675c05', class: "duet-visually-hidden" }, hAsync("slot", { key: '43ab02712801040eeaa472a683c20629d6f4e865' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }
@@ -22887,6 +24971,7 @@ registerComponents([
   DuetPageHeading,
   DuetPagination,
   DuetParagraph,
+  DuetPhoneInput,
   DuetPopupMenu,
   DuetPopupMenuItem,
   DuetProgress,