@duetds/components 9.4.2 → 9.5.1

package/hydrate/index.js

@@ -3989,12 +3989,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: '476d97ea43489404fd6d0a849a6ee02f83502fd9', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '28e5db061b847ada8068335166ff8ff1d86f24d1', class: {
+        return (hAsync(Host, { key: 'cb78bbf707726afa6370adc12ad150bf355b6859', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '84a4bcb3eae5bad6cbb54c1196ecd7c601910b04', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '0c934f9b98dcc493a7bf27588c22eb3f37795927' }))));
+            } }, hAsync("slot", { key: '47192a702299c359b51b2b904363fc8a90fc50a5' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4184,14 +4184,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '86f359b6ae37d52eefe60d2524b28e90389853a3', role: "listitem" }, hAsync("div", { key: 'a7e38d3f15c6b459db45ee75194892c626dda720', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '271bc89989282bafdc1c02251786cc4ff9d29c94', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '27e40d9d4b5213650880dc8fd347708c8074ba7b', class: {
+        return (hAsync(Host, { key: '66c046e9fa4c9848802d8f5bb53973dd6293788a', role: "listitem" }, hAsync("div", { key: '72d4f561b30cb93750f95f213a0396f76cc7c0ef', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '2dc69145e210dc28f273b72a0f6c531b9ea418e2', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '507d426a12acfa7beb21650acbdc7a8d3a102fc4', 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: 'f7693293ba453f019340e643224ae2d4bc615892', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '9f5a4594c9c261eb89dad2e969993c776a71dcec', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: '7103eb6d7c67af60d40d4eb4c01df8cb60d8f122' })))));
+            hAsync("duet-icon", { key: 'ca3474e64ab9fe1ba33f6e3e825bd2b6df38daad', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'cafb6bccd2f8aa1d5489d65ebeee6c50db0686f0', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '617a7e9bfce95a1f995c68fd2933dce4aad34973' })))));
     }
     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: 'c415b13be8e9488af4ea05f6cb7683f800e784d2' }, hAsync("nav", { key: 'cdc999fc5feb95f3e86817c96e27310878069077', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: 'af63aa4363af2f3a95ce42be51b7859174bd5749' }, hAsync("nav", { key: 'e94de5af502b5fe998b4a103485cbb71d3fd26c6', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: '3deb22c5304308a401f0d0bd813b2db2b52a9e82', class: "container" }, hAsync("div", { key: '5cd6fb7973bd6bdaee4608400ba37fb772ee87a3', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'c1a43f4a9067038018295d862a76158551bfaaee' })), hAsync("div", { key: 'aabc2c2960849710bf8629f1581a2b8f36603277', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '773551300797191fabd148e89c25847a02805bd0', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: 'd53aaf0bf7724611dc6e84bb661a37519f49d508', class: "container" }, hAsync("div", { key: '9ac4ef431a68e3381a9a53d80f74f6fc5c59a55e', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '5c1e5f3c268febb8dd758afb21e0b1f24de6a0ed' })), hAsync("div", { key: '72a790a58a1c75e5e3910604f32e9f257fb10d22', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '09bff8a4f622a575aa22a76a9442cd11a97bc819', 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: '6c2f849981a4d7c83b0980a79e44db7a51d71cc2' }, hAsync("div", { key: 'c3a6f40936c21dbe492f9790c71698f492c82092', class: {
+        return (hAsync(Host, { key: '2c0e0547229b6ad6a7cdc410305fd4410b3e23c5' }, hAsync("div", { key: 'e1ed12bbba8544b1dd2f80aef8d290f01b087a42', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: 'c4dadc943944d9b2501f84c59101d7c8bfa780ba', class: "container" }, hAsync("duet-icon", { key: '328934a3141ec35008240e6e2ca58c2c3d3cf291', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: 'a12401bf972a3a0eb0817b51286a0448ec4fbdd6' }, hAsync("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'c7ecac8d10789ad47a17e795267d8eb584c119f3', class: "author" }, hAsync("span", { key: '169f299b6b65721127a409a51292761b14aa7b78' }, "\u2014 "), hAsync("slot", { key: '38fa9b0ebd195d75dec72b2bbdd5e239dc099f53', name: "author" })))))));
+            } }, hAsync("figure", { key: '1c13c1e60d0eacf6130836b22e40820cd0bcc996', class: "container" }, hAsync("duet-icon", { key: 'd510e6802cb67270d02ad5261719f3fb6c34ab68', 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: '035294078491273c88249b1577a037f28c24ca30' }, hAsync("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'ad0b1b81c5dc8cc30136ec2779fb66c428d624ef', class: "author" }, hAsync("span", { key: '4e2c5eb565f7e54f07900a691e2c01c73df22858' }, "\u2014 "), hAsync("slot", { key: '00fcc97851122cdc95659800a0da4c35ffbfa7c1', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4980,11 +4980,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: 'ca4d8a12c903e5b3b1880b8e537028a5120a3481', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'b3bc47aa4bb81f22fa18fa2ed11bd416790f5d74', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '0fd6069ae4f1425ca9c90aaf514e2a9c75e3c62f', class: {
+        return (hAsync(Host, { key: '55c7be96c4af72eca86ca4ac162d8a6437847188', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '63a3a765c707f7167a9ceb051aca670919d11b95', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'a6c403cbd2f31cb9accc560cc8e50c318ec0720b', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: '3002be9f9a97b5382377d9888e821ff15d1eb062', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: '33bbad5a921fc12b1c1cee9214d15b980c02548e', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5308,7 +5308,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: 'f37063c1c2ecee6f4eb47f74012694c6eb944941', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '3460b9ab3ca900f021fe6dc6af90ac8427f6c7e5', class: classes }, hAsync("button", Object.assign({ key: '8fa57c1746f083618d4d4709fa685dbc70dcded5', 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: 'fd48b92328f4fdeba76a6523a5aa86b45ad740ed', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '875f64c17c2c540e4c774053a994402957754308', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '4e0c29ccf168b3e0f8564003c094326ff0695412' })))), this.variation === "input" && (hAsync("span", { key: '9f69917e7cc2f33bcf0842342b653a0302e7b188', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '98d020d64882839dad553eaeadd4e39587d6b276', 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: '375c4df2c400928cec38ed160526aa7e8f483c52', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'e8382d2439f56f61a7219ccc2cbfe5e3b1b16975', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f7c17cc36818a5e1621421c39e3ea38692cd1e21' })), hAsync("button", { key: '25a649ba24d9279330a2a1d243be81d617f2fe69', 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: 'be4f0062c4b924c65101accaa0d156d7c7d3954c', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'b53a71340c36da0290474301a5ab236b675ee881', class: classes }, hAsync("input", Object.assign({ key: '52a7b2d41f97077b0412a67cd01b9d027f8035aa', "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: '30820154c15957181130801c462f1674343e0673', htmlFor: identifier }, this.icon && (hAsync("span", { key: '7c75e8be6a1bb29e24646d7531caa8e251535804', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'cfb4ce296a83a8073d2853f1a2555665434dcc06', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '2a6ea0ea51ce7cda8933e3a74e3c001eeced1d37', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '9aa3af935055abe7847a80fd3569275522b6ef7f' }), this.popupElement && (hAsync("span", { key: '1483c767339e447362361ee3691e660a22277cf2', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'ba8293f1b0f0d1b97e12aacc9d53c9bfd5cfc751', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '55bd9c33a98e6c03542abc48c300159a1e97ed16', class: classes }, hAsync("slot", { key: '45a049c652e9895d7a36d6131c6aeaa98edcd572', name: "input" }), hAsync("label", { key: '793c24a45d8cbfab53d1fac9967849cc86a06a94', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'bd54aa850144b45c57c6a9c0f75c7f6729417850', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '2bdfed396d600a5f0da3eccc3de6cbabd41460d4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'ac3722012743cbe2aa4f612f75cd10c97a0f7d9d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'bf9d8af5da2754882e7fbe69f193d9b494dfa429' }))))));
+        return (hAsync(Host, { key: 'b1df7c5770002dd9425d26bf8fa17d3721f601d2', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: 'faa1626d1b3317a950205d14d078fbe0237d7415', class: classes }, hAsync("button", Object.assign({ key: '10cc3c7ffd551371d87683ed1f77ac4e8f26a054', 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: '09730f09588f700c71c44b5a553e2d9f8697ba23', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '5c24873e683e50fe2638d484259298cda0e787e3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '4b3637344329df9466503eac30a67d349fa182df' })))), this.variation === "input" && (hAsync("span", { key: '110a424cd1b0c929a93150e286aece0d225570c5', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '42b26053fda75b29e3c7cdfa659547142478635a', 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: '6363c8549b51dd39b76e8f72f57c23450b963923', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '7431ce93955a8cebc8d2f38cee1e7e36ceaee7cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'd26a8c7e52b1c4c7f52f82943e8fb678a9350fc2' })), hAsync("button", { key: '1cca88cfde7c8dba8f455140f17ee2aade08cde5', 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: '9a68ecb75fb3a364875dfd4d641f47c800d0582a', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'c3d47adc6647a5d70ffc49887a300faf937759c4', class: classes }, hAsync("input", Object.assign({ key: 'c557b5098446b6e3cf9b44e6d55b1adb09a5be24', "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: '9dac1a2fca9e959933fda89eef2dd17434e71361', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'ae307754bbdd4907a829e31ee25082463b4f216b', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'cba0d0deff98f3900974e1aa583927ae7747102c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'be2dda983e43069160117f83d20ada5d003e19f8', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '8efc83f4fa6c1960862f001737cc0a382f2e64e1' }), this.popupElement && (hAsync("span", { key: '11d2f0c6552c34208db15624bdcbaa4fb2f4806b', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'fb05d3357ecb174ca39e77473ade54c7a771b5cc', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'b9788ff66787c6ad9f01e0430087cdaf8aaa7419', class: classes }, hAsync("slot", { key: '52e3600944848b6a7fe4bd9b1afb5bb2dfe57909', name: "input" }), hAsync("label", { key: '2f68754b97f21f763ffd59ae5081f661f831ee3a', htmlFor: identifier }, this.icon && (hAsync("span", { key: '45bac9d17f7fd94c8214438175f1980d9f61bf8a', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'f0512358b9ff4ca4f70cf0af9d6b8a4e2c5997b1', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'ccfc7316e3e366ba20a315bac570fd30f68b1bc0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '0d715c904b0a004fa16467801c598b6b485aea70' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6678,7 +6678,7 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'b6781c86d34d4f4b9560b111474a413c954818d2', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '1b59bc43bad54d7ba36951b5fc5cb27c8d197498' }, hAsync("button", { key: '073aa9d20b4f508e991443273c16f43b15577183', class: {
+        return (hAsync(Host, { key: 'b9c815342f0c4635b2bf03cb210c7e71e90b54d8', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '6fb34dc0d618314f3545feae349af2b90669dc38' }, hAsync("button", { key: '2c60976671c564a2ba4c2bae7c25a81d46dd089e', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -6686,7 +6686,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: 'b584a9f03de635516bab995166943fbe55139177', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: 'ebd0e8c2d793c6eaf9afcfeefde3822025b0f591', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'cb40e56e922d146a4c799d307a36bcb5de2bf909', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '29f73be47a8506407f8e151b103c0d953a175448', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '26c25d0365c8243c7ea36101f6e49743346363bb', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'f1a9005c38fd4310d76dfeea3f50a695bb732195', name: "after-heading" })))), this.caption && (hAsync("div", { key: '7d8785de6f4478030bc6422749201f23f3625e3f', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '2f930fc5ca5fb0169c5b16f181ce5b7267ebc4ca', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: 'fb0d95a53dfa760ec0aa59d2b7e8eab8d9fe5313', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '8df7d36426b0c3390fba071740ca60ddc2ee4931' }))));
+            }, 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: '3b733940731cc46545abc6866c089123cc96ea45', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: '4696b9066a27b1ad9786408f13242f4dbca76136', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'af4bef7f00f2755cdd2edb7c0834fbc8b39b928e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'dae6f5b4438375679e96b8af64596caaeb74dd9f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '6337a53605fe5692e29ff904314fe66028d4adf5', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'fda139a14f821a8b76a567d8eae0e0274bbf5c9f', name: "after-heading" })))), this.caption && (hAsync("div", { key: '46a5a2fab4fd02fa234d593a376b4dd4bce3551b', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: '802fa725384a8566be0264ca8d6d59ff02cd76bc', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: '53cf9e6295a32dbb6aba736c9b8fdfa0239363b1', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '6f5055ecdb2266dfc97f419482bffa151a766317' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -7305,10 +7305,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: '4e145f7fe0409bb47b6ea71c0cf970e436b7a520', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'da28555843c0a763d34c7ddef8727090e373da67', class: {
+        return (hAsync(Host, { key: '7d4179d7cb8c4bb59a1c22c671fbe0e48c76d12f', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '746d78591b5235b00d84d082b96f97d7f3d8ac82', 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: 'e161cae8447cf17c85499d5b8ac46d7eda58172c' }, this.name && (hAsync("duet-heading", { key: '454c6abe2d28decaa07122742bee22e711c3f81b', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '4dfc4f572e57af544c10b32c66e9afb93eac8080', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '96f61bbb0c884d374d10e94bf4aefb0b63adafb0', class: "email" }, hAsync("duet-icon", { key: '2f6608cc7d1e2a2b5da95109823d2e1bab216005', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'd4e80f8aee1fc9997b959e005935fdffafc6dfdb', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '374a1f36f5a62d9888b932000a52a10b63ac7cd4', class: "phone" }, hAsync("duet-icon", { key: '2d3c419e0d321f361a9993116fed27845238801f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '07d80aaadfd5963717d64d3733d0ae886c71bc6b', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '15123cac72ca836226d307ada922cf2f8544a1d3', class: "call-to-action" }, hAsync("duet-button", { key: 'a254a916c0f5916e8e39f76cae6724b73198d017', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '6c527c0e2c594d19b06fb842c4d8a0967b7f04b6' }), hAsync("slot", { key: '8291bc130ee09e6b1aa1e71bd15ccf6024c7d3c2' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: 'd92467c574bfe46519683002a9356384e7a91c24' }, this.name && (hAsync("duet-heading", { key: 'e0024d46a8ed78ba623164dc5ba462b243a12e8a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '569b3e131ac8ef6273ac70656c2d9faaf57079a5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '99a89137c9e10ef6fd3fb3975edfdf0e014c14b7', class: "email" }, hAsync("duet-icon", { key: '6d8d6e14a74c16381168f384cc785222b0e6a097', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '8dc230b8d3ccc086b61720fb7b6b6645095899a7', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'd796194cecf6deec03d02bab49a0268d553409e6', class: "phone" }, hAsync("duet-icon", { key: 'acffc1fe7f7f50a0e588f8fc3147f28a2fb4c0fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '9c1033570e39e0fc68bbe969b7ca2263f92b518c', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '567da157296dc01f1c5818e9fa9a24a95fd7540f', class: "call-to-action" }, hAsync("duet-button", { key: '39f6d00de0bceaec00d73e5eacaf2bbb610832b6', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '657e7d11d3602ee0009e38ef8dde5309566f6406' }), hAsync("slot", { key: '98a6810ad6c915b5825889f058fc9d3a63df040c' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7375,7 +7375,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b30b45dd5bc6022a8da609883e28a272bf823c6c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '457f367350cef4ec39f323925e64518b0b5a056f', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '681bb01d1031d8e7cdfac21539f49a9445a22fac', class: "duet-cookie-consent-content" }, hAsync("div", { key: '6bc301cad7c45d36c5d7846bf96abe989a185ef1', class: "expand" }, hAsync("slot", { key: '55da0877e4c6e55b827af651416e6eaeb908c550' })), hAsync("duet-spacer", { key: 'bf00aa77836feb5b8cacbc6c76712e6a3b4aa451', size: "large", direction: "horizontal" }), hAsync("div", { key: '86ed0f3ff48a2c916fa4174417677a6dfa737a0a' }, hAsync("duet-button", { key: '75003f25f1f75e9d40ff2143b4a53441be2ed54f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: '3ce0228a96f65cd1d7e52892ee19e8a1732a40ff', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '24c6d7c27151928edb749a3797f1a8cc5a67be96', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'ed1a82ad8ee72dd7c9a912453faa72ba4e27b3a8', class: "duet-cookie-consent-content" }, hAsync("div", { key: '0233b97bcee86c27e59549df832c91b7f8805eed', class: "expand" }, hAsync("slot", { key: '2b6a7a2356cc18e61e8aafa78d5f17ea01f85c25' })), hAsync("duet-spacer", { key: '4d2dbf87b38a00fee61be0e064fed9ff4958736f', size: "large", direction: "horizontal" }), hAsync("div", { key: '5d12618d329eebcf3d5cd3f9508dcbe2492466b7' }, hAsync("duet-button", { key: 'ea878954d3e7a1616c8c548fbaabe9828b3afa19', 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; }
@@ -8040,7 +8040,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '419938cb054cda71d1fa4d0de273ecce67debfa7', class: {
+        return (hAsync("div", { key: 'a8ffb4c7ae688f5132e92183c4f1505ae5137b44', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8277,11 +8277,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '227d54f00e9a51140efcb258a3b9aabd0403e53c' }, hAsync("div", { key: 'ec272041ba4a302da9529e32cd67fc782102a783', class: {
+        return (hAsync(Host, { key: '15bccd2c13aab1465840c9dcc4318b7a112edf7b' }, hAsync("div", { key: '5952a98691e9c06ae16439f6411ae635f61d3db4', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: '0a04c1df954274e9e5371101e9756eafacfc803c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: 'be984ad3dd5092ed1ae6207f72e383cd4398cdc4' }, hAsync("slot", { key: '440fab721d208b694cab78140c322242812e708f' })))));
+            } }, hAsync("duet-icon", { key: '7b46aa60033f7777c3e606baa4d548dfb46d4c9c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '0e58a4fea54cfd7cab1f5b611e5e076c03ffffe4' }, hAsync("slot", { key: '57378c8bb666cb31a04d0199c910ecf4b49b402f' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8337,20 +8337,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '157a9e3785dd0d5d73a7e5e2de69f367a89542a4', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '99df4bd364f76865e2faff62363fd808a48721e5', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: 'b168d38f9adb462f0f44e4e5d2f4696ca4d7bc10', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '7800fa169b7871195421414bf75c0d919d12bf9b', "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: '068d96c7fc93e8ce64c9e22dd1bcbfe160d34920', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'e7cdb11c3979b3cdeebd80b7dc856b97ad037207' }, this.label), this.caption && hAsync("span", { key: '80e0de6c351bc8450455812b961a08c43f0bdf92' }, this.caption)), hAsync("div", { key: 'db529ad1162564e990f7ccbb03fedf4735507c83', class: {
+            } }, hAsync("legend", { key: '5f1926deca424959efcff40befe8779d2077998f', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '19d831a69931e0b557efff7f2653b23a017c136a' }, this.label), this.caption && hAsync("span", { key: '03daf2a72c3a0bd7d8d52f428c2d26ed3d008bed' }, this.caption)), hAsync("div", { key: '790d7c7ac6f3141415cbe4cfe3a1e5196c354a32', 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: 'a0cc74b7472ca06a305a45924c8e39c945b05243', class: "duet-fieldset-label" }, hAsync("span", { key: '46f40ac902b5e8d166f6673f538b93d7b4126426', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '328d6c4b910ee12d2a3219f863fff82f9df10bb3', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '7ba9fbacf0b68889efe22cb4859b5bd1da3a2667', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '0e83f76e722791658c7c05ac99c9ba8affb52d95', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '81e9a395cd365be7ded540edd8eb68c83a9cc6a0' }), hAsync("span", { key: '007112c1b89077612e5478a1d71ecdbf62ad2b36', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f93d85eb2d47ac6261a6a3cf1367f22c09656f92' }, this.error)))));
+            } }, hAsync("div", { key: 'cde80fe36abae43beaea46abe5f9995f16c04c7c', class: "duet-fieldset-label" }, hAsync("span", { key: '9e67d598f47389ec90534d7899d399dc0558e24e', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '2d427290dc70d8d4f2ab05f03e283bf1cb9cd637', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '4ebecc5ab46bf1b48c6f3b981cfeb3c64de15393', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '9281fb9d06e5e5c359504ca84f1e5f4c4a2f136f', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'e3afdf3b06e81f9eb49ad8a16c5792a3fef7dc86' }), hAsync("span", { key: '97ada7026bc7d9d5c659be4eab71eaa416edab4f', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '35ecd3fbb5810c1e374ebe8d104a28ae475effa3' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8494,15 +8494,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '8fd345b0b7ccb794b603dc1fa9164ebf8c495060', class: {
+        return (hAsync("footer", { key: '0239c9d8d627418f97e0ae24abc1c9e2ca47c229', 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: '773caa00c8f629d512537cfab5771e918c78ba57', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '4541d65907daf88fe8fd3c740eabd4bd9ad82307', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '98d1156ad2f44e0d8ab3121ee3db513b82386703', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'ec729eff6008f31125a808b77a97155700a7b480', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '549ec0600b48e174d161cbdfe01544126440da66', class: "footer-top-logo" }, hAsync("duet-logo", { key: '840cb0600e17103f1501cb248b89dd819f7a661e', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '3327e1009bfc9721b5e2529dcc938cc8f4257854', class: "footer-top-right-container" }, hAsync("slot", { key: 'a00901969c97143af27151402579f4ca5c12a84e', name: "info" }), hAsync("div", { key: 'e2e6e62fd027d2b77460546d9ab74f69a9f258bb', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '0d5208bde7c1870767a3946cc9b9611585469908', class: "footer-top-logo" }, hAsync("duet-logo", { key: 'e6f83fe8968570abb566d1ed1f7aa9fc2930441e', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: 'c5c60cb251a4b78d0f5b86820abb813ee2db1f23', class: "footer-top-right-container" }, hAsync("slot", { key: '68ca65194609d5ead28262311b69a4a377f29c5d', name: "info" }), hAsync("div", { key: 'adc5b5c6f8d8fc6127acb6ba6d8a64459621cef5', 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:"))
@@ -8512,7 +8512,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: '288da5793cca9b97494edad50ec731ebdb8cd008', name: "extra" }), hAsync("p", { key: 'd6e5f190770d85f7f23997fb3010940568a11da9', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'd03cd42008101259ae77c5dfadad2fc719c3bc6f', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'abf31941139f2bfcaa290710ce02a3151815d6f5', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '45e583b238584d4f699cf8d80d7e8c77d4204eea' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '673765574f21e139f2e25c722cf7e3f38fd7b2d3', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: '92391739f41ed1b88eb34ebd22bbdd1a6b94a5e3', name: "extra" }), hAsync("p", { key: '692485bfd3c550e5abd173b358cf7ec18ec49a3e', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '074f786140a2219127a987881cbce05045c150b8', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '95e7b17c83d7994ec0ae75e710a39900f1f7dfad', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '78e702876e88b1f4b0e2edcf09e06154f601824b' }, 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: '716654a0bdebdb4b395c0cd1dafbfcbea17d69eb', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9626,6 +9626,7 @@ class DuetHeading {
         this.theme = "";
         this.hyphenate = false;
         this.fixedSize = false;
+        this.accessibleLabel = undefined;
     }
     /**
      * Component lifecycle events.
@@ -9640,7 +9641,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: '9a91dd0a097a00c6412b6b759df13aaa814430e8', class: {
+        return (hAsync(TagName, { key: 'fc35d12a14663418e76f8e17d41efd7fa1990638', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -9651,7 +9652,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: '01f466dbadd345dac83e12dea63809ad46a70f2b' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: 'a6f73f221a78d15399456b9d861906f806725228' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -9667,7 +9668,8 @@ class DuetHeading {
             "color": [1],
             "theme": [1025],
             "hyphenate": [4],
-            "fixedSize": [4, "fixed-size"]
+            "fixedSize": [4, "fixed-size"],
+            "accessibleLabel": [1, "accessible-label"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -9831,7 +9833,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: 'c35513eb060ccad4d0be7152579a8c1ef1843ce7', role: "region", class: {
+        return (hAsync("div", { key: '7fc47bf02cf2ba5cc2f33ff49bcf333743275049', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -9849,17 +9851,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: '27e85adc78bb62294cbb7d9dc59a8444bee27e5e', class: "background-area" }, hAsync("div", { key: '181d77ba32e718bf11e087391ebec1de91a0f436', class: "background-container" }, hAsync("div", { key: '4a83099c17f49e81652b150776eb96cf030f13ca', class: "background" }, hAsync("img", { key: '6a7248c64c31e24f90145362bb9f846c91bf8375', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'b4eb38ad6851945f2d29b24329ba465a0c0563a2', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'cc3cb69b3e1f33c09eb1017af5c2d373f03b68ec', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'd6965e50c72e29e3503d5308a0ff7fa8770607c2', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '2a124e12ce9cce7f1d581c787f5006ce7403dfd4', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '2bd79bb7fadcca8400f1133e05d4b4193eadcf9d', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '39e6fb6705c3799d1b09b5ad2ea0f637926cfa19', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '3177707b2a5c89884edf3ab2bb2951f56871532b', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'e1059a46a707b5f23a2963bf1006d80f348ac57a', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'f049418b2d2d39e7d69181d3780a8683002ed844', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '429e6ca56f295e1a3e04209a473a8c7ca07ca127', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'a324ce3be8d51d6848bf82609a8443b637f7c7e9', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '20ced3a9311746eb034ba4efba7cdb0176157dd1', class: "background-area" }, hAsync("div", { key: 'a6d3a68bb41519b1924f59fd4ad03159af93a582', class: "background" }, hAsync("div", { key: '6f96b2049aec609732afe98450ec5f3e7022e9b1', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '72e6e5d2e797abaf09dd722327fb5bdba7715b44', class: "brand-shape" }), hAsync("div", { key: '21a64cef40034dd82aea23a2480fc7a5ef223f55', class: "brand-shaped-image" }, hAsync("div", { key: '7c3e55707f87964db8ea0917b74d253c9d695abc', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '895025e62003249bc64ea166629961963d81e88a', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '0e72a22d7b52754a6ce5f31a4add3f6704079b5b', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '28eaa864dab07e83921548498cfd9290fedacc34', class: "duet-hero-image-mask" }, hAsync("div", { key: 'f7205d85c99bf061e83559976c132ac0a079591a', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '12b774da3703ea05be8f8d53476af5704d0fe2c4', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: 'd1421d7dc9f15977eba7c662979bb871d495a98f', class: "duet-hero-back" }, hAsync("duet-button", { key: 'e24850de6b220e820248e612bb64fbc94c4fdc99', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '027155027be1fed9a7d604115d6cbf17d469784f', class: "background-area" }, hAsync("div", { key: '50da22f0391f62fa7908ca1dde5f0d3811051e3c', class: "background-container" }, hAsync("div", { key: 'f8d0e012065ad50a71b83b58d2803e72e362220b', class: "background" }, hAsync("img", { key: '0ce16bfa321211483792484b28452eeb01f10ab0', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'b3ed40e5ee0d1c2eff55c802cea26926c5b5c4a4', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'a8f5380a004ccd14380113b51fbdae26aa48954b', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '6730e1f397006ff742abbaa6427967dba8fa84df', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '7634d6dcebde7cae44467a54f7a8694f113ad2c0', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'e76b7db5ea6705834dc2227b5f61c55f035e2541', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '1fe3f40e033535c4aea637a04a707044d1ca4725', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'b6530997d59934dbe48d900439bd90446663d33e', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '7a5a3487ca172144d6640aeb6d84479daeaf5adb', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '29fe4aaa5e5d9657cfb16a19ed6c31984db541e0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'eb0c71c578dc20f7969e35cf6ee01fbc171b858b', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'c82c2c9ada8ffb8b59e4709267d3ac23640e1d10', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'a0bccb8efc399c63a4e86f1e1937d1ea2f71464f', class: "background-area" }, hAsync("div", { key: '94fbd4c735f15af824e3297ad7de803b2061cec3', class: "background" }, hAsync("div", { key: 'ac7124cbfa8990d2beb003d0bd715b5b80df52cc', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'b72cdbdbd41cc07a87787a2dfab5a9dd706044b5', class: "brand-shape" }), hAsync("div", { key: 'e366068120a1dd8666b60470e6a75937a0cbdf0c', class: "brand-shaped-image" }, hAsync("div", { key: '6ed547b25f4df9f78e29d89781c072c3106d121e', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '29b9be6046fbe1aa14c3dcf11f45fb5ee82f123e', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '9a910213a30875c026f8a8250f4c750c5084684b', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '005129885fa908c00635dbe6db3f50ead8e424f6', class: "duet-hero-image-mask" }, hAsync("div", { key: 'a231ebb9a646dff22ff2ffb8edf412c137bfa0d4', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '401ab6dac2cc004f7c8384640b8ce333dd02b32b', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '4d9a74443e2d7d58a8e2c5fbf5fa76913c32a1fd', class: "duet-hero-back" }, hAsync("duet-button", { key: '229f71142d441bf3e49b7ab650c46e923fdc4b31', 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: 'b077407e1c34a48740ce354c5481dac73b654e3d', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '631a6b29fe9919cf69720cb81573e801dd36d99b', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '92b822dc6914886aab5ae1b0528fc285695c0be2', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '3216721c8773b44c4f3d8635fe5eea31ba9489a7', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '75e19684ffefb463170efcc7067969e952099230', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '9b7567102fe9d70e1bc20806cd1a953c2330e731', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'da172940a007cfa192370d8c268bcbf88e0950d6', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'bcd14cbbda4449532fd26b2233706371d362558d', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: 'e79783580f4c322fb7d0ba7851d25e15f785f5dc', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '8c03af3ace34f2f0b1138e9a32f7ce01515fbd36', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '2fd60c758679df458ef2feed22817bf1e932446f' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'ee562f5589037be7d2de3491c62de4795cd00d66', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '394173c6a3790c12f933749c5d3d431c03c66a93', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '7aca29154e6e696454b23e350ba837cb3306e9b0', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'e69d457cde95f1e299f5c5a4950772e84a55da81', 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: '89fee6188b91405f4f830ac18601540ace504694', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '50e1711f9a80fe95d2224f574b92bde5abc04c7e', 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: 'ccb9034eaf3121b01230e4957fdcf5c2a7cf03db', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '46912375d84115a602ed2e6cd9da2a1a51d0553d', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '95d009ad1bf8553becef11b3b8894b665dae0af3', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '61f9a7eb5006ab577c6fb3bead189355afeae32e', 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: '8fbba708dc8ff9e6094a61334b9ca7705e8decd3', 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: '57645d2a7a0950cf03aef608dfaf4a67bfbebbdc' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '6712f9bd53ce7a5454751d84880f2127dafe9cfd', 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: 'a1d05e33342d55d19db68851c3bd6109aff70182', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '04f905e4192d1b6542d830398f024b04ed0fe521', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: '0b01b76687b810f020251e813c5cd9cfe7cc1d0e', class: "duet-hero-image", style: styles }), hAsync("slot", { key: 'a61e7ebcbb366aaa17f9dc427ddb4b072cb03c41', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9985,11 +9987,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: '2c8d063e4f6194f02c63a231c7905ce4477ebefe', class: {
+        return (hAsync(Host, { key: '776dcedf38f8369f2a3dd22910b86c80c25155a8', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '9d9b159d2531f6269a434a617d95533d65a33fff', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: 'e08e1f123f360833978105629283f56a3d55ee15', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -9998,7 +10000,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: 'ca9fce62fea6508b49944defe645c230de66b14f', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, hAsync("span", { key: '5e1d19fc1682d3d428dd2f49a867e120ff9ad45c', "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 {
@@ -10081,7 +10083,7 @@ function cleanValue(input, regex) {
     return newValue;
 }
 
-const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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.sc-duet-input{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.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input: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.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-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.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-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.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{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.sc-duet-input .duet-input[disabled].sc-duet-input{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.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-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.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-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(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{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.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{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.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-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.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}";
+const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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.sc-duet-input{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.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input: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.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-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.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-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.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{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.sc-duet-input .duet-input[disabled].sc-duet-input{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.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-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.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-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(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input,.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input{border-radius:4px}.duet-input-variation-button-left.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-button-left.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-button-left.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-button-left.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-button-left.sc-duet-input .duet-input.sc-duet-input:hover:not(.disabled){box-shadow:none !important}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-button-left.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{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.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{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.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-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.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}";
 var DuetInputStyle0 = duetInputCss;
 
 /**
@@ -10647,24 +10649,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '77e2f191178d05f54711416debb0c7f64780a0fd', class: {
+        return (hAsync(Host, { key: '80c12f757fb1c4bf5445c7617d1892dd1aa8eb0d', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '905dcf1de42b34427d89e098f157126507d12aa5', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'aff4d94915e6db5fec05f1591702ddf5d32309b8', class: {
+            } }, hAsync("div", { key: '81afc5eb022aacc3bf55f0d7ba58002290a3a2dd', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '2d48af138c05b1bfbf816ba62afe9fd409d9f74b', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: 'e9a78a2f90f64572d0f9eb0095696f7292231b90', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '5c8632796fc97f96a9db17cb193730d394d63bc6', name: "top" })))), hAsync("div", { key: '7e0243ab692a0f95ae46a7f41afaac27ab6f8c2f', class: {
+            } }, hAsync("div", { key: '857faa5737328c10aa87c41fbc8f6076877d9ba1', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '75876d2b39ff260c65420eddba4194a661bf0c4a', name: "top" })))), hAsync("div", { key: 'a9d25df347b7e011438c99ccc489d3b410610624', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: 'e0eb98840d79da68f19c18dfb6b0b738c50a8563', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'a8dc3953ae2de7c4d6cdfb7b732a0a2f6ff59ba8', name: "page-heading" }), hAsync("slot", { key: '9dc9657dba0718b7553aa79d2ba525fdfeb14279', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '2ca95869b0244da856be5a537d4781fcba395eda', class: "duet-sidebar" }, hAsync("div", { key: '63c6ea53fff4a0f22940410c70619ce468179c20', class: {
+            } }, hAsync("main", { key: '936f850f1165c8b853fce05c0a7ddd893d7a3e33', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '2aef8f0058038a3a55c89c240726d7766a4783a3', name: "page-heading" }), hAsync("slot", { key: '6f04a6b39bcf239c2e7d09049e8949247b80361d', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '2dbb3af225bedfa47296eb2cd946fcb20ca9fe94', class: "duet-sidebar" }, hAsync("div", { key: '7ee757a5e3ecc82c89559ff426ae848366ec683e', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '7329e6f47779d50e1ce873a0bb93e67b3a5cdcfb', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: '4f566a10f4c4e366deb04c43de70358f6df09ec4', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -10806,10 +10808,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '70bc31e1d10efda3453e16b689e38d3a4834a4bc', class: {
+        return (hAsync(Host, { key: 'f3e90c99efca22219ff8ebd0a2c5bced2b833798', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '1989da3829486cf23e4a50a7e36d93156f816404', href: this.url, class: {
+            } }, hAsync(Tag, { key: '736b53ab41312fd62f6701294d8228f4cc2a54be', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10931,7 +10933,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: 'fb75b5a512a993e8478f5c82e38b8b82a5e199cc', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: 'b8c6ed37ea89e194ef5a2f9fb603b60cd204ff69' })));
+        return (hAsync("dl", { key: '7db97f4b853a8c566565c13d19c6699cb61aa0f1', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '9def9a838232a96dc345c2fdaa72ad1bf0cf773c' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10981,14 +10983,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '22e6cfe329bfdf6f2f1c374bbf9bf9ab79241c52', class: {
+        return (hAsync(Host, { key: '7d5edc9fc5a6204321bde53375110cb79bf4cc5a', 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: 'ac210602fa781f3a400b0268c29612b3feda2882' }, hAsync("slot", { key: '3e79d41cc7272db352845896debfd271df16fb70', name: "label" })), hAsync("dd", { key: '441336e69ff97fb2b7b94e19ce909b7936bc9519' }, hAsync("slot", { key: '884a75fd16b595aaf8ca7aeaec1d345e2760e4b4', name: "value" }))));
+            } }, hAsync("dt", { key: '98639d5240ed7adaba681680719ae58994ec15f5' }, hAsync("slot", { key: 'd8f9358d2665d96c121786911152df7352b6fc46', name: "label" })), hAsync("dd", { key: '5edaa517ab825259c299f647e1f7023ec7cd5fa7' }, hAsync("slot", { key: '0c0693a642e6bbd8e075f804a4b93067ebc77699', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11081,7 +11083,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: 'cf1b972f91235031706d26f97708213a8f7a2f8e', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'a88838e36a8db0445b441e1e5a18239e70f91672', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: 'cd8e66cfc274e3f41172ef96b07880d49099714b', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '4440c702c9c89c8ff2f94146c02849f04f5e055f', 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",
@@ -11260,14 +11262,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: 'f0983936612609fc2eb5721734a11d4618360b8b' }, hAsync("nav", { key: '4a139907bbd7f3112c033121a2ce4362ba9d1188', class: {
+        return (hAsync(Host, { key: 'ee439062a14ee406cfc5b0fdb05dfc3927198da2' }, hAsync("nav", { key: '1d8487413b9de5b95a8cad1494b96834fc3b9439', 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: '72a48c9a4298ea62c6e14bbead3fef3c829dbe3a', class: "top" }), hAsync("div", { key: '2a140a16fd5dd3724b6c53c3d13bbf4e4eac9b2d', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '755606dfd3f93aa8971497b5faba2e8be2f67d8b' }, hAsync("duet-logo", { key: 'a6ea5582749cdebfe07c9dbd4a119c5397a57303', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '6b788322e94a6726a42bc19fc96111fa99f17408', class: "list center", role: "list" }, hAsync("div", { key: 'f4fc7bf613930378d1c8b84968172dd5b44ae53e', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'b79f7d3d752f470fc1fc87f4003d83154b2358c0', name: "center" }), hAsync("div", { key: '01255600e64d3264bf78760ce1049064c51e0061', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '99b7c6a681d0431553a70b3a4850c76c6f76b0cf', class: "list right", role: "list" }, hAsync("slot", { key: '5a99bf4c8ff6fea38e35ef57ace64cbc56912485', name: "right" }))), hAsync("div", { key: 'f2d6d6177bee8c76572eba30f79901df2be090bd', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '92fa80908ef91d5dcbd7c518888a86227c988ed5', class: "top" }), hAsync("div", { key: '1d61baaac5a06d5e1c86ff4c64c64d16b6995835', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'f5808648cf441b41c69e97dc72a2d85cfcc87f81' }, hAsync("duet-logo", { key: 'b2ee61312ef7dfa668b8c64fd87eab1eb081a659', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '389e88f80128e89de575d710812390c0b42ba3d7', class: "list center", role: "list" }, hAsync("div", { key: 'b7123d700a4f96083cb622dc19e84a983c869f67', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '0e39ad37d162ab9f0d795ad4ede239989c417e7e', name: "center" }), hAsync("div", { key: '253ae76acd48430689379946af5d6c30aaf4ef0f', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '011f05e4df0d48081cafc0e841163bb2166aab57', class: "list right", role: "list" }, hAsync("slot", { key: 'da96523ef89bb59d8cafade8d0723ad5f3878bdb', name: "right" }))), hAsync("div", { key: 'b8b76c092068de82e8a63cc67f4a0619792ae8a6', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11334,10 +11336,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '004d0d4f86fba40f9fad10254bbd9a67fde481b3', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '93260868022fcff94e5594b0982729e449aaaf0d', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: 'deca902effde36707ce8fd06bca1be05ec07c853', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'd33ec2494d4135a5d22933a608fb75944d894e3a', 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: '09c43d7c0dc7ee3887710f7fc88a0b290160dd7d', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'b4a30a15fa55995016084db6437987aeec8ff925' }))));
+            }, "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: '66ac3933b5491a0edda4392c8a898c1184bec10f', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '698f4da1db4de218fa735a1cbae29063cc053f6d' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11420,17 +11422,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b66d07696fb73e08c25ee747d2580d086a1f6034', role: "listitem" }, hAsync("div", { key: 'a76407d0613c128ca1c106ab93e5559923b86c60', class: {
+        return (hAsync(Host, { key: 'f93af979aeb4ce2f2746f4479fd2668900e29da9', role: "listitem" }, hAsync("div", { key: 'ffa66596cc69f73b1cb21f7402ba52eceb963446', 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: '2821837c6d54d1312e3a9722a426b76d94973aa9', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: 'fb65ccba695bcb5e2c6138759637a6fd653a76ca', 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: 'a9e0ee9ccdd4e2e93db53969c5af2e38e3cd40fa', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '65580cab4fb839ee4b520f56e4a048d6d0bae122', class: "label" }, hAsync("slot", { key: 'c62365b60d57413f850d9f1abed85bc109285145', name: "label" }), hAsync("duet-icon", { key: 'be8eea0170768c101754a5bb6244280ed0c431e0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'be1513d3702db6f94611e3108415b37f0707ab9a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'beab72ea1ff2650a414dda52bda8016103337f56', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'bea074a390a7e840e190e62ea85bd8b69a9927c5', class: "label" }, hAsync("slot", { key: '5493f0001e4996f672def1499658526ee20be333', name: "label" }), hAsync("duet-icon", { key: '5c49206c05fe11b0be8da38d34ee0dc010c3a846', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '8f83fc0d22ef0006bcc92458ff3878408c02a603', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '2bebbcac98c6087f9e03ac9a40a897ecf5d778e6' })))));
+            } }, hAsync("slot", { key: '92fd717630d79bf09aae7ea578f0afbe51eb2926' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11490,11 +11492,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '65d409311019e93c176030ae276b74b780f0722c' }, hAsync("a", { key: '71abec43b5213cece2f6f537220c28f28c174cbe', class: {
+        return (hAsync(Host, { key: '8f202e5114349cf52a751eca7618a58bbc0a0dba' }, hAsync("a", { key: 'd4286fb4827c4799f9abb3c3ef9518c4c397ba64', 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: 'abcb3dd527aed658cd2b4bbd23edb20edfce91eb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '7732547ae2fc62149c2250780e40bbe6c108a49a' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'c4517031d6eb12f4a7b93ff0ef8f94890c4268de', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd2ac491e4c7548a96ba81171fde8149585f4a7b8' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -11558,11 +11560,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: 'bbb7ab55c67b4db51e15236bca4d88bb424285ac', role: "listitem" }, hAsync(TagName, { key: 'fe5e350f27ee0bc5f7284a1a4f042ca07cf8ff09', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'bea0f2af8dbfd9b4bbf7531de22b65837e1adcf8', role: "listitem" }, hAsync(TagName, { key: '59a98ccf23d40b153eeb93142593676b9bda62de', 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: 'e726aadf242af86b56407416f363f337830cca5b', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '752e9b002c53afc4a7bc62227afe1f3222e72602' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'b983d7aad90a67857c92d864f4c807fe3f7a7a16', class: {
+            }, 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: 'be698fc3a686b99295e9420d8540f3824039be82', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '1b565d26ca6469f244a931c22ccc377ea36c7cd5' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'fe0f61e15ff8d1fd9807c0730f8a8ce1c68b1660', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -11617,11 +11619,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f682d26a48ec220240975707b35c96a477eeb6be', role: "listitem" }, hAsync("a", { key: '4e3786d460b72263478547c988eb8bde5dd3501e', class: {
+        return (hAsync(Host, { key: '2d5c169b766e83599ed968733533b1141a085156', role: "listitem" }, hAsync("a", { key: '93fba0cbc0022e85ce02ddf508df516b0ad92fb5', 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: '37047bd278cc4b7bb56acdcf3db2937025736dc7', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '014a47458e2dedfad6bf8290061227812e8e4d24' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '6e04517b89f0d7580971f6b0efd6d7db1e48a17c', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'c560b4d027307568a905ed1e1f67795c76cfdeed' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -11872,18 +11874,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: 'bb1f923c1ee3e15d3b50b20a34dd3ece51deb0ec', class: "duet-modal-close" }, hAsync("duet-button", { key: '4b17caf93396c246f7d27b6b5042ec86cca9558d', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        const closingButton = (hAsync("div", { key: '61ef914bff9303ef11afc72d05041d22cfc19a04', class: "duet-modal-close" }, hAsync("duet-button", { key: '227e0e9623df005f97018db52488d16b4a86fd86', 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: '2f2ce0b1a1b86550adce16addb0ea9ed85592f4a', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        return (hAsync("div", { key: 'ddbffb7c7059cdea821b6abfe9a16c960ad87c63', 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: '9a399dda2be352e29770d438c4ca08545c7ea289', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '75e0574642fe5a419ad1387ab6c10c92ba9264c5', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: 'e068a31ef8a49075fb445ad19f9cb14fe41973fa', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'be52b3ade6999b2220ec2de88ad64f98fef455e4', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -11894,18 +11896,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: '7e1ae928c1edffb13bdaee92b26d4104f65e303a', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: 'd914271dd3812d02f5d0895508f714dc2e3971b7', 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: '7fad3249b4d7f695cc4f3cb206362ea4f61f266b' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '4b62e97cc1fe90e60d2266c477fccfb2862636e9', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '36a424539eacd5d219032cce4e41f6e62f4bec04' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'd6e03bc39dfced8515e26c9961b0c6642b513765', 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: '10f951d353b810d003e3dbd08c9a8486068b0374', class: "duet-modal-header" }, hAsync("span", { key: 'fb7328dea24935b8ea198b2aad27f2b6935539f7', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '23c95e51b7a6a924c51563810b0114112bfa9812', name: "top" })), this.icon && hAsync("duet-icon", { key: '0acaa2a0a64267c885b32599d1342a31fa8d9379', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '4ccc419418e3a9c4fe0baa48df4126ebe89e3d59', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '6b60e149a187b71c820169ef1454f89fb6565f39', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '2f2ea4dd35d3459560b14c63c0967d70b4c25eea', size: "large", color: "primary" }))), hAsync("div", { key: '150bcb1ab2988133a66a194f43dd3528dc0165a9', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: 'f6837d986392a94af1497c896af4fc87cb008cf0' })))))));
+            } }, hAsync("div", { key: '27062dca4e25894fbadaf00ed25684f17dda89e2', class: "duet-modal-header" }, hAsync("span", { key: '325f53a9eedb05e064ca299f8af40a91c1460b48', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'aa7a6f9bcf8cec55c7f119bdb8db669ad16f41d3', name: "top" })), this.icon && hAsync("duet-icon", { key: 'b3fa01f0bff2eacf2b7e4c2282de03663f0b1588', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'a4cecc16bec531dba2bcee42d981d5c904525788', "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: 'ea4fd5500130dc5cf2f5f3880f84741111897fce', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '543b23213d3c91655f561897b99915442c846de9', size: "large", color: "primary" }))), hAsync("div", { key: '61e7e623d613ba266a3a12386f7e948e9dac3da0', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '8dc4b475ef016193508053cf0f2c4140001816b9' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12170,23 +12172,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: 'a9ce209f6d0ebc295aca6abfb51e7d8b5f916397', class: {
+        return (hAsync(Host, { key: '06c99296ef89e4c1c5f01eb5515a1d06bf3d4755', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '9b63f45acce3faac9c0e5f2d6a50d687539a4d4a', class: {
+            } }, hAsync("div", { key: '928331f06b98e8379722445926b4b7c3a346fc7b', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '3976aa0ddd2971764fe0f2e627aed6c960f65cef', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '24392c70833eeff354b2cd56707b5b63ba5fd59b', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '15ca546366a30b65065c099469b941e08a2bc6c0', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '44d9589c99b1694af3bb860de10875595e2f4bc9', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'd49ca494868a57210724275e7a98c4551ab558ae', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '5b68859ae6b1a9916d96c47002f7c9485382a913', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: 'c64f308ba8bec99486e788ddb0d7e5adaed8a02d', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '2d3e3f55ebf4f964c4d4d04d07177a65df21c42f', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'd38084d0fb7a9f080a234c069d612ccddcb890ab' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'df30af3c9e60203a9ca16e1e7a771843962fec60', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '32f4205865b6e6d53b6e78a45004da23591018f1', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: '7c5441c80982d38f49b7128f179ff0a06492a28b', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '5ce9d935259de2fd5e182c484d0cde1cfe19e3d8', 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: '468927ce5cb9bd7b8a26944a1af8f4b0af1302cf', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '929c430336a3e4198ea6af493219434a58f56bb9', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '4e1b24288fa6ce3020fb69a4c044c75c6782953e', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '5681844a5ea68200ce3f43ac88d12a54316d5fab', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '0c9de7973c7f84d672150206f66ea7309b6cdc09', 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: '351a4c93ce64f21704c97f812a74375cd348d2cc', 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: 'ecc84c702c938ef7c138f22a7721ceaa5588a46a', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'f0866aea0455ae0fa4c192e042bdc1394f4c9ef0' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '7df2d9741170dbb3811b4ead54fcf41a75133806', 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: '02c76e553afb6afb9c037984fb5ff7cba8472f6d', 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: '18df6044f26b602ac11bb429e38ff8c99c68c918', 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: 'e1065494a8222bae0b5c853ae52c1d21259289ac', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'ceed8b74d08ac96e2b79d2efd45b9c93eada86cf', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'a51688c114ff6f86984fc9b04cc1d1faee99f5d1', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: 'b72ed7020a4acd3e798a6d5f66563d0f9bb60a32', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '255181e9a265898f3d91ec3699cf0b6eecc88bd3', 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: 'e6a84c1684c6ea06e0e3d55e65e41b0789dfe632', 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: '782f6132228248e8f4e141138052781c224e9f48', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '0354ff249d65209cda5983cdc85c5dca4ddf0bde' }, this.error)))));
+            })))))), hAsync("span", { key: 'c29aed47b4c15fd6e7a5e3c5b0f40d1686db06f2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7cecdae8a3e69b7195651e0cbf1ed6088157412d' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12255,7 +12257,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f5ae3631c0785744d3fb7f34559cee04e5285550' }, hAsync("div", { key: 'd714239fed77dbea052ea2dc8b9d8ca31e7cfa8c', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'c11135ddebbd766695f4f19800580bce48cc1f80' }), hAsync("slot", { key: '771f6f0c80fda18fc05857077347bad51fc88a04', name: "mobile" }), hAsync("slot", { key: '38f4f4252472f09e56f4d6e901248600df52d2a1', name: "desktop" }))));
+        return (hAsync(Host, { key: '05da726e03d9c408cde7879e4708286a7f7879d2' }, hAsync("div", { key: 'b02549bf94ee7aaa31666e9ab148de40348d8835', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '59f5ef9ceeb78e375e701b1ef5d7681651693852' }), hAsync("slot", { key: '77cae019f8fbaebcd5a362a707d2106be3bb495b', name: "mobile" }), hAsync("slot", { key: '451e1a14bfaf33f4f178b4f75d8c9ca5c2c102c5', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12314,11 +12316,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: 'eace5033122ee62ee27b591ad47b118c1f9096f7', role: "listitem", class: {
+        return (hAsync("div", { key: '65f980fd5fa033d52c207f3027dfec0ea997d2d0', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: '4400c732e537e9c2838a5b5c1c1d9eade1123d43', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '99e87aad2c516c8cb1380fcb67b51123373ed039', class: "duet-notification-container" }, hAsync("div", { key: 'f8d25e2f95cac95692192371a77a00b9022de1f7', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '8d349100089368193d73d23062fd00d9ab342411', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'fffab52bd32056bf806777b802a72cf0b606f91c' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'ac061c356306f0677bf89646951e4fbaaba466a1', class: "duet-notification-content" }, hAsync("slot", { key: 'f94d05db7e9897cffad9f9082ec66ffb8efd23fe' })), hAsync("div", { key: '33dec802c87ce665d301f507226c50f3c17e8628', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: 'adab91697700a8b3110bfbbbabb837a736af98e6', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '648733e653d6b00f958a18ce6bbde50d64a82451', class: "duet-notification-container" }, hAsync("div", { key: '7c93614d7e7304d955f3d0c065edfe1a1af6ef51', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'b309bc1656a970bb7369ebaa459b07ad4e94a689', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '71742d3d65a76f6a312a7535780f082c0bae8a86' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '1a13147ea4b28a1798461301b790a106d29a8d1e', class: "duet-notification-content" }, hAsync("slot", { key: 'c133b1210a46fe45abcc1ac7e59fa84349ec4d16' })), hAsync("div", { key: 'aab2501cc3a502365a7e6fa08bcc538502140822', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12436,10 +12438,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'b9e14aa3e19e14ef225ed47f6961b0f88a7cddc4', class: {
+        return (hAsync("div", { key: '1088af58e8f3c30677e3c6d5baad8515829e9e51', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'e2c17fc4f254b3f307734006dbfea982ff6ee382', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: 'a8795ee99eba96b344f89fa3cad551ec7380b966', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'ba43b4fe302bf7acd9f73ddc974d141f455ff4f7', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '528eddbd58dc20742fec9b67347228f83b3aa84d', class: "duet-drawer-badge" }))), hAsync("span", { key: 'e1863d335a91de0ebee61833c5df5cd8dbfe7556', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '1950983a0f5ee70f5f8025f75c3d17e37e1b7a15', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '8eabe2d3fc3083ed7177e0c86103b6f3e72cc86e', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '2618b64bdc7e100de5ef65efa3b3c47f15282f14', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'ff5fb1a9b2712d7a2308a4b334c1859b32a8668b', 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: '36ef436ead766298e4c6cd348ca7244afc94ac46', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '5eba9896a452d8940a07fc94605d9779c9cd909d', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'cec532d1c1f3ef45c2907cf17efc383305c803e7', class: "duet-drawer-badge" }))), hAsync("span", { key: '5c0892ac2e9dfe0a9c463133b839364b7ae78fd1', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'db154470e959c8a9032cff5aabbb508de489f66d', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: 'fe7e0e1907b7467106a121d0dde62f7ff0fa4906', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '18109bdcfe172351390f705b11481bbcdc72e81a', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -12906,7 +12908,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1f48c95511f5fe345d0c954839878ca75143a23f', "aria-hidden": "true" }, hAsync("div", { key: '1a659c3467a8badcf2f3530034358faab19382f5', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: 'b9eeee3afe659216a8d79b5193d453d393d3f1c8', "aria-hidden": "true" }, hAsync("div", { key: '0e7b0eb4bd9714bf776db07996e7261f095cca46', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -12976,12 +12978,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: 'f84be07f2c33b45360e553051478010014f8ee1f', class: {
+        return (hAsync("div", { key: '1ec93e34b3cee83db8dd477081f4c89b28d48269', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: 'bc767f86b6bd1c690db1716c7871c1f5772efb0a', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'd0159e0adbcc43de58942ec26c6456f25d3be7a3', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '6d44470ea21076c83188847450d3d43cb18cfdcc', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '2e66c27bda85ecc8cf540bb2183683b0c0168d31', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '270cfd764055e1f8635bd5e519191d56356d26f3', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'a43fcc34939632c3d59b94da64283461d3a58faa', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '6a0f42bc5eb7747fde0fde4efc2ddc79792ddea7', class: "heading" }, hAsync("slot", { key: 'f7783da2cb7a1de174229d4a36f9a400ca2ee67a', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '1770423482557be3b25e59a0d4dd66b684afecc3' }, hAsync("duet-spacer", { key: '1d404addde73988e6430a7f090b97646e6264aa4', size: "large" }), hAsync("div", { key: '7149707ed0f09c0c1443d062c88be018637caa05', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: '0f4796f214c479f0189b843daa0284e0f8ca0ee3', class: "background" }, this.theme === "turva" && hAsync("div", { key: '54830c00e4dd39b94530b57e0e2d0bd4d458a1b6', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '8e6b0568ff46ac009c2e71d9287dc13d794fa4a2', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '97f11093691407a00290fd6e672a3ad0f49ae6a7', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'dca45a2c2aa70e9900c2cae1ee25335fa709a52f', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'e0313f6d73e854ee206cc092463df6208d2c3c88', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '01648cb51c6e0414d319c9acdacdc1cb24bc62e6', class: "heading" }, hAsync("slot", { key: '6d32c471e4560cb452fe9970fc6c8527db5c620d', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: 'dfcb6438834ea76b5182927860562d44c3439bf8' }, hAsync("duet-spacer", { key: '47a1606a141918966fe848dc3ce484259c3ad7dc', size: "large" }), hAsync("div", { key: 'fbbf43860750291e0cf7717dd0e76ff406c396de', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13336,32 +13338,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd6ed3352906a8c13c0ba120e63acd5572db61555', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: 'd7cb59047ba6951fb8ec60beb986df51cc646c4a', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (hAsync(Host, { key: '51f0c1a1d5a16a99b2650f72c7b5fbf118532720', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '60fa85678350ba5b52095f3db11f46864cd5b24f', 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: '902c6abd42e246304aae924b1406f8c2bc817bf5', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '4861b3a854f12cadae3f5d3f91806f5a50bed294', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '66c09e15df929889c85137de8cdb0d7fbadbfc8f', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: '9085f262dca839c18be2b7798a389e7536dd900c', "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: '866869d03bf3a59593b8b3a9b09ae90929dad2b9', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: 'ad8a1c3c60b6f46a631e61fe5c7b7d083526b011', 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: 'f06ae0b46625378d53f7d6c968efe6cc37628669', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '13a5f6ae9ca077d056926927c341619e3c421fe4', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '53de9f7186c2e9c280d3b987e33d3e50f9394301', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: 'f1ee58d73ab3ec2e1e7044d16a36495ebb5fc259', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '847da0bfd22d6d1724e10165397e1957ca3a1a9c', 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: '16ea0206eea69bc4c3862cd41fdc3a94db5ccba4', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '5e064f5e0b53fe9c04b4e5167dff1b6acbe85c75', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '33ea4c7865120aed99108906a9c4b4ff34a0590d', 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: '126295d5cf39d121da317412934d570d02b5d122' }, hAsync("li", { key: 'ab615605de67abfa16ba5304450d4fbe4b40c1fd', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '81945909e8e4e70aede95ff3bcec869b59d2faaa', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: '52a1704bf4e47e97a8165b34b133d75f7cf46ee6', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'db56afde04dc1c6ae372db9a7b12f5d8a968afca', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'bbcee542f0a2151957fe8612104cad3762a23972', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: '63cbd7bc9380da4dee3360c052b0555329c6db24', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: 'c7ce3b477074306822ad20b564aade9ec8cdbf5d' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '76bed23b3e4010197e2682b581e2740c8c21158a', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '822ae63ebc41b29721791343bf9209798977c38a', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: 'f89e2cb2097b4f9b41cd0a1d351ff3e4b7867b4f', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '94ea90a52a62975ec11fac47ab933a7de8afa5ea', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '9eadf95f39e73639515ff03079b8528b2c0c7a59', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.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: 'c961b452d3cc93a62b3059a4d7f4dfa2c25a23a4' }, hAsync("li", { key: '4e36041ee7df9da07287aa58b95ed4b9cb3db160', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'dd161af51a0de44a42189b538e7c5a11bdf46124', 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: '7d8eee43b64756671843213cae0473390014a6ce', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'bf0e2dc3f9aca2621718e3d2b31f5fe8136ea0ee', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'e67129a8dcf6bb081d662308040c81e26f89368e', 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: 'edf800d14122c7a156e2852feaf8292c0f2cb0ba', 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: 'a7ba8fad52c4f52916bbd52cb50b45fcfcb4dc8c' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '73f0d4c00ca3e2ab1c28d6d290214e5f5841a869', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'c49588a61cff0248853d27711faaed8ba6e3185c', 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: '1d3dcae494cc6e91d04099de95e7a338830654ce', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'da984b3aedda5967f12aef6368a5d389c5928d87', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'af45256868353af59b8d242cee961d7962c96266', 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: 'feefef8f45433820ca8e029094b1b4fe216067a5', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '2577b388ea15e24be05de69b308c22dbb298e6d1', class: {
+                : undefined }, hAsync("div", { key: '52c7db3f203d4bfbaebb844ee3b06fca983c1fd1', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '4c7edb8ca99f3993c4b64ac153112491a72f1d01', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'd7e18ac10323030b3c7e651e9b4598bba5d413f6', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'f7909374d12e9e6e7474293cf24f50d4df584e72', 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: 'a71b9d3150493bb242caed7d27ca3c6c2e79efa0', 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: '951483492689ef3558b55a8a1ee2d77dd2f143c3', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '1b9192690bdd80a356b64e71a87e44a697ffb9fa', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '88d890a714833a29323e24a62afbd25bdcfe9a69', 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 })))))));
     }
@@ -13435,7 +13437,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: '64a84c4df04a399b3f9378b2fc4742c06767e0c3', "aria-describedby": this.id }, hAsync("p", { key: '6d9c8a61f8506ecb6e8e8391ab5d645555e36055', id: this.id, class: {
+        return (hAsync(Host, { key: '937feb9cd408858a78be87183a5545fafd3b3d22', "aria-describedby": this.id }, hAsync("p", { key: 'efd257f20e5ef295b7555d9b7b73b5ef23fb48c0', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13443,7 +13445,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: '482892006f59215f0d9e7ba05b66bed8c5cee719' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '3f9d4bf13beebdbd96e6d8b70e006b3f91804d83' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -13464,6 +13466,2024 @@ 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}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-phone-input-container{position:relative;width:100%;height:100%}";
+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.buttonAriaLabel = {
+            en: "Choose country code",
+            fi: "Valitse maatunnus",
+            sv: "Välj landskod",
+        };
+        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.caption = undefined;
+        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"],
+            "caption": [1],
+            "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
@@ -14815,6 +16835,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;
@@ -14850,9 +16875,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 = "";
@@ -14865,6 +16913,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,
@@ -14933,16 +16982,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();
                     }
                 }
             }
@@ -14951,10 +17001,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();
                     }
                 }
             }
@@ -15018,6 +17073,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();
@@ -15059,7 +17118,7 @@ class DuetPopupMenu {
         }
     }
     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;
@@ -15075,14 +17134,14 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: 'df95a1ca83bfed0e3c2e62e4de9a03563491b7a4' }, hAsync("div", { key: '0da0cb7b5bf6b0950b867af9d93a8937d40c4223', ref: element => {
+        return (hAsync(Host, { key: '245da481a4c3ac550648005777f7f7724c8e7806' }, hAsync("div", { key: '17069b93e411e4f951dcf4f591aacf90a0fcf7ec', 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: 'f2e56ae51be1d5eb1b8c14a67496079e3dbcd3d1' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (hAsync("div", { key: '24e126dbabf9089b5d3bed8d20c4a2d727531a0e' }, hAsync("duet-input", { key: '719101f79b6678a0e7b28694e2c630e902f58bb2', 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: 'c49e9178d065230acbc63f163b9b31dfa53a56ae', size: "xx-small" }))), hAsync("slot", { key: 'd6e2cbd68cd5f5961d5c486a974b72083f2cbae0' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15107,9 +17166,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],
@@ -15189,11 +17250,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: 'bf1b38aa7684c8cc3959b6b0725f83962341d58d', role: this.accessibleRole }, hAsync(TagName, { key: '71cfa30d7780f2ab9a31f2aa3ff4bec91b8e0b7e', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: '3552f0f0e6e303f23e012a9baa0b646d7f3eeb5e', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '1c26c319a37978618960dce5c0e5de9731a576c9', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c3f9e10b0f5c5af06d79ba6760b924f5abfb02d9' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '2b5f54ffc9063c6ef1dfb38d59724a1ff9307ede', name: this.url && this.external
+        return (hAsync(Host, { key: '2f4a7fe60bc5938bbcb3b1fbce1b4c7bb6bc1de2', role: this.accessibleRole }, hAsync(TagName, { key: 'c9f7fd447bb786217bd8a914167bb908acf66f37', 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: 'dcd75ed8a6b9113d52ffa7525c4356cbb2900bc4', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: 'db792f6c21c039bc1997fe199227a84854623c9d', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'dbe5cfc337cc536811672bfc2240518c230df8d6' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'dbcb7c7c1fb2a4279aab71c16bf8dfd0505fbe38', 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: 'b9a42c7f906f16c62189ce82f8c1bbdeee169a7e', 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: 'e234fa5fd161ad0938c925c4b1fb75b6fbbb37f2', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -15348,12 +17409,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: '369719dba1262d916b787afe98ffd4fa217e2f1a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: 'a49708055d9810ca1cecc07070640f389f8b866b', class: {
+        return (hAsync(Host, { key: '0a97e9abde099796c74ee8d4533922d35deb236e', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '1c1fd59c053cb81d932443c888c6e9573953e946', 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: 'c4c5c7f1a09b5641b228a7fc9b62afd950fdc8e1', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '12c2264de14f12da9ec4002afeb5fe978ceaa719', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'ee62d417521f8201dcaf095a8fe86684a935ba2d', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'b5566b2e3ed124323ce8f7f34827e291f082f8e8', class: "pre-heading" }, hAsync("slot", { key: '4db794c53c26048fa69d04b3b1ba1478de36c3d6', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'ca8c079241b93d7193b601a713de4b4e83e44630', class: "heading" }, hAsync("duet-heading", { key: '9f6e20d605a3c35265fdd21d64b7862705ca5aeb', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '72f862b412fe7145d8e96eebdc91e82e38ba4072' }, hAsync("slot", { key: '0933ea8abb5c7b5d70515f2bd685f210a4fb5a85', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'e81b515409efbd9b32ee45e0f930fd2ec5148a4e', class: "description" }, hAsync("duet-paragraph", { key: 'c8483b63083ef1f07e44b49d0b51e21cf6d08f41', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: 'ec479361b133d65d444b9504d227167e353179e0' }, hAsync("slot", { key: '732371f1f5719157476dd2d73d0750a6614bd88d', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '938ee22a3f9e771bd08ee7d092c002a9f989e289', class: "action" }, hAsync("slot", { key: '91a2a79c7964862a39764fdac8de1a6a1679d1ea', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: 'fd53e9b56dc719eb84b55e185a7709e6ab267e58', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '34994ce60ac0342c63a4fcfe21a57b0246d2c19e', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'f0bef01fd5ff40970d3d54befca4682fdceed46f', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'ad3e40631d0e0a7eab15ca8c97a22141dc14c409', class: "pre-heading" }, hAsync("slot", { key: '887cb71bdcf6fffcb82565434e42ad1ee361841c', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '90549d05dab8e3a238f8361cbbcc6ecea1d7cd42', class: "heading" }, hAsync("duet-heading", { key: '56eaa16c5fb2f0094e32c24b1e9494092980b3f2', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '6567201df4ec186d0fecce37cadbdeb9e7d3ceeb' }, hAsync("slot", { key: '8f979f5facd440dd76a6a2711922cf4a1b47cba0', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '1d1c853e865e767a7f96255f0e9316c6ff4d642a', class: "description" }, hAsync("duet-paragraph", { key: '4c1741ff05acd2562c07bdee11c9e00951dc8772', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '2dd6a0fb0ae7508a6fca281632206ccbab9b80fa' }, hAsync("slot", { key: 'c2bda8a30bfbcedfd5aa88b32c332172eb693ea3', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '46fbd5da2ebd36613c039f6edbb22e81d1fcaf47', class: "action" }, hAsync("slot", { key: 'a573eaf8d88210c4c4e613c36a6f127d6caeb783', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -15960,10 +18021,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '35bce1f47ba569cc34b6f4627b11c321f7ed7ee0', class: {
+        return (hAsync("div", { key: '9221b16527b63eb5558cc9422c26fc70e3d44935', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: 'c4c9faf170e41dd8428464b8084ace48f8704d42', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'c5fe0ebd2197ed50b2b6313f3289f339782ee4af', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: '26fe2315b7915a46bd40fef5e5941fef008e980f', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '301b08e846538f0e5d4da1b205ff27d1fa860075', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '8f0a856cff8bf8a66e389c505d1817e2b038a201', 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: '0746ef65ce1181f4975853482470b6064d2d680a', 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 {
@@ -16184,7 +18245,12 @@ class DuetScrollable {
         this.scrollToElement(last + 1, "center");
     }
     getOverlayWidth() {
-        return this.buttonPosition === "absolute" ? 0 : 10;
+        // This is a hot-fix for the duet-tab-group component not
+        // working properly with turva theme. This should be properly fixed in the future.
+        if (this.buttonPosition === "absolute") {
+            return this.theme === "turva" ? 1 : 0;
+        }
+        return 10;
     }
     renderButton(direction) {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
@@ -16220,25 +18286,25 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd17faf521fb0f435e5d2127364abfe664c853f7b', class: {
+        return (hAsync(Host, { key: '73d85963b8e4016fe3d891925fe817e0a7cd9cb5', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'f983cf908e3a3b31d167e43d301d78bae7a6f33d', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c34006e80ca8d106b496b124d73fc23063fa6e3e', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '391fb91623bdc19c75e9fa11498a14f8dd9c8794', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '880f080848748bc2ab4f447c45a96301d94c7b52', name: "collapse-button-label" })))), hAsync("div", { key: 'e1e541637ad2fbdc8b9f458c93405686bb796495', class: {
+            } }, hAsync("duet-button", { key: 'cd7768e824f0d392c78fbc0b6dc5cb01e48e3402', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '0c5978598a028065857e7f68f68eb1f6069eb006', name: "collapse-button-label" })))), hAsync("div", { key: '769b377acbb2108d336d00ded087feffa8b65792', 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: '9ca16ee6d144b35b92a9431261a5043da2d563bc', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: '36d1d94c465dcc3a2759bbfb7dfa092528824e9d', 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",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'e8fff31783e8d7b6eb605e7e27ca686a29c41cf2' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '4ce1914b23bc31c920b3ddffc064b323a2d66002' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16285,13 +18351,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd1c577c30368c8ad2c3b87d2056cdb21191e586e', class: {
+        return (hAsync(Host, { key: '89be4e82e34327cb68c695187821280140aa3233', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: 'd5ef07dc367ad7b1bdb54634b8abe80a3ab42595', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'e35a1276a667969594305cec29efa7ca74d137a2', class: {
+            } }, hAsync("div", { key: '2cde22f46d6a6b602245fb0d6e875349845bd204', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'a39c58d05f6944ba7c6c0bfda25a3ad1d99f3e2f', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: '97aa517a43663077b98ef7eee06d7e28daac3545', class: "duet-main" }, hAsync("slot", { key: 'b9c7aaae5f0f41eaca7ca3fa8422038548991c13' }))))));
+            } }, hAsync("section", { key: 'ee98fe87b3d0994ab04c65590b5288d35aea2a9e', class: "duet-main" }, hAsync("slot", { key: '2f931f464073257e432992e99f40a58727401352' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -16534,9 +18600,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '4d2509d187900cd728bc7f487c0d5f6d6692fcf6', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '443432050b727b6c2b596eea74a7d991626f3588', class: {
+        return (hAsync(Host, { key: '2261e3fd3e60d1ea8591219a9e64b3137fc93969', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '1c4204740ad1cfd299e96b484c602189f189e137', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '2b158b8d24e6803549c950f701fa1f304b2c5a21', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '84ceabbe108b85db331719cad4aa47ac16c52613', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: 'e313b068532ce26450e93a3b68bfe7190f6dd4fc', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '01ffb3799bf6211c8b11bfd62a42b1c080bf1a74', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -16644,12 +18710,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f8b3a4bdc3bdb531b534fa738121b232385abd2f' }, hAsync("div", { key: '4286438cdd90fadc5a9a099d57a1f7ed405f4825', class: {
+        return (hAsync(Host, { key: '342980885abd34eaaed8c7a94d2c8814af8ac7b1' }, hAsync("div", { key: 'ad3d469d25dc5073ab2e585f075e4a6d239da446', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '3a4f4bedaa980b958342d306e431e6e8eea30b46', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '83db13f0dfda97263e0979963c35e3b8af89b8fa', class: { "slotted-content": true } }, hAsync("slot", { key: '4c7ac0dd5c6c92734c9fbb1b41292b1ab5b9b395' }))), hAsync("duet-button", { key: '8b5673ff853d9c7888ce2d6b532d01d99c85af43', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'caea15de13cce76f34b754a3a1dda49a6d17bb89' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: 'e11ff42b395ce60a533b3d293e95d0b9d28985b1', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'ce456a7014e3c0d41542315a58952db9a67958ca', class: { "slotted-content": true } }, hAsync("slot", { key: '1359b929236258f2f46becc67c2ef0212d720aab' }))), hAsync("duet-button", { key: '89258a40cc1e2a2332a2f76bec76ff7478f5d48a', 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: '3fdb11c208b0ef335f23e4f8f5d0076add4d3cbb' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -17146,16 +19212,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '8d5d42ea1b4ab27296f6b360c4fbb0d31836d039' }, hAsync("div", { key: '1cf8c2cb6f87e429e8c49b2ae55c2a247f5e8a1d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: 'b1f49d5e1da9b0ef48c21957d5b6da4a266c74e8', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'd4ef90d513a2a1970ce5cb9f3337e852785eb13a', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (hAsync(Host, { key: '4adf7d99cbc333b181e8fd4866d08855eb6a6d1c' }, hAsync("div", { key: '78f45ec446655208a7bf17cfe3be6a4aebc5c181', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '278b3a9e1823ab3650f7fc705d3d7d41a676b70f', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'c5fd8e77aa37a4e5106dafcc83a4b07098fc5695', 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: '68ea31fc1367cfffe651a11b7b61dc4fcb5b09fc', moveFocusTo: this.closeButton }), hAsync("div", { key: 'c7e01931fb3c9c1cb4c70bf364cf23ee94c64744', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '1461b0d0fe30eace62ef88fbffec48aa527f316f', class: "top" }, hAsync("button", { key: 'fb6c4634ce62407eda4b349b54cf4c0dffd3f9ad', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, hAsync(FocusGuard, { key: '3d629c66c8376aec3febe6c9c0818b8a45df56a2', moveFocusTo: this.closeButton }), hAsync("div", { key: '7792e9afa44d5ff99e1350e99f0ec4cf0a570067', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'b1849e638fe366a073e2d247695ed828259f385a', class: "top" }, hAsync("button", { key: 'cfd4aaf534427596f9fe01415e42bf355608798a', 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: 'bc09b7fdfe8c01b5e2ed9c28464ddb09fbb5cae3', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '27b33378e3c3e1fdd221acb6288540aa93633b74', class: "sticky-header" }, hAsync("slot", { key: '38d19fe1d2c6f74004b7e93a591c0c07a2edfad2', name: "sticky-header" }))), hAsync("div", { key: 'a92d3f23efe42d3fff113a6c0ef6205e90bd387c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '410f3f0ce0f8e66791f998f3fb9169ddcd6723c7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '6341b9c23dd91454d7e8bb38201578a02906cb15', class: "sticky-header" }, hAsync("slot", { key: 'a9128943f3767198b7b3602dd242ab35ee7fc104', name: "sticky-header" }))), hAsync("div", { key: '53aa0fd6b0097f061b2d5767b8a0b4a360a78040', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: 'aa14239555307c1303b17929cfd48f44c9883cef' })), hAsync(FocusGuard, { key: '8d9f6812015a4184d5e5aa94f91d07491c826969', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'd0bb2bfede05aae54cd56e487fb7a69b124b84ce' })), hAsync(FocusGuard, { key: '73d243e3a801c30a7706edac7d87a78a7750a4f1', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17222,7 +19288,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: '31b6e57b23d0936cc4147741caf528521e1e82a1' }, hAsync("div", { key: '74b2d0ddf3a4a21c4d9368e9e7e00e6e223e78c6', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '1f6beba2dcad7302f4e3db4395435d7c5e39730d', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'ead217fcb33aeced035ef571dbe57de7857d0c84' }))));
+        return (hAsync(Host, { key: '00c9777c6d216869e7a3c1dcc5dae6e4503bfa25' }, hAsync("div", { key: 'a39f00f60a7a25189b6564165aafcf0e1d480824', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '6a895b8e8e7c4dbdf541a16a01566fabb3150c9d', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'dd216d56b29a88616d01acd917af1e8f7d21e31d' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -17239,7 +19305,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 {
@@ -17254,6 +19320,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.
@@ -17261,17 +19330,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: '397e43c602bd3d9926d0649d5df37f30abc8e122' }, hAsync("a", { key: 'ea5609a4fd536e03d6563b21c05d9d15f024f996', class: {
+        return (hAsync(Host, { key: 'e550af12584f602566859a45b7cbee36a7aae43e' }, hAsync("a", { key: '414c6a6a1fb91c95f3d241b0a9c90b13bb4c0793', 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: 'cd2858752a02bceda1dc86741a5a7588f4c04fc5', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'c0e8b4c5f08ff88b02749475f88ea49699c9f32e', class: "label" }, hAsync("span", { key: '6f32f8b54e0c9927ef11ea6feb0e9f41239f5826' }, hAsync("slot", { key: 'aa5b10e8ed48b56c94a4b92b8f4a4c04fd8751cd' }), hAsync("slot", { key: '3ccb1b5c03782d3df88ce40121c3848abbb7ed21', name: "description" })), this.caret && (hAsync("duet-icon", { key: '7761639943a89d708a9cdc554e8b464538154ab5', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, 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: 'd8c1ebd401cd5e022ac9e4a1204133a336d3a2b7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '473fe104cec5068f8f4bd4d5ee4e928de4bc268a', class: "label" }, hAsync("span", { key: '425d0d0252417d78b704a7f294577110048729bc' }, hAsync("span", { key: 'ba72671d83eee86369e9408738a00a44331bbf95', class: "label-container" }, hAsync("span", { key: '907ae07b430dd127c8fb7931d3432b4e84d2b885', class: "label-content" }, hAsync("slot", { key: '3ed0ebaace8750688a19520a5e7f5d1606a6dc00' })), this.external && (hAsync("duet-icon", { key: 'f872b62d2c5757e7a0d059092cc143f4cb683abe', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '19c6036aa3e972f49c02e5c66f7c5856601da94e', name: "description" })), this.caret && (hAsync("duet-icon", { key: '1f649b48aff0af010198404d37f1df359fa5a043', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -17287,7 +19365,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$": "-",
@@ -17431,23 +19512,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '67ac4db2da51c270872cadbf5219233a9ff49cc4' }, hAsync("div", { key: '7d35e8a8d56f4508b42b4c9e49f891de410b25e5', class: {
+        return (hAsync(Host, { key: 'a710fcd33474df65bbe83049ae28e187effd69ae' }, hAsync("div", { key: 'fe869129deed68044a9f2481c205d080cd330b2a', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '632d47f161dee0f8454fbce8615efca79e6d2dff', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '8a24f464c102b7c76c02b5acca1cb2e908555178', 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: '5b588bebc956c3f46b518419c6b9fd93fe213449', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '1c49b187b6e353af06e65edacac5c316b1fead11', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '1588137970e42a8fbe9144b56362777a655bf9ee', class: "duet-slideout-badge" }))), hAsync("span", { key: 'd1ebea539372c1e0721da0c98d47cd754ce9d112', class: "label" }, hAsync("span", { key: 'ebcd5893f37c3afd09acc0ea3f97b820ff698b89', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '6a87678f0894ca4c4fb7a93637574d97996f4f2e', name: "label" })), hAsync("duet-icon", { key: '08db52555e06b25a4fa86f2edec885fca3daef6a', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '572076d218ff5a3fb537618c6f8d1683b310254f', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '664e55c2ca66476e87fa06a4eae62611e36e43b7', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: 'de6f7888ca1f7a98f68295cdab35aa37951ad364', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: 'e3dc40373f694ff41a804d29a9e323a95aafc443', class: "duet-slideout-badge" }))), hAsync("span", { key: '430e44ec6d63d207f7d0c5daccb6c0ec3855331b', class: "label" }, hAsync("span", { key: '54f5dd510db6b7b2210b6dfefb6b45c6c5d5291c', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'e5c11e4b9011bf989df3035c09d760d536a81ab2', name: "label" })), hAsync("duet-icon", { key: '75ca92a7f5340d296f7672f24f349b02bb44c035', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '656e51077667f5439a4d15b62570e34367d012cb', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: 'b99c2c59baf028a14b46ace0840415246c59f0e0', moveFocusTo: this.closeButton }), hAsync("div", { key: '396411a19f66abbc40d87c6b9931359667bf81dd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '9e0dacf6865a2f4f1f629bd8da4d8d23755a1b80', class: "top" }, hAsync("button", { key: '90bc7c889a1bf16041e3ef77f7bb5da7c412553c', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, hAsync(FocusGuard, { key: 'b77848293b232403fdd8ad8a60b113a91ddbc721', moveFocusTo: this.closeButton }), hAsync("div", { key: '80d042265606b8ecdbf2c26379a9c8f9a8659cbc', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '8afeafcbef97a3f50614baa1e070a5a52ab7a8ae', class: "top" }, hAsync("button", { key: '43aa773b6c0590cfec9b967e56a10e29cb3ec384', 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: 'b1e6ab3413e1547ea61bed770d8c1658b4026781', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '5ecc199ecd47e4f73837a0b259a4322fdaacde7a' }, this.label.innerHTML), hAsync("button", { key: '22ebfee56701b85b67709264e8106eb28ad57395', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '2ff8febe05142b416fee52661fc38cacc36f349c', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '3607f16e1cb18fcee43c049c30aba6a43da7a170', class: "sticky-header" }, hAsync("slot", { key: 'e68a32e67f1ea06768c77caa82e6e9176d15872a', name: "sticky-header" }))), hAsync("div", { key: '3c38a1b360d2a753a440a65d9db6d05589220eab', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: 'aa92eb201a646609e6b07cfc5784a7b45b4edd88', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '87e20bf173b45a95f21ae12b7ccda422f23bb65c' }, this.label.innerHTML), hAsync("button", { key: '956cac2cdd217b51c1a95b6dac24eb752c1b3e8a', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '83df0e158d36a13e6aea98a1d2d0473c039305c2', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'ddf1937be4406b7f411cb78b676e9a7dc0ada529', class: "sticky-header" }, hAsync("slot", { key: '66a7f892da69baf18f0c371c0ecfd9a21d9d2f08', name: "sticky-header" }))), hAsync("div", { key: '2eeb327bce4ea692cef4c5b9c8742f0bf7f19e47', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '965461798b3a5abff5f298310af54746973d5c31' })), hAsync(FocusGuard, { key: '058d1fc766894b3778f2133b494a6f6b1dfe30be', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '74cce3b2ebaffc2b345804e6fe417912db8e72e2' })), hAsync(FocusGuard, { key: '259710cbfb6565bfc2f542d78513017882dc507d', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17517,16 +19598,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3aeb0f6518e111df8282802e65d6c74348cd2367' }, hAsync("div", { key: '27a2c32674a4a98fad156142a9c5f07aaa47cab0', class: {
+        return (hAsync(Host, { key: '4dd2ace190b42dc603842e0a68bede86a0576849' }, hAsync("div", { key: '3bcae1d437eb66927c58c9d6394668f7e89b96c0', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '9bade63cdca5e3cfbd83e984db86bda5e094008e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '0dc6a0b34fe49504c0a3d50e2d3bc5b46f0edf47', 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: 'a1257b1aadd2f1011526e05231fb994cbaf9ff44', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'ecadae30af9fdfe3397e3bbada78b23f9759f124', class: "label" }, hAsync("slot", { key: 'b1faf455a33bf5ad1fec780460f55c83b77d62d7', name: "label" }), hAsync("duet-icon", { key: '11597586080089822d868c152b6aae9155045b94', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'ffd5653ffd46ef59cceb9e61cd5ba59b6c2d54d0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '0210db38d3f9ddcfb8d06635554d6d59a655fdf9', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '4cd6d589071a450df12bad944193b1cb1ad884ce', class: "label" }, hAsync("slot", { key: '9426c6a0c178440bb061f2beab412bc89aaab672', name: "label" }), hAsync("duet-icon", { key: '1e1c91b9e194bc0e96b46659e469447ea8a189f2', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '05ac5933fa4af767dd52ac778b7a95a9fdf30a1c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '46d294db4305ddf9f57bec16fb419eedae4898a0' })))));
+            } }, hAsync("slot", { key: '5d9e9507bb4d8ec3ce3dcc4101b9a1ff432af55a' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -17561,7 +19642,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'aa2a7ac6bd334dc7d419d2dbe89da8b0961f64cf', class: {
+        return (hAsync(Host, { key: '37319380d158f854c7b73b9fc3360a521c6660a3', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -17612,11 +19693,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: '5d31dde5f546428f75226d820ca714fe74855a54', class: {
+        return (hAsync(Host, { key: 'def09b6729906cf4ce285aaae09c5d25232eccd3', 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: '99cefb1d1a1f4d2d6abc9c935e791036279c9911', class: {
+            } }, hAsync("div", { key: 'c288229cd2603d51ad54de0bab9017bfdc53ac73', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -17705,10 +19786,10 @@ class DuetStatusIcon {
         }
     }
     render() {
-        return (hAsync(Host, { key: '513b3e143bc34d530eccc8a15767fa2badbbd9f6', class: {
+        return (hAsync(Host, { key: '3f55d55c4c4a2b1d600dc40d12463f217add88b1', class: {
                 [`duet-status-icon-${this.variation}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, hAsync("duet-icon", { key: 'bdb984f064a33652090f67faf98f420d103fc960', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, hAsync("duet-icon", { key: 'e45fb67068cc9f4bfe66554808f1b47888bd86a8', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -17936,7 +20017,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '22b196db710cbed3e8ad8b4dd0650c115a3f88d5', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'a0285f6474768b1dd10b9ed222a69f1d3bdcba88', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'bf50d57a713aa062329cc40685b7441e31dc892c', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'fb7bb222787bd590d30cce8f5619cc8c30c1f4b4' }))));
+        return (hAsync(Host, { key: '1610872b3116487ea00058e453cbc05beb944c0d', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'a3c844eacac0fe68ba12bf98ae281b377e682c02', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'cfb5cb389a4790fe4e65113e777c0773050fc8bc', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '26d446f0b321cce787c514db98fe94d902382201' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18081,19 +20162,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '36733ff35a676602cb5664783353722ac32a3f23' }, hAsync("nav", { key: '6c79e18ca14402ba9becc0611cad56215ee0d54d', class: {
+        return (hAsync(Host, { key: 'fec25f6c8b5983923f591d756decc5ae3404de5e' }, hAsync("nav", { key: '6f812f5da82df3218d6de29f655d2596ed865a4d', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '54db29b81a8fd888ddf9094b92ad72d453c30270', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '5e8ab90a4e09dbd7746b1405d3ea92615a439dd7', 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: 'fd6fbc391f58b209fb675d1038043ab291ea8765', class: "label" }, hAsync("slot", { key: '26efb16331d21d400c0416df1c54c98fec07fd9c', name: "label" }), hAsync("duet-icon", { key: 'f383299770b09f13b0fc9c89c72b5a2ad495931d', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '71b7b2aefc7c9dbfb546df751e2ef5c5f420e440', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '1f2ed95c73d93faf4ba71d7984e00488137250d1', class: "label" }, hAsync("slot", { key: '5ca819d2a6f97bb4c9e75f2ea024187f76af67e2', name: "label" }), hAsync("duet-icon", { key: '3b1a4bcac49bec29f344a38e5f743aaeb63f59a0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: '3680be7bd688b8448d76f25ed074cb26f00f1bf0', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, hAsync("div", { key: '5f94254c66db242ce904ddfd963f6dbe7f4337b6', 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: 'd3c022573601ad29c14074a42129b0fec8f8e7e7', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'ff8f80314ddf742307286285008a7b7b87e0311a' }), hAsync("div", { key: '4724caa14d11b92502ca9bbf81d83a1f169e0514', class: "list-padding" }))), hAsync("duet-overlay", { key: '96982d748408a3fc7db02df17eb9261732cae2f3', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'be03e176ea88bf9b83e506a67470747a4f30b9ee', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '1ba101226680d98cffade2702cbe6f6c40432146' }), hAsync("div", { key: 'c51c2e13e3f5a24edf28dba162ee0602666ca1f9', class: "list-padding" }))), hAsync("duet-overlay", { key: '5b93e09b26a80acce10526710c818c0017d74627', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18214,18 +20295,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6b5d2434a5a7d5afdfaf40e2134d1f02d2f8e222', role: "listitem" }, hAsync("div", { key: 'efe625a31b8e3fa67d845250f6802633a3e970d3', class: {
+        return (hAsync(Host, { key: 'b3ceba0158daeda5a08cdbb24998e6a5621a3703', role: "listitem" }, hAsync("div", { key: '7151474e27716eb431d4e91c40df63183b3a7aa3', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '7b631206096ecd24fd7018850656a6ab3cf3f89b', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '5c52390b4c51542e2f964c334678b69bbd579520', 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: '3c9030513cf42a8633d8359be8003179bd5913b6', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '66fc2c66e8e27bee53464ce406797f4c32ca3b5c', class: "label" }, hAsync("span", { key: 'a073565bff14d28d8cf5167eec655716e3e0e61e', class: "label-text" }, hAsync("slot", { key: '14f7ef42fc76a1363bb5e0eacf4eac6bbb080490', name: "label" })), hAsync("duet-icon", { key: '66884d73e81fa44ca37f1b3fe6d5d5dd02114ac6', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '16f20eb6a5a4f169b34bf32c8dbe1e3f401a97b9', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'b54bb41ddf9a8743c91ca00b851f278ed01be2d3', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '5e48f0afd254dc828b65347ed8b9503a258cf2fa', class: "label" }, hAsync("span", { key: '11e104876c90fb056e2ec497e48a8ab634bcaf90', class: "label-text" }, hAsync("slot", { key: 'a5eba5494cfa87a94cfa0f7a6b9614f5e84127e5', name: "label" })), hAsync("duet-icon", { key: '954b21321b8f10dda0da3e8b049157bd6ac52b49', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'f2cbdcc7f153986c5d76351fb27070eb233cf68c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '39e9087f187e2ed824ae75f02eea9894648c4bba' })))));
+            } }, hAsync("slot", { key: '4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -18277,12 +20358,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2e7a0b63fabe8ee0f29cd63e339241722cb0b915' }, hAsync("a", { key: 'c128f0afb1378b9587ee76a62d89bec957d0544b', class: {
+        return (hAsync(Host, { key: 'f80ee91cccb915e476e1f572f9656985c2028978' }, hAsync("a", { key: '8a53200290262940ac11346d9d7526afed459893', 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: '88e38d32863145821247bc1d66e48fdb304c64db', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'c2d61e88b734363598485cac9e84636edaa485d9', class: "label-container" }, hAsync("span", { key: 'c15270a7dc528c31fe81b0ac1c0730d1712aa273', class: "label" }, hAsync("slot", { key: 'd3dfc2c82e310183f2b613f55506ae8e661427af' })), this.caret && hAsync("duet-icon", { key: '7f4c469fb9066822bf2bf9d3086cc08734a84a4a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '90c5be1db9e0fb6684d0b8032326b9fd57547a72', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '006a4ba73b60083703dbcc084263b8a721c320d7', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '9450f9f49041afd67cd79bf8c9b3ea0094cef6ce', class: "label-container" }, hAsync("span", { key: 'f0e0d4882fd97aeb7c33c29e68be8c4ee40302f8', class: "label" }, hAsync("slot", { key: 'a72b1bcc2fcd65022d09fea90b1c7c957e54ffb5' })), this.caret && hAsync("duet-icon", { key: '795f6f318bde5239cf79fa96a4a915e42032e5d1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'd79f93df8837c4e201869a960f8f7a53783b7852', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -18356,7 +20437,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: '4d177e3c8fab0bac22778d0bb67cb96b3f16a04c', role: "listitem" }, hAsync(TagName, { key: 'b32f2c34e132612cfa2e2507478f514b83585c5e', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'afa64cadf036d77b203ba09462da022116620c39', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '5163f1bbf922e02e2805a3270e3b25d987bc56c3', class: "label" }, hAsync("span", { key: 'd6da532a7b7d70b375e1be84446fb1dd7ba4c607', class: "label-text" }, hAsync("slot", { key: '2cde0560e036111ed9665d9186bf0d15b7132c78' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'f4f83f5ea741b517a630271ee5bf1ea10840f985', class: {
+        return (hAsync(Host, { key: '4f756bb5d0c55701f39ebf12163f4cb3c012b82d', role: "listitem" }, hAsync(TagName, { key: 'b56d439030bf2f1404182a33c1163053e95a197d', 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: '822cf51d5d913baf86769986bd55bef7d6a0883a', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f7bae35be4b779f37353b53df8d0169ea73a1838', class: "label" }, hAsync("span", { key: 'd6ad26e44b91ab1d3cf1e8fddb7ae97a40fa226b', class: "label-text" }, hAsync("slot", { key: '6a69204d83f659345eb5ff39d1549f99b30a3bbc' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '8c47a9f36d1531a4f29b8da89d02174d663cbf24', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -18417,7 +20498,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7a7d10e6e2c4118a911623476d672630f006784a', role: "listitem" }, hAsync("a", { key: '027009d3d9de4ce94d88b521e399c59538a56753', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: 'da3c19c52745c356f2917b5796b79bbef53f8df5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'a325291a240a537079b1103e06e6ee130bd76e8d', class: "label" }, hAsync("slot", { key: '83d70266ae54f9bc2acfffc07a43f45c40010e66' })))));
+        return (hAsync(Host, { key: '51e5c82b88f45b2a32b9007c1cba3c28bebb0f76', role: "listitem" }, hAsync("a", { key: '777ef8ad98f32b4be821e576e7085b767e2c80ac', 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: 'eb80ccc57229a8a448d32e17695c7f573805f967', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '3dc063ad2c8b8fb92d1d292205dcf5ea82889b4f', class: "label" }, hAsync("slot", { key: '2274f12f2198558e45a4b79c828c06cf9bb7f1c0' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -18767,23 +20848,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: '248395fa5ac80c14439f5249783ebe790325a5d0', class: {
+        return (hAsync("div", { key: '3c43b90c86da8b84482d816d06e6a3218aaf365c', 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: '9eee6f7b34daa5c89d5af95fa096b580a88a0f7b', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'be929248e27f557e9f274427cf36320db7e0ae52', 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: 'e31f62f350ac8b97e5affe3d2885778236520914', 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", theme: this.theme }, buttons))), hAsync("div", { key: '07d2edc0e8a9935d414571297699b8aa6e6faeab', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: '54ac8a62d743201254525dc0347f2dbd5547e067' }))));
+            } }, hAsync("slot", { key: 'dd98577cd851f44400d93b04a5bd14e3117d9618' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -18888,7 +20969,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: '26ab3b66d99bdff07554198125e8867b84051c9f', class: {
+        return (hAsync(Host, { key: 'b3ed604b2b5f0b8e31f7b90abc64693662bfef3d', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -18897,7 +20978,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: '1df61c45d1faa92385e24949ff773ec71852e0a5' })));
+            } }, hAsync("slot", { key: '29df6d3c640fbf3a7fa51b73323c3628246d3095' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19279,11 +21360,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '562a3b82275cd77dc7f90d6c53776923965415e0' }, hAsync("nav", { key: '074728e56d1f75a560331c1a4a8f12cea3343aa8', class: {
+        return (hAsync(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, hAsync("nav", { key: '8937fd46b558b273ee838a47b14b9810c074829d', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f2379c6e218e998c32f8b8a808d3ba1a9fc0602c', class: "container" }, hAsync("div", { key: '6a7a09168fc5ad7f0b8fac5019fca192d800a4dc', class: "list", role: "list" }, hAsync("slot", { key: '45621a40c7ecdb2e834ea94b6e72eeb434113b8f', name: "left" })), hAsync("div", { key: '32c6e4b3e88e5a5226d9d6a33d93dfe16079335c', class: "list", role: "list" }, hAsync("slot", { key: '75e255dcc244d524f02921fc033d9e07789f8e00', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c8aa7075e8ab33484f13a8ef7ac8b2127b30ffe2', class: "container" }, hAsync("div", { key: '76d2daf0e82846945f3510cbc21fc26e8d29936c', class: "list", role: "list" }, hAsync("slot", { key: '12bced2c765270ea94a844b9c68d993e9d43f245', name: "left" })), hAsync("div", { key: 'fed6a6058becea2b85d0131488e212967ee9530f', class: "list", role: "list" }, hAsync("slot", { key: 'e51cf22766660164cbd150a6203d8e55929dd40c', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -19351,18 +21432,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '8fbd3b46ad171ee7b574657c43ab4b407013d69d', role: "listitem" }, hAsync("div", { key: '165f7588d2a312cf1634787769dfbec7fb2fc9b0', class: {
+        return (hAsync(Host, { key: '71c0427eecb0676263c35bff4557210701d27e6f', role: "listitem" }, hAsync("div", { key: 'a5038335629483dcf2d049129ebfed49eae6a457', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '294a5b99afacd0b5b60fd6401b137a9bb9d12ec0', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '5be6ce290e94c6e03c8c49336f4ef50e4283a92a', 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: '459f1498c922214c00c2ba2262c7ccd04667cb35', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '07a73618ab9564ed67182f485396666ac047f0e0', class: "label" }, hAsync("slot", { key: '58150ae58e28c2c5632aadfda2f448e7af2ec279', name: "label" }), hAsync("duet-icon", { key: 'eccfdad69e2d56ffc7758dcd76b080636b40bd6e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '3c9a55859599ac5c6588df392d5da459498aff39', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'e4e5076e21a084d205cb550946f6a7914911a4e9', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '4a79cbc7d59d30c5f763050c44c61c03ae502e74', class: "label" }, hAsync("slot", { key: 'adecb2560eba25c9bdb1872fedc29c6b98c4d343', name: "label" }), hAsync("duet-icon", { key: 'ef92b887f19bd4145ae89b3d6ab05be6c3b2fcd0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '61bb1eff472548331aab26b636fb4606fbc982f7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '29bd581d23c750855f88f5c86d47b9cac49085ff' })))));
+            } }, hAsync("slot", { key: 'bdbb39527038baf411f9f4770cf594bdb3e86378' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -19415,11 +21496,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6d0acb25371f7ba29bd7d704652468fc8f468919' }, hAsync("a", { key: '57cb4cb5d070bffe6bec22b4e2cfe89c9ef60c42', class: {
+        return (hAsync(Host, { key: '1c874f9ed81beb0ee19f1675e95dffd0a193e2ce' }, hAsync("a", { key: '8b04559cb61b8c25ecfd1511cc07de5a260f70bf', 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: '2ea6d01bca873e3a404643caed491464eff38e79', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'c602605a04e30bca8cdfabbf6258fd9c96c2fc2f', class: "label" }, hAsync("slot", { key: 'b8c818584bb0bca390b299377a0a33c91770b3d1' })), this.active && (hAsync("duet-icon", { key: '59301d160c207f3b04992609b29c714c5add7361', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, 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: 'c58dd6c5edc6a41fe20c73876cbe5637b9d389ba', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '93d7b57557f9999e2a790a94407e098a3b43350f', class: "label" }, hAsync("slot", { key: '3ef98fd8e64aebc17df819a375c2e38207ccf3aa' })), this.active && (hAsync("duet-icon", { key: 'a77c71f91778c5e70c0c23decc3ea9e23168422d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -19494,17 +21575,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'fb158728efc0bdd81c51f1d460075fb44285a8a1', role: "listitem" }, hAsync(TagName, { key: '96916988666e74411d5cb7b047b6223e11b3c84e', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'c0d5061e7e445fe00600142c5ab9487d8a14be1c', role: "listitem" }, hAsync(TagName, { key: '74aee7fa6cd8f841f47393875699e69880e1ddca', 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: 'e78b1d52ea395b96e1d08fd76fa8f79038d25165', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'd17013e6997e2b39349287e65497bb8d4c44ba21', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'a64289c5923a1bf0e7caac725c3c73b0774b2f37', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '9f998077db9c78e6a8e9638a45b93f77b93de320' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '09f85c3d0046e30b20f7f819f2bc7e21ef6b4b24', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '9794cce5544abb7000ab9e608aa44333b62c0495', class: {
+            }, 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: 'bbd475ae20380e88619c9c5e66a863cd42f1ddd9', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '771702c41bdcfc96e85998faf3e491e06a89d858', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '5d8ef6d9d2423149d40ab6fe7d76962dee157f54', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'f8e1cd47bf03ee4665d3ba89aaca4f159cd64a79' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '850853f0ba43f5fcdbecdfc136abc16503adfe03', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '1691701310387fd3b9fc66a3e52a0773e17690f9', 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: 'f6a86fcdb6f02444ced9aa44a346bbb61557cb80', 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: 'eefea78c580bc96af908ae976d2aa95a6dbf3a9b', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -19558,12 +21639,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '258aa71d94e0e3959eef224ab891ceb4db3886ad', role: "listitem" }, hAsync("a", { key: 'e3557495157f9c6212582f47cf027f1f8389d7e9', class: {
+        return (hAsync(Host, { key: 'a9bad03bed8baaf152e894e7a55ff4320e88a642', role: "listitem" }, hAsync("a", { key: '7d14f4577994ee4bfc3086ba9f5ed9cc5d47c881', 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: '28195a63fb2020c70155284152086fa6fd4be0a1', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '85fdc84a09716bf992dbb7325b9677ed74fec706' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '36472408f3522a7a24312231b7986c550acdca94', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '05f975b4b50d0c7d3077501d0f226bff12562381' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -19820,12 +21901,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2a4a781b1045443be8dca56d456bab9ff7d9cdc4' }, hAsync("button", { key: 'da62c139588718b4a57ff95d607cc65683219d20', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: '41e46d97560f847907ab8e0579f54ed4f710454b' }, hAsync("button", { key: '04bbaa44c4a90a0da3558c11604ebcb204830ade', 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: '9464bd42026038aa453d5035bb27519ebd90bae9', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fb7040dfd935553c00e6920989b23fc68fb296d5', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: 'ac6c40e508076470433d4ddff60250249e6667d6', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '4994c9b2523e6629b91505cb4aaa8d9a43b6aa9a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, hAsync("svg", { key: '03203d8047a49b233de788ee7434811708a8d1af', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '32c2fc2cb086463e7711b179d5282c9711029dfe', 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: '29008bcb7893ae4896b9371711faeeba022fb0bd', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '8029a29e34ef3994fc8dc402432329bb4eb1e517', 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; }
@@ -19893,11 +21974,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, hAsync("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
+        return (hAsync(Host, { key: 'dcefd2a138b0d6599a09ff8a72f293ad6c7e891c' }, hAsync("div", { key: 'e3ef1db922edbb62bb6164583422409cca33423b', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), hAsync("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), hAsync("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: 'a69785a224b6d332ddef3b3a58a1de92180f0630', moveFocusTo: this.buttonEl }), hAsync("div", { key: '6b9dc31cc5430f788a1a185750bf09135af9d12a', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '248ab704fdde7e7f1a9485df5fec73e4577ef454' })), hAsync("div", { key: '47938f76464592121f5516b83e4efeda81b35cc7', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'd619ec83554676708f8d9bc56dfb7bfa9edaaa8d', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '2e6b1c12e407e9724d6fd14e8c17c6e1471cce7b', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'a32ec01897dc04fa3e70b1b2f0f46d59bf55f9b3', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'be53bde5da4a21dd4641a190587e0cb3f27bd7e6' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '7e378988bbb34cc60540a9c475346f0f2faf0544', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -20005,14 +22086,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '422e3ef16e6442e5e64ddeb7cf159aba8480bb0c', class: {
+        return (hAsync("div", { key: '62a748ef2e433a9c2d08652ec04a9a10971a3ac9', 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: '2a123be4ba03f0ca7097365d9d28501f3e55dfb1', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '170a493490fc917470b22039d4d9205c4925ad48' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '398d11e06e1f271c565170e15ecb307741e1d9c5' }, hAsync("button", { key: 'ee94b64530befedfd2d8388fd4ad18d49f32e1f3', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: 'af7c543c625487955c4c06b3904ace9e0042bcc1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '4800b309084526993db20f4e98b9ecd45e6831d0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '7cd6e21a5665066901ea37827c47e5569bc9ff5e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'a8912419d82f6acb7eb4e8c4de5a3b083ab059cb', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '9de06515af6bd91e8b82b45e7dfec1ead9b8092d', name: "additional" })))))));
+            } }, hAsync("div", { key: 'd33fb1333ae4950b44ab3c86e803548c6a468552', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: 'd6ebec5a86056d4e1dbe077afbe5f7ef37984c0c' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '49232fadf33105d0aa26fd5fb7b6e666eedc0b1a' }, hAsync("button", { key: '0859a84faede30184a5f6e731f98fb6aea8f8d5c', "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: '4e5480e755aa9cb9237b6b8f2e8f95270cd9f4d0', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: 'f0dbe2e47e92902228f9ef20810b22486b40db60' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '15c7bb123ddd408339dee76a90706e40e485c6ac', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '44cd2bb16519b7c134baeb4042a2e960ddaaf229', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '3e88358f56fb1479159dd0aabc7bd20dc702ece2', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -21128,10 +23209,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: '7f8970727b44bee3669b221659dd1f5a72df4ee2', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '074fc7ec948f6d0ab5c89c7d2d3d3ec3358343f4', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '84797a77942534e80a641d8a2ce9badef0e77937', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '224610821155dae048fd126b8d517486fa6efd38', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '6d01352482dd687520dd26d8d7c0d3863b61d4a4', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '328346632314eb8a8d0ae41de9761a488fc0bc1c', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'cab1390fc0ff3a6eb197be8e7ea16d719c2b6dc4', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && hAsync("slot", { key: '26051e329900efc2b29e6d8ebb6b2f1184ec547c', name: "filefooter" }), hAsync("slot", { key: 'c9018b5e95065813d29ee08ce924794e1ee476ff', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '8fffcc2935df87ccfa5bd89d3df773b9810d2f63', margin: "none", size: "small" }, hAsync("div", { key: '17c320b6eeefbd2b5f047b77eb613aa4e912cbdb', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'ada6f8c46784788c5900ad5a6dddfebed8a70e39', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'f352401910296a33c56ef5bb2e3f0b7e4be0594a' }, hAsync("duet-spacer", { key: 'ae4ae0b0490a4e88dab0a7319fd2dde20f05e400', size: "large" }), hAsync("duet-button", { key: 'ded36c705e15f44936844d057962cb731d47941c', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (hAsync(Host, { key: '38feaf3413c255e5602a19102a388d6711488a96', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: 'f9d0d2c774f44f358468d0e4ce6f782cbcbf3154', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '842fd73d7a52c84756eb16f16fd7adc45a04e85b', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'a6395aad02057aee59a1bf6e4c003409c93c3022', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'd918e8f0dc3e5259a79f29d32636f53c15be18c9', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '2404442011955d90a1f97a9c10156de9ef34ca71', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '904339cf1df017bbd912a030102b9fc834c3ffd1', 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: '0ae4715f3f753a29fc05173d5322d9c3cc44c90d', name: "filefooter" }), hAsync("slot", { key: '4d803341b66718656b31b5f934fb8d93eca9788d', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '8037c4c708dafbf143d6af166d53f6671722bc7c', margin: "none", size: "small" }, hAsync("div", { key: 'e428fa5083174ad4b33d1563d6650743b06a9c10', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '3566dfc4ec670a6d9ac643c86b677c51a4c2af2b', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'f28ec47277260bd20ca1edf2337028cc1f3e80a1' }, hAsync("duet-spacer", { key: '0224d4006036fac15971565b81ef29b0f9ae001d', size: "large" }), hAsync("duet-button", { key: '4e8a7a0ad1861117d45c36d3150d5ff3208bea12', 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: '385520d7dc48477cea039a0c71f1bcd5e1730cca' }, hAsync("duet-spacer", { key: '79ea5d94a4eda84e3f8328a2ac1e42890e0bbde2', size: "medium" }), hAsync("duet-alert", { key: '33e5de19e511439a04deeb8478e167558946c4a7', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), hAsync("duet-visually-hidden", { key: '2fc08bb48c1f47113399c63fd1a81dcef85fc0cf', "aria-hidden": "true" }, hAsync("input", { key: '81268132202065717f2e21b1f8dc4ef3e2173394', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '864de6deba948873fe7ada428e1af73106320c47' }, hAsync("duet-spacer", { key: '6540680972c8d28ef7f699cce9eb0440e3c913b5', size: "medium" }), hAsync("duet-alert", { key: '0c566f6e55449a1e9067a749f937827b0935ab3d', 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: '36e20ff69c0ec8eb36ccd907ef1cf87453ce4815', "aria-hidden": "true" }, hAsync("input", { key: 'd567ddb0ef056f02ac40e2595ecf97bfaded35d7', 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,
@@ -21452,7 +23533,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
+        return (hAsync(Host, { key: 'bdc206d7a5aaa10e9421f53a42ec755da049ac33', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '775f92ae2d6d7117959777a7a0127031cda0a30c' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21519,7 +23600,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '763537ba02066999a44d5b150b78e695137c94e3' }, hAsync("duet-visually-hidden", { key: '35d3f42318db029c6d554809ecf5ac14088ac89d', "aria-hidden": "true" }, hAsync("input", { key: '14ab29860cfe7da2b3c62da7649a73f6ca33c261', ref: input => {
+        return (hAsync(Host, { key: '10d219682193a77214731256ff8efeb8847762aa' }, hAsync("duet-visually-hidden", { key: '78cf6009458b26f2f0f1bb1db60c850489e45556', "aria-hidden": "true" }, hAsync("input", { key: 'd1ad31afd5645d9ad9cd6b431532a76934812684', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -21631,9 +23712,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: '9a4a5dc0a101ccb013a41d6b87a8c9ed8b0e2d7b', class: {
+        return (hAsync("div", { key: '6d84bc2db390b61ac7dbb5f160216ecd90d974a3', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: 'ecdfc43a5217eb4b917c54c728c751d7457fc4b8', class: "item-categories" }, hAsync("duet-heading", { key: 'd8ebd5747f8a58146523c31cfe9a145fcaccb673', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '8cff3489a1f96f62170c2653c3b10bca450db5e2', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '45f4bbb20e7a4d1f6b3ba0022e54c01c4340a740', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '2e20dafc9e776166217d42e921c942344d61c26f', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: '179c0bd56688fbc5e2b35d998bc56b1c6c5970b1', class: "item-categories" }, hAsync("duet-heading", { key: '47185e8203639e95f3bff7a165fb8e90f940d6f1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: 'ad6344397645ec78932b03f2193942650fd79edd', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '5254d0756125a0d56d135082905516e98b41033b', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '89ecd7da40161405ec0d94738ee876bde5f9bf0a', 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) }));
         }))));
     }
@@ -21674,7 +23755,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, hAsync("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
+        return (hAsync(Host, { key: '05190fb820e1ab0fe45ada907bdccf668d437daf', class: "duet-visually-hidden" }, hAsync("slot", { key: 'e8541096543249aae0b11507ad7194c154f149ca' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }
@@ -21743,6 +23824,7 @@ registerComponents([
   DuetPageHeading,
   DuetPagination,
   DuetParagraph,
+  DuetPhoneInput,
   DuetPopupMenu,
   DuetPopupMenuItem,
   DuetProgress,