@duetds/components 9.5.1 → 9.6.0

package/hydrate/index.js

@@ -479,7 +479,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   }
 };
 var parseClassListRegex = /\s/;
-var parseClassList=s=>("object"==typeof s&&"baseVal"in s&&(s=s.baseVal),s?s.split(parseClassListRegex):[]);
+var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
@@ -3805,7 +3805,7 @@ const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0,
     }
 };
 
-const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}";
+const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-expandable .duet-alert-icon{position:relative;top:2px;align-self:flex-start}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander>span{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
 var DuetAlertStyle0 = duetAlertCss;
 
 /**
@@ -3819,12 +3819,6 @@ class DuetAlert {
         this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
         this.descriptiveId = createID("DuetAlert");
         this.hasShowMoreSlot = false;
-        this.iconVariationMap = {
-            default: "messaging-info",
-            success: "messaging-success",
-            warning: "messaging-alert",
-            danger: "messaging-danger-alert",
-        };
         this.handleDismiss = (ev) => {
             this.handleHide();
             this.duetDismiss.emit({
@@ -3839,8 +3833,12 @@ class DuetAlert {
             this.isDismissed = true;
             this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
         };
+        this.handleExpandToggle = () => {
+            this.isExpanded = !this.isExpanded;
+        };
         this.theme = "";
         this.isDismissed = false;
+        this.isExpanded = false;
         this.timeoutID = undefined;
         this.accessibleLabelDefaults = {
             fi: "Painike viestin sulkemiseen",
@@ -3857,6 +3855,7 @@ class DuetAlert {
         this.position = "content";
         this.dismissible = false;
         this.focusable = false;
+        this.expandingTitle = "";
     }
     /**
      * Component lifecycle events.
@@ -3912,19 +3911,20 @@ class DuetAlert {
      * Always the last one in the class.
      */
     render() {
-        const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-        return (hAsync(Host, { key: 'd3c53bc46ae4d9f94d286a8ca55a1891afaec2d1', class: {
+        return (hAsync(Host, { key: '06620fa82e81c4a150b23f4f6e966147b6e6870c', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-alert-is-dismissed": this.isDismissed,
-            }, role: this.announcements ? "alert" : undefined }, hAsync("div", { key: '9b7c2ede2a81e5459214b3262c08f5a096251f50', class: {
+            }, role: this.announcements ? "alert" : undefined }, hAsync("div", { key: 'f7a81ec3238b0d2fbd7bbf073177c19834570796', class: {
                 "duet-alert-wrapper": true,
                 "duet-p-0": this.padding === "none",
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 [this.position]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: 'c372501af01265a0e962d41b0aeefa1b0803dc7a', class: {
+            } }, hAsync("div", { key: '3592e88a89d85f1ce0381d852a475b9dfe5442b9', class: {
                 "duet-alert": true,
+                "duet-alert-expandable": !!this.expandingTitle,
+                "duet-alert-expanded": this.isExpanded,
                 "duet-alert-has-icon": !!this.icon || this.position === "below-nav",
                 "duet-alert-has-show-more": this.hasShowMoreSlot,
                 "duet-alert-is-dismissible": this.dismissible,
@@ -3932,9 +3932,9 @@ class DuetAlert {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: '6a00f96245f482fa280c5618d1ab3e3d61ae57bf', class: "duet-alert-container", ref: element => {
+            } }, hAsync("div", { key: 'fe5b231c4e4c832dbc67ad92881397b83939a8bd', class: "duet-alert-container", ref: element => {
                 this.alertContainer = element;
-            }, tabindex: this.focusable ? "0" : undefined }, this.icon && this.position !== "below-nav" && (hAsync("div", { key: '3993720ebce31589b986f5441c9f8f48719f6c97', class: "duet-alert-icon" }, hAsync("duet-icon", { key: 'fc93bdce332702991e0dedf6eba0276c5d9c3e6d', size: "auto", name: this.icon, color: "currentColor" }))), this.position === "below-nav" && (hAsync("div", { key: 'e469d1feb00ce1b223b7977a1b87228933556823', class: "duet-alert-icon below-nav" }, hAsync("duet-icon", { key: '8e3407af6309c0107a6e78107c965cf28cadbec3', size: "auto", name: this.iconVariationMap[this.variation], color: this.variation === "default" ? "currentColor" : this.variation }))), hAsync("span", { key: 'e4e8494c19f24f7da051b98cef3c3efcdeb47031', id: this.descriptiveId }, hAsync("slot", { key: '1ce9a6e6c13e76f6fbf1317fa867d5400c79f41e' }))), this.hasShowMoreSlot && (hAsync("duet-show-more", { key: '2106929166ce1b954dff45ed25b218ddce15f4d9', margin: "none", class: "duet-alert-show-more" }, hAsync("slot", { key: '331aa9d74f0b995b55b6b119e569411a07673c3e', name: "show-more" }))), this.dismissible && (hAsync("div", { key: '9cfd9e835660d246540ca7452de22bcd324d4682', class: "duet-alert-dismiss" }, hAsync("duet-button", { key: 'fe950cf6c3d775160bd97b34e88ca71603a47d19', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
+            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (hAsync("div", { key: 'cfea6d4a41a4d738ac66f98c0a20c3d768366cd9', class: "duet-alert-icon" }, (this.icon && hAsync("duet-icon", { key: 'a25f4bbc61467c1778990fb06dbc3d6ac858ba2a', size: "auto", name: this.icon, color: "currentColor" })) || (hAsync("duet-status-icon", { key: 'a4dfb99f40a39303027cd9fca17522d1d3561580', strong: true, variation: this.variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (hAsync("div", { key: '9cf13040b80a2cae970a5fcb4f5c648766ba8e84', class: "duet-alert-icon below-nav" }, hAsync("duet-status-icon", { key: '7ff20b576f48af77014e044e1789ab9752c931f0', strong: true, variation: this.variation, margin: "none", size: "auto" }))), hAsync("span", { key: 'b063829358afa09115ad242c8ed74e28ff45771f', id: this.descriptiveId }, this.expandingTitle && (hAsync("button", { key: '8039158452820911e9a03456557b62b321098642', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, hAsync("span", { key: 'b3830e45790cb825cc50b7df82919794e860c2b4' }, this.expandingTitle), hAsync("duet-icon", { key: 'ac27d252ef3af1cf56b34067356b879a4a372ceb', name: "action-arrow-down", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (hAsync("span", { key: '90948facbf4820ee5d653dcc21b90665b7f064ea', id: `${this.descriptiveId}-content` }, hAsync("slot", { key: '3e8fe9bb2ec95b5cd3007c38b827a1ba812870e0' }))))), this.hasShowMoreSlot && (hAsync("duet-show-more", { key: 'b2d5e192923d83fb8764771f4d7a6800d1767c94', margin: "none", class: "duet-alert-show-more" }, hAsync("slot", { key: 'a8aa19b76a7c807c0261f38cb9330dfc8ae7f18f', name: "show-more" }))), this.dismissible && !this.expandingTitle && (hAsync("div", { key: '4ce212d852c5734afb057c9870a55bbfd1218e86', class: "duet-alert-dismiss" }, hAsync("duet-button", { key: 'a970a7077e907f1e7bbfdd61a090eaa6d7e28d61', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetAlertStyle0; }
@@ -3954,7 +3954,9 @@ class DuetAlert {
             "position": [1],
             "dismissible": [4],
             "focusable": [4],
+            "expandingTitle": [1, "expanding-title"],
             "isDismissed": [32],
+            "isExpanded": [32],
             "timeoutID": [32],
             "show": [64],
             "hide": [64],
@@ -3989,12 +3991,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: 'cb78bbf707726afa6370adc12ad150bf355b6859', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '84a4bcb3eae5bad6cbb54c1196ecd7c601910b04', class: {
+        return (hAsync(Host, { key: '0fb98aa1f2907baf25a77db2ef2890e8ba01da24', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'e0da2a8830c8e053b81a8ba1ba9fdac3a74f0a79', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '47192a702299c359b51b2b904363fc8a90fc50a5' }))));
+            } }, hAsync("slot", { key: '50f738303eb006070e7d29254c5244537d4605d0' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4108,14 +4110,14 @@ class DuetBanner {
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: parsePossibleJSON(this.sources),
         };
-        return (hAsync(Host, { key: 'b8716b8067524ae7e4c29e56cdc37d6219c7743a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '7c4b420d5a203fa5066f4a71a801c9fc288e179c', class: {
+        return (hAsync(Host, { key: '0af3739adf8f70478714148e8c932e6c26034be1', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '912afc7d42b05ef67242da0d0038e7b1892e420c', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, hAsync("div", { key: 'dd84b698336d0c159b692bde709c6f10bfe414bf', class: "visual" }, hAsync("div", { key: 'c92d3fdabc120fa760c30ae44e90a29439817940', class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({ key: 'bab1712aa5f1ab77a6c96babc607a9a9d4359dd2' }, pictureSource))), 1 > 2  , hAsync("div", { key: '411fc99b5c017a4b89f4aa375d6725e9e85314e6', style: bannerStyles, class: "brand-shape" })), hAsync("div", { key: '6ba154b92216b98f00b33d740175760049157d14', class: "content" }, this.hasHeadingSlot && (hAsync("div", { key: 'ba3ab430999ab6f0823ab957b06bcc4077799c5a', class: "heading" }, hAsync("duet-heading", { key: '256ed05f27e6c6c3ec987d4039d6a7caf713458b', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", { key: '197dbc447ca8910b13c8317cd00507e034e84e6f' }, hAsync("slot", { key: 'cba3fcc030b0412d981e7cc94626e90aa628cb25', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064', class: "description", style: { color } }, hAsync("slot", { key: '1806ab5f5be1ee076c3978f1fcb676cef6b62893', name: "description" }))), this.hasActionSlot && (hAsync("div", { key: 'bf9fd56968048a53d15cc1849c2a3b4619851c49', class: "action" }, hAsync("slot", { key: '367d2a86cb83fe2d2bdb91ae1e133453e35ce895', name: "action" })))))));
+            }, style: bannerStyles }, hAsync("div", { key: '4213a9062ef79c32430faf2230b896cdcf686fab', class: "visual" }, hAsync("div", { key: '28cc855a769f28823c4501268ac578dc00d177be', class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({ key: 'ef1257956d87c2dd2e40a309d784cf92680ff193' }, pictureSource))), 1 > 2  , hAsync("div", { key: 'c21b74c5b8af201787e8c502cab1fe5e7c6f11d5', style: bannerStyles, class: "brand-shape" })), hAsync("div", { key: '8f2a9fa44b18a35442b056f6d52d73a3804dc536', class: "content" }, this.hasHeadingSlot && (hAsync("div", { key: '7003386020f8944006ea5c7f8479aef1908f4773', class: "heading" }, hAsync("duet-heading", { key: '3bb18ccbae1989efaaf587de4985e01aa50db691', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", { key: 'b32d9f049c16b5521ad96d823c6d2325c6a80b98' }, hAsync("slot", { key: '83c445eca1d63aa91847fbe090eb8afdaec130d7', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '2a885bb4ddd277b9a56e00addc82784c469dcdfa', class: "description", style: { color } }, hAsync("slot", { key: 'f79f7fdb5137692c0ffa3fa2dd6044f9f5a1f799', name: "description" }))), this.hasActionSlot && (hAsync("div", { key: '21306ab0e66e7a6c5830df04387c89af2b01cfe8', class: "action" }, hAsync("slot", { key: '7f9c1b80831ae7e2baa3e89ff91bd2802b4c4fb9', name: "action" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBannerStyle0; }
@@ -4184,14 +4186,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        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: {
+        return (hAsync(Host, { key: '3c39bf30d5e28bdd44c42c651b907bef02ca283f', role: "listitem" }, hAsync("div", { key: 'ed0cfc7def8bc35f0f8010dc2c87ffdcbf187b87', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: 'a94a629a27e77807add5e168872d71d26454a65b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '496a188bbbea5db5b7d72016f1eee204d31b5727', 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: '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' })))));
+            hAsync("duet-icon", { key: 'cd39da4f5529b6be502b280545703600b0b6dee0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'ecba8a7f92a140853c599d2d23ae95bca864dd50', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '7219cdf405c1feac2edd55dca10b42af68eccbc3' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4252,11 +4254,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: 'af63aa4363af2f3a95ce42be51b7859174bd5749' }, hAsync("nav", { key: 'e94de5af502b5fe998b4a103485cbb71d3fd26c6', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: 'eff6f903108da2f57d998e4c8d76737743fd9288' }, hAsync("nav", { key: 'ef6a8c4a4562379a8b47f47c6f72e72bcd4e7928', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, 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" }))));
+            } }, hAsync("div", { key: 'cffd47b2c190847017411faf676ca13446facaa1', class: "container" }, hAsync("div", { key: '4503bae0216f1dea26ae7be7e643e5983fd3947c', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '34c07e83c9e4dd6d4e91c3a51efa31f877d1a3da' })), hAsync("div", { key: '334597f482a1627cd5b2b76ff3f75931e07eea71', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '319b2b25f30b5411897cd9099163f178474e653e', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4472,12 +4474,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: '88051b53fd72f0b129657ef715640223f15481c2', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: '98ef2cd4ace336d9deb8dab90ec991fc1d446178', "aria-hidden": "true", class: {
+        const commonChildren = (hAsync("span", { key: '6df4a72f66f9fd4ae02883ad8ab231bf6b20f6a6', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: '690ebfa2995cd90691f4fc4e2e5deb62f89b5e29', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, 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' }))));
+            } }, hAsync("duet-icon", { key: 'c6e2fc503c4a4f104a0b7d1508342ecac6f0db32', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: 'edbff7f759d1b849b74a736e6ef6a99294d44289', class: "duet-button-contents-slot" }, hAsync("slot", { key: '4379b5ff8076f808776bcf763c59a39d51b7b569' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -4512,7 +4514,7 @@ class DuetButton {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (hAsync(Host, { key: '3a911ded3c52428957f6616a4d1f997bd21f7146', class: {
+        return (hAsync(Host, { key: '1d74b0a85872e849c86b8a3ffe589d4a443c72ca', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -4520,13 +4522,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: 'ba3598977b509fd5da178492f5b91ee98adc358a', onClick: this.handleClick, class: {
+            } }, hAsync("span", { key: '744d6dacf5f2d588382d024d36d0cbc1b2236929', 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: 'd47a2c679ea68405e8cb22553467c00c3e7fdc94', color: "currentColor" })), hAsync("slot", { key: 'a26510be5ca0ca17c82de03527f59b8468f7e4e5', 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: '902914bbba7d1a08b8f028d8a6235dc84f9ae0f7', color: "currentColor" })), hAsync("slot", { key: 'e5a8158694af4cebd82e33faf28e6214be2823de', name: "proxybutton" })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetButtonStyle0; }
@@ -4613,11 +4615,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: '2c0e0547229b6ad6a7cdc410305fd4410b3e23c5' }, hAsync("div", { key: 'e1ed12bbba8544b1dd2f80aef8d290f01b087a42', class: {
+        return (hAsync(Host, { key: '1f3d85e38ab2cb67cbed8b7a1b4964e65aa11ac9' }, hAsync("div", { key: '27bea794b5968a85c5e162438e674d748bfd80f8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, 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" })))))));
+            } }, hAsync("figure", { key: '369b24b1890ad9e3f0ecb674a41be2e1fdbe756c', class: "container" }, hAsync("duet-icon", { key: 'f2ac395e6a8ddc0d4ed0b62566bd0d8f74e57d8c', 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: '9082471b83d092b9f9a8fa7e6a697225b0cf395c' }, hAsync("slot", { key: 'da080022642fcf1acc5d63be667fc8e8958bd488' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'c4e03326b79b0b1010f4f32d6dc1bd7083a6a2ac', class: "author" }, hAsync("span", { key: 'bf63da57bdfdbb640aaf52cb004f2f4be6bb1bf3' }, "\u2014 "), hAsync("slot", { key: '440a7037be0c937ffd0a135de1fed5234e55d8b5', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4656,13 +4658,13 @@ class DuetCaption {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'cefb662c677d5a45cc8e007a68ab67b0698ce2ee', class: {
+        return (hAsync(Host, { key: '46c245b72ac2d6f4641a58e56dccecdce8421151', class: {
                 "duet-caption": true,
                 "duet-caption-selected": this.selected,
                 "duet-caption-small": this.size === "small",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("slot", { key: '4a38bee52925d9c7db4473dd0e5bc92797b0b058' })));
+            } }, hAsync("slot", { key: '56d458c5573dda5e0b8f6ec7d376a9eb327e0628' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCaptionStyle0; }
@@ -4780,10 +4782,10 @@ class DuetCard {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (hAsync(Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
+        return (hAsync(Host, { key: '00c59be2ab7c40755629602f9e85ea64ab612158', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, hAsync(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, hAsync(TagName, { key: '8578ca3d024c5846a36cac0e767622b7eaabcb88', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -4793,7 +4795,7 @@ class DuetCard {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (hAsync("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, hAsync("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), hAsync("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, hAsync("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (hAsync("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, hAsync("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
+            } }, this.image && (hAsync("div", { key: '2609ba055ac602c074c2a545688284f99afc3105', class: "duet-card-image-mask" }, hAsync("img", { key: '59572ec1bd938cb3fb54d511031d170980129026', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), hAsync("div", { key: 'ae06ad0ca9a5828a10dfcf8aa54aa44967acd203', class: "duet-card-content", id: this.cardId }, hAsync("slot", { key: '751c8dd97e06452610214c242a67843d86e0e8f8' }), this.hasFooter && (hAsync("div", { key: '5fc1bc24f217f51984ffa8fb82b05a8022a1bc13', class: "duet-card-footer" }, hAsync("slot", { key: '3225e28c9fae8e9a7d712ec2f7edca2848c81bac', name: "footer" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCardStyle0; }
@@ -4980,11 +4982,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        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: {
+        return (hAsync(Host, { key: '22e3563654e056a768f2306ba8b402a7b090963d', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '9baca94da72a5e4355fd6052ed612b9f9831fa8a', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '4a4015c67d3e0cbeb35c22ee29383bab257bfb27', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: '33bbad5a921fc12b1c1cee9214d15b980c02548e', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: '56907d77866167ff5834d2dcc16b5cef15eb9454', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5308,7 +5310,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        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' }))))));
+        return (hAsync(Host, { key: 'e3c5ac0bcb6f15c05652b68982a64a4f8d7b4bb3', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: 'dc86df1e11e894aff70d34087371c93b6329ef1e', class: classes }, hAsync("button", Object.assign({ key: '1e13b37c1c71a4907d128312ea8bd90258880c1e', 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: '05667331b19b01c56a04d5f9498bc7381a660096', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'af00b089def6ac2628c2c416e27cf0d05699a09b', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '08a0582eaa49c55586d168fa03b3d62d6954f7f5' })))), this.variation === "input" && (hAsync("span", { key: '2b30fc1d97ced4d10148e7f1c3c0112fe0ea2b60', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '57728c6fbeca7182d286c0dd2d7a026b5597c83f', 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: 'dac4d434921406763d0fa0cafea39a50678f1681', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'e263448effb29b656e4823abc6d04b7bc8fe781a', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'aaba46892e9d7066b5e0098e7524fc3b2f7985e3' })), hAsync("button", { key: '751e257177b3a8347329709be074c01d135d3540', 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: '3cb2221c44913d1c70c3594ee5fde8fa4f4bc31d', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '95ea48c4b60f50a3560d102823daa8e42083e20a', class: classes }, hAsync("input", Object.assign({ key: '5ece926b189caaa5fde8f2695360995fd98cf8d1', "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: 'a4cf02cbd56ba320b9214510cfd43bf460115a5b', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'c524bdec18879cef4eff6c7d5c9b9896c537fee1', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '471160845fecd2564b61ee48e7354c1a97bbddc8', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'b5c3d480ac094c86b2a2ccfc2ef3a2553220b182', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '4c0df1f1b35c9c29a3a52e495511041ce40d2603' }), this.popupElement && (hAsync("span", { key: 'cf411822faef6c1f41ef097083834968fce0520d', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '89b311631787a8684a935c102925c9795076c2d5', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '023dc35672ae48ac7ee0e418886fc03ca343b6b5', class: classes }, hAsync("slot", { key: '6f71bcb76853e665c86d93827f159df48d092af7', name: "input" }), hAsync("label", { key: 'ed83ea093121d6c2ddc8d361051680416ce2f78d', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'a5c23157a66e95624c9e50537f363a461558957e', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '37ffce61bbf2743e5d3e5726c20855095e09ca22', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '39491231b4bda9a0215b266e5734f4fd9c6fd13c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '4e7a55b644e168ab2114df5a6d12f501d541dc52' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6678,7 +6680,7 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'b9c815342f0c4635b2bf03cb210c7e71e90b54d8', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '6fb34dc0d618314f3545feae349af2b90669dc38' }, hAsync("button", { key: '2c60976671c564a2ba4c2bae7c25a81d46dd089e', class: {
+        return (hAsync(Host, { key: 'f3e73e4259a6408e8bfc9b00fb4033c5117ff5bc', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '1c6ff194a2634737d39013138a7a45fda32538ca' }, hAsync("button", { key: '745c07a149e5cdb0f4ed7931988f16578acc17db', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -6686,7 +6688,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: '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' }))));
+            }, 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: 'fd1340099ac09fc9b1179c8847d5e5f982bfec4d', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: '4b0a86f201322a21f14994d5efab986930847ee9', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'c87bf63f84215ff8a55a0002991dc0688f6e757b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'e6dec579ae41cc0e7aa9452c69a1f3ec80dd5558', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: 'b518e6dbbaae9c2f84979fcca6cd00fbdf5ab959', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '5ab5b2ab6c41c93250244b1d8c75b4f061ed17aa', name: "after-heading" })))), this.caption && (hAsync("div", { key: '42f4464aa6ef6c275d0357fda56d4b95ad321bdf', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: 'fb4c4a5effb018af94f74ef3b37cb02c58704a3a', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: '1eabff6b7f58e648aa65357bf190034158c60b70', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: 'c799b44772fa7298fa93b911fc2ebdf2d41b1dd4' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -6726,6 +6728,7 @@ class DuetCombobox {
         this.inputId = createID("duet-combobox-input-id");
         this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
+        this.isInsideModal = false;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
             var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
@@ -6972,6 +6975,9 @@ class DuetCombobox {
      * Component lifecycle events.
      */
     componentWillLoad() {
+        if (this.element.closest("duet-modal")) {
+            this.isInsideModal = true;
+        }
         inheritGlobalTheme(this);
     }
     connectedCallback() {
@@ -7305,10 +7311,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: '7d4179d7cb8c4bb59a1c22c671fbe0e48c76d12f', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '746d78591b5235b00d84d082b96f97d7f3d8ac82', class: {
+        return (hAsync(Host, { key: '17740378c0fae56940762f5c1807674866bc6a43', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'e981ac2b95f34861f49a5099d9572f1b88a42ba2', 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: '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' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '9ef8552405f11afca941434adfa3788497256571' }, this.name && (hAsync("duet-heading", { key: '3a56b3b1a37a798121665dfd29218aee39c3f90a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '61749733435f24fe901941198683e221fbee7c40', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: 'eb2a3e85c0cee904c46dcb27b233219391e9a8a5', class: "email" }, hAsync("duet-icon", { key: 'b865aac36d409907f8bc2df0499796b037c70717', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '75bd0bebdb1f8dcdcd0afe0675f9144e55648a5b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '5a513b3311a575fa76f9013c8fef7e9ec2527307', class: "phone" }, hAsync("duet-icon", { key: '69aa9446753fd6dd6d68d0f0498c3b91da6390eb', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'dc77056989f67752334017d85750319a9bf74ac2', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '9bf3cae826e24eb289ef8771fd8cef6e13107a76', class: "call-to-action" }, hAsync("duet-button", { key: 'd589fe2ca11812bf4d5985d0aa5325201314f226', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'cd59d271c613f263b0280f40afb4c971126bd5cc' }), hAsync("slot", { key: 'b6fda2e690e6266cefca22703600f4542a2b78be' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7375,7 +7381,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        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"))))));
+        return (hAsync(Host, { key: 'e8dabcf5acaef5159164a8ecdbaef9340660732a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '0c6121a202c18c8239c77f1fedfb3bbd80c1ad00', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '8c159018b562878b200913b26d7095d1702c7d11', class: "duet-cookie-consent-content" }, hAsync("div", { key: 'd54ccc56226df5778173f18bc85d9fe1afb62f77', class: "expand" }, hAsync("slot", { key: 'c9b430472bec14e34e934fa2d9fc80b1a9dd1ec8' })), hAsync("duet-spacer", { key: 'c4334763366fa1eb2b0fb6fef3632bb77f59ddc3', size: "large", direction: "horizontal" }), hAsync("div", { key: '8b9673e55d8abcf0f842073d2ba49b8ce7b62a08' }, hAsync("duet-button", { key: '453d68199c48d2fa2329b5763fa49ea078ba8561', 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 +8046,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: 'a8ffb4c7ae688f5132e92183c4f1505ae5137b44', class: {
+        return (hAsync("div", { key: '068f4f4bf6e6c0b8fbe92a5eddd74db01aed9f87', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8277,11 +8283,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '15bccd2c13aab1465840c9dcc4318b7a112edf7b' }, hAsync("div", { key: '5952a98691e9c06ae16439f6411ae635f61d3db4', class: {
+        return (hAsync(Host, { key: '0dbb403057be09dd70ed37b4a86b05b009f91775' }, hAsync("div", { key: '31f92a9a4f348fec70a080f830ae67d702a6860b', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, 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' })))));
+            } }, hAsync("duet-icon", { key: '0f66aafaacc31a9c2dbd435cebe833d34d793957', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '87d09966693986d96432abb85195443e7de96ae0' }, hAsync("slot", { key: 'bf7a235ee787ba0b7796ef9a5cb6606fe09a641f' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8337,20 +8343,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        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,
+        return (hAsync(Host, { key: 'a5dbb829fe1740377b3063db2fba3453d55ef821', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'cd1965e9f81c0b64e1c3d680bf531a64c2400821', "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: '5f1926deca424959efcff40befe8779d2077998f', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '19d831a69931e0b557efff7f2653b23a017c136a' }, this.label), this.caption && hAsync("span", { key: '03daf2a72c3a0bd7d8d52f428c2d26ed3d008bed' }, this.caption)), hAsync("div", { key: '790d7c7ac6f3141415cbe4cfe3a1e5196c354a32', class: {
+            } }, hAsync("legend", { key: '6d624bedd2fc5227677ed6c936bae4064fd234ce', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '3f2483f01754947aafc2c551f0be991ccbe123fe' }, this.label), this.caption && hAsync("span", { key: 'bdf06458adc1f508612ae40e8cfdd53f6664e3b6' }, this.caption)), hAsync("div", { key: '267049a9da357f3a6055b75e897239a0c885522e', 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: '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)))));
+            } }, hAsync("div", { key: 'acd25bb3d3a9b6717ef5c19b571fae905b570175', class: "duet-fieldset-label" }, hAsync("span", { key: '0bb0395172d2149d61f9179700bebbe85c06c43d', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'ca18b6ce7d1912a335f6e7f3883b32bc3a4a14e6', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '49c91cd78b49a259fc2ecb0b8d6e6aaa8945a246', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: 'ca04537bd6a070536daba5f0ea39c695d6af9a9e', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '170972e9f2a7cce5b8264b584849044fde1e2e1f' }), hAsync("span", { key: '7b5e3b08f459e52af0515131a3f149e131ffe81a', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7c4b032b28bb6ed9ade3494c34b41b85994e7180' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8494,15 +8500,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '0239c9d8d627418f97e0ae24abc1c9e2ca47c229', class: {
+        return (hAsync("footer", { key: 'f496b6f51c1dd8934051f1912b4db06172b65b7f', 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: '98d1156ad2f44e0d8ab3121ee3db513b82386703', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'ec729eff6008f31125a808b77a97155700a7b480', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'a3c77fcaa80b1a6227c67fdd7f786ca0db98d570', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '44291443c097942b61ebf8bf548a68d16c142c54', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, 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 &&
+            }, part: "top" }, hAsync("div", { key: '29721f537178f39d39c28beb7bb3a98fe161aad5', class: "footer-top-logo" }, hAsync("duet-logo", { key: '19cf2b665b55434bdf407400d977cc2921cd297d', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '03210848f5974dabd4fcbfaf92f3b65f5d164fa4', class: "footer-top-right-container" }, hAsync("slot", { key: 'e3f62dadd619e0f1125c084767fdd13623a4847b', name: "info" }), hAsync("div", { key: '74496ea03e89b4d5b3ed908b92ae2f34fb77717e', 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 +8518,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: '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()}`))));
+            }))))), hAsync("slot", { key: 'a8cf4161ec90c879087fd89f583f25c70df72fa5', name: "extra" }), hAsync("p", { key: '08d905926f15fa486eaa9f4efb85578bad4151ed', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '81ac9fa3b4bfe95af7618a541491fc19e7bec687', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '53134f08a13719fe4613ffcf381c451ac97a3ad7', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '10557b3644ea760d5cfd1f575d3e5b3ddb010033' }, 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: '3b1f27038bb1ae1d7be3dd15f1f31ecd0f016cf0', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9641,7 +9647,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: 'fc35d12a14663418e76f8e17d41efd7fa1990638', class: {
+        return (hAsync(TagName, { key: 'a93d5f854dfdff0e491ff60abc6d87980e135f77', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -9652,7 +9658,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: 'a6f73f221a78d15399456b9d861906f806725228' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, hAsync("slot", { key: 'f3bdb5d476c6fc8b64770b39a3fff70ddc1d8c65' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -9833,7 +9839,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '7fc47bf02cf2ba5cc2f33ff49bcf333743275049', role: "region", class: {
+        return (hAsync("div", { key: 'a87828015bc3f0f5c3a2ebf27e77fcedc22506f9', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -9851,17 +9857,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: '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, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '2fa35e6204a50b7cdc7204a479e76259f6f8f1f1', class: "background-area" }, hAsync("div", { key: 'f501941190779990a908f4231ae1d13dbd88f885', class: "background-container" }, hAsync("div", { key: '2882c189c2cd2a5d935e6696803d824302d25786', class: "background" }, hAsync("img", { key: 'b3e1e5a318dc54df380ce587b9ac8dd8dd763b1d', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '598a744f8bc5135623cd146e564ebf698b3d7425', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'edf2ee1c1fcf7f2bfae9a381817ad7774095f0dc', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'f6ac809140f88bee0ef77e5d8e9d91457959e66a', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '941247c27dc7c090d80313a05c6dacd0095a8874', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'fde132fa5e470076add7b44fe7ee85f79c358621', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'cd5ee36edea14cef1fcebaae2e5856920c7f0542', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '2af0035ca5695ea7867423cb52378d8bcb3d39e2', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '3afe983e23c61a117f253e574507caf8008fafbf', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '63b551956d71b4c159fe59e6a12b88d66870e19c', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'a8f031ca703c2fb07a39f949311c6a81bfbc0271', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: '977acee94a864aec517a790fccd26eee1225fc06', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '252fa241ba5a26190fdf4fd67c2164540103bf4d', class: "background-area" }, hAsync("div", { key: 'e889553f01e98e675fade7e95453e8326203e5dd', class: "background" }, hAsync("div", { key: '5278ab8ab65218454f88067861648da388de54c0', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '98b95126eef339a39ff4672e150c0f7ac3b3666b', class: "brand-shape" }), hAsync("div", { key: '74e8794a0e42ee488c75d7a4ae4a896834ce8b2c', class: "brand-shaped-image" }, hAsync("div", { key: 'f2674542259c08a22d068d60628371cf1b8a7c61', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '3d51348e1a932fa020a85c0e8a1cb685f0826b73', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: 'e86afdaa1676423a8ac70d198662c641c338d11c', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'a8b81d0c8d0051ae30ad5cc8788e739dfbfa7ff8', class: "duet-hero-image-mask" }, hAsync("div", { key: '5bd96d05a85e2e4c38579eb3037656d36e308334', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '758c546633d47aa8a5565fbd67dbe1fd7ff487b5', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '03dd32603448da8bf7d121c2303aa2157a26b5f5', class: "duet-hero-back" }, hAsync("duet-button", { key: '6e729b39b25ba5e264eee216caa314b87c33bfef', 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: '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.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '977499b0e7894eaf4e0f1de7840067efc6b66a20', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'e57d16c5d68419bb308d26d78367d639e833ce60', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '7ddc0c264c1245cb4b11ecef8b055b3c72404c8a', 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: 'e8761243c2d0de7e4a5105e339f2702f6639c87a', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'af16129462c685b876affca73d4013b9448bf53b', 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: 'e0c9f0963d9bcf7d77551afb2a8b1acb53b85258', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '5a51db7d47b79cc0d01b87003bad413ea139e6af', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '98e4c6ea649cba4089ed782f968278a6622e1271', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '45d4b3b6e034a939960a3646c53f6e725a6dd4e9', 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: '364e4e03ab19f541ef4602af615865f17f210066', 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: 'cff0e24f4a4b4272e6a5a6b66536490b63de6dbf' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'dc9fdc50cdfa42d639b3278dcf1b0bb9d17ae0a2', 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: '0b01b76687b810f020251e813c5cd9cfe7cc1d0e', class: "duet-hero-image", style: styles }), hAsync("slot", { key: 'a61e7ebcbb366aaa17f9dc427ddb4b072cb03c41', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: 'ffdd779d95a6b7746850be5922544c3393da7b9f', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '01288561e2b13d0c2aea355d0af36b3bef030ac1', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9987,11 +9993,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: '776dcedf38f8369f2a3dd22910b86c80c25155a8', class: {
+        return (hAsync(Host, { key: 'f799d9b64984bb7425692f3ce5202d694a924a92', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: 'e08e1f123f360833978105629283f56a3d55ee15', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '5ef456ba5f67a6ea5f1d71dda34c39913318b083', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -10000,7 +10006,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, 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 }))));
+            } }, hAsync("span", { key: 'bd54fe3e7d1f257c2b44f279f48c28000e485d55', "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 {
@@ -10330,6 +10336,12 @@ class DuetInput {
             this.timeoutId = setTimeout(emitEvent, this.debounce);
         }
     }
+    /**
+     * This is a proxy for the enclosed native inputs validity
+     */
+    get validity() {
+        return this.nativeInput.validity;
+    }
     /**
      * Component lifecycle events.
      */
@@ -10535,6 +10547,7 @@ class DuetInput {
             "autoComplete": [1, "auto-complete"],
             "disallowPattern": [1, "disallow-pattern"],
             "value": [1025],
+            "validity": [2064],
             "tooltip": [1],
             "tooltipDirection": [1, "tooltip-direction"],
             "language": [32],
@@ -10649,24 +10662,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '80c12f757fb1c4bf5445c7617d1892dd1aa8eb0d', class: {
+        return (hAsync(Host, { key: '50d5e0a74d44e0dcf9f1b5dc085c62b4042adb89', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '81afc5eb022aacc3bf55f0d7ba58002290a3a2dd', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '2d48af138c05b1bfbf816ba62afe9fd409d9f74b', class: {
+            } }, hAsync("div", { key: '6c92f2936aea122926f889112ba60687ae2ef632', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'a1a8b56fd70b50a147dad1d9811637d086e4ff8d', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '857faa5737328c10aa87c41fbc8f6076877d9ba1', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '75876d2b39ff260c65420eddba4194a661bf0c4a', name: "top" })))), hAsync("div", { key: 'a9d25df347b7e011438c99ccc489d3b410610624', class: {
+            } }, hAsync("div", { key: '904770a407232e39f63f03202725a13865c29077', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: 'e1e1c1e1352822d7b86fdf47070fe2da806dc511', name: "top" })))), hAsync("div", { key: '85fb2026fd9ae01272a94e3f05098b7ded133a58', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, 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: {
+            } }, hAsync("main", { key: '5491364fea4dbfa1bcee31f1fecf04bd60726ff5', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '529ef9cfe8b5e807813593125c1fd8782d6c8a12', name: "page-heading" }), hAsync("slot", { key: '88430479dbce9f8b10ed97c186eced6d55ffce1e', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '3498e9926d5037b75037782a2119353fefa48533', class: "duet-sidebar" }, hAsync("div", { key: '59fdb9750ca12eee5e010cabf92d8e8b7d741b85', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '4f566a10f4c4e366deb04c43de70358f6df09ec4', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: 'b2f1eedd1bc391913f79bcb1891142d2e8cb29f2', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -10742,6 +10755,7 @@ class DuetLink {
         this.margin = "auto";
         this.padding = "auto";
         this.isMediumScreen = false;
+        this.ariaLabel = undefined;
     }
     /**
      * Component lifecycle events.
@@ -10759,9 +10773,13 @@ class DuetLink {
             prop: "accessibleLabelExternal",
             defaults: "accessibleLabelExternalDefaults",
         });
+        this.setAriaLabel();
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     }
     /**
      * Sets focus on the specified `duet-link`. Use this method instead of the global
@@ -10770,6 +10788,11 @@ class DuetLink {
     async setFocus(options) {
         this.nativeLink.focus(options);
     }
+    setAriaLabel() {
+        setTimeout(() => {
+            this.ariaLabel = (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel;
+        });
+    }
     resolveDownload() {
         if (this.download === "") {
             return this.url.split("/").pop();
@@ -10808,10 +10831,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: 'f3e90c99efca22219ff8ebd0a2c5bced2b833798', class: {
+        return (hAsync(Host, { key: 'd2c017f0a20d5d9af1f8c8d543c0ef5521a30d87', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '736b53ab41312fd62f6701294d8228f4cc2a54be', href: this.url, class: {
+            } }, hAsync(Tag, { key: 'a59f97d1ba40abf28a2663dd3c56d9b029ce6a5b', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10822,10 +10845,13 @@ class DuetLink {
                 "duet-p-0": this.padding === "none",
                 [this.padding]: true,
                 [this.variation]: true,
-            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
+            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.ariaLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
     }
     static get delegatesFocus() { return true; }
     get element() { return getElement(this); }
+    static get watchers() { return {
+        "language": ["setAriaLabel"]
+    }; }
     static get style() { return DuetLinkStyle0; }
     static get cmpMeta() { return {
         "$flags$": 25,
@@ -10853,6 +10879,7 @@ class DuetLink {
             "margin": [1],
             "padding": [1],
             "isMediumScreen": [32],
+            "ariaLabel": [32],
             "setFocus": [64]
         },
         "$listeners$": undefined,
@@ -10933,7 +10960,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: '7db97f4b853a8c566565c13d19c6699cb61aa0f1', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '9def9a838232a96dc345c2fdaa72ad1bf0cf773c' })));
+        return (hAsync("dl", { key: '3d8ad265bd32d112f5127ff40b36788839b0dcc1', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '85b387910bee8d7ac0918949bd749266e2450078' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10983,14 +11010,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7d5edc9fc5a6204321bde53375110cb79bf4cc5a', class: {
+        return (hAsync(Host, { key: '906611deb615d294793da802dbd0dd15c4a74d81', 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: '98639d5240ed7adaba681680719ae58994ec15f5' }, hAsync("slot", { key: 'd8f9358d2665d96c121786911152df7352b6fc46', name: "label" })), hAsync("dd", { key: '5edaa517ab825259c299f647e1f7023ec7cd5fa7' }, hAsync("slot", { key: '0c0693a642e6bbd8e075f804a4b93067ebc77699', name: "value" }))));
+            } }, hAsync("dt", { key: '243ef1636898ed14ec321bc12c8bbf1800df4ebb' }, hAsync("slot", { key: '66014a7583312ed88208147fb4cf3a0d148ca64f', name: "label" })), hAsync("dd", { key: 'bb901cdc4f8e5c9366eee9e9e2f5a7f475c8be7c' }, hAsync("slot", { key: 'b4fdf39fabbcd02adde7e3c7c734e5c26c3aa747', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11083,7 +11110,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        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: {
+        return (hAsync(Host, { key: 'ea92e634c52d5d924ade2efdd06b0541cbacebbf', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'f545d7ee648ecf2a199d807c1998e9a8d07f907e', 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",
@@ -11262,14 +11289,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: 'ee439062a14ee406cfc5b0fdb05dfc3927198da2' }, hAsync("nav", { key: '1d8487413b9de5b95a8cad1494b96834fc3b9439', class: {
+        return (hAsync(Host, { key: 'a67abb8e30e35b641b31a6891850bc4e00679373' }, hAsync("nav", { key: 'cfe9c209ee35f91942d6a77373656d288ecdaeca', 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: '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" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c24c3d152b65a65158a379e143114dabb97587a8', class: "top" }), hAsync("div", { key: 'e18c2c08b9d890781ab5007ba2a285efdb33c432', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'c020bdd05d9b5c094e7b7894b5be304a80bbf4fa' }, hAsync("duet-logo", { key: 'ffd006a03dbcb769fb17113c332db7a95e3cff25', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'a25c9bf850a71324fec4f6e9cd292ab9f64bb316', class: "list center", role: "list" }, hAsync("div", { key: '5d4984061763722ade739b5bbb4bdff333a4ad6b', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'e18128bb7e1c57b19f3c44d8d4bd34f9346ff84d', name: "center" }), hAsync("div", { key: '7197c52ee19932cd617d816ed68d00865ca1f67c', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '417e5c9153bfd3a8cadf27066a787622a8bb521e', class: "list right", role: "list" }, hAsync("slot", { key: '97846c76ecffc609c58a37b6bf7fcedab23b8e9a', name: "right" }))), hAsync("div", { key: '80b7d44146a2ac6a4f656e58efc827aefe9800a7', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11336,10 +11363,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'deca902effde36707ce8fd06bca1be05ec07c853', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'd33ec2494d4135a5d22933a608fb75944d894e3a', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: 'e819ed52a5dfb139972991a588b6d1f7c8329ddc', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '2a148aaaad2338456e326d74c6fe5f9c2a43291f', 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: '66ac3933b5491a0edda4392c8a898c1184bec10f', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '698f4da1db4de218fa735a1cbae29063cc053f6d' }))));
+            }, "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: 'd19c23005cfad3e3dc0edc9bc3023db62cd69df3', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '3dbd6d470cddd5b26277e43720744d83e7f6d3d8' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11422,17 +11449,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f93af979aeb4ce2f2746f4479fd2668900e29da9', role: "listitem" }, hAsync("div", { key: 'ffa66596cc69f73b1cb21f7402ba52eceb963446', class: {
+        return (hAsync(Host, { key: '90143154135a9a1af4361a3cca82bc0911c4208e', role: "listitem" }, hAsync("div", { key: '714f90aaa6af1291c71691895c9c6dd0c3573029', 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: '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: {
+            } }, hAsync("button", { key: '955d30fc9ceb744950883b97392628bd50a7bad5', 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: '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: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'e196f58875b135d5eb49f08ac179d9f8dac6eb72', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'b2264c9163fb53f2f133ad5aa0eb596bb9dd0d1b', class: "label" }, hAsync("slot", { key: 'eb4890ecf2721cc71c68e678b478e080b25d0148', name: "label" }), hAsync("duet-icon", { key: '331178583e3e1e92d66153fa9760a41d7c1d280e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '7b6ad09e4b1a4905861f06e3ea7f9ae7185848ca', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '92fd717630d79bf09aae7ea578f0afbe51eb2926' })))));
+            } }, hAsync("slot", { key: 'c4f3d4642e2358445b7555c16e605bafc583bcab' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11492,11 +11519,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8f202e5114349cf52a751eca7618a58bbc0a0dba' }, hAsync("a", { key: 'd4286fb4827c4799f9abb3c3ef9518c4c397ba64', class: {
+        return (hAsync(Host, { key: '8cd9a7534063729fb56553aceb03dee2a4259298' }, hAsync("a", { key: '4aa5739871a9782b15c5edbbe68c8eb7bd8d72ec', 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: 'c4517031d6eb12f4a7b93ff0ef8f94890c4268de', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd2ac491e4c7548a96ba81171fde8149585f4a7b8' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'aed6c74b178bed00f17f611ffe976d2438639730', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '06b94df84ee2103df212323a25fd7dd457128f13' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -11560,11 +11587,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        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: {
+        return (hAsync(Host, { key: 'a1df309d1f89c97fafc7c7d89afad06ffac06747', role: "listitem" }, hAsync(TagName, { key: 'befda45ecb5407629b5a79760db503b96020c097', 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: '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: {
+            }, 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: '9390d6c0d4f0260375d06bd6e8d55641230563f5', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'b31fa79746a8776ae487cc54ebfac1072e1fbe93' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '4afb0788818f5fd04f36da7ca4a7892a1f0aff63', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -11619,11 +11646,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2d5c169b766e83599ed968733533b1141a085156', role: "listitem" }, hAsync("a", { key: '93fba0cbc0022e85ce02ddf508df516b0ad92fb5', class: {
+        return (hAsync(Host, { key: '5e073042b27ed756bd91ed10c229925f7deb370e', role: "listitem" }, hAsync("a", { key: '74d7dca63dcf516b1b284d561eaa14ba5b0c35d2', 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: '6e04517b89f0d7580971f6b0efd6d7db1e48a17c', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'c560b4d027307568a905ed1e1f67795c76cfdeed' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '7db3dfe95be9c9dee6251eb67d77ea7b43a2bd98', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '30be5907568931621210b8f179693cba0c61bba8' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -11874,18 +11901,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        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 })));
+        const closingButton = (hAsync("div", { key: 'faca106e7238b19de6f5fcb56187a4b035ace031', class: "duet-modal-close" }, hAsync("duet-button", { key: '4615e465a19c56de94dab9c02284a21c7d90d9a7', 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: '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: {
+        return (hAsync("div", { key: '42183912fedecad806d5b78349ee0d1a5c7bfa0b', 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: 'e068a31ef8a49075fb445ad19f9cb14fe41973fa', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'be52b3ade6999b2220ec2de88ad64f98fef455e4', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: '7c3d1310e56471e69c0477395518191691243299', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '19cdc99e1bf8d5d55f2579924e0088202d53f28c', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -11896,18 +11923,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: 'd914271dd3812d02f5d0895508f714dc2e3971b7', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '90b71acda3d486f8f6be34b7b5c71dfb4bc34085', 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: '36a424539eacd5d219032cce4e41f6e62f4bec04' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'd6e03bc39dfced8515e26c9961b0c6642b513765', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: 'a6187dfa0a89ffbcab949e9ec04f2dbdb7bee73f' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '281bc00140765e6a20e9c812b109e1a23c177f1a', 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: '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' })))))));
+            } }, hAsync("div", { key: 'd6efd4041e56786ce78c06cadbea621e9f19f5d3', class: "duet-modal-header" }, hAsync("span", { key: '49fe986baa9c26a7c8b0c49ab5389e4734677da7', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '0e664665b83d9dc57facc7345ebce7ba6ba1e353', name: "top" })), this.icon && hAsync("duet-icon", { key: '524dfbfd9b8e974107f8b6807561b0e044bd72cd', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'd84fea6190fa4f51c73e2f0cefc09875f81a9a5f', "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: 'fd0aaec78ff7dd8af43dc340b8a08de18faced08', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '1e384296c37cd45422b329e5a2a9c219575ea285', size: "large", color: "primary" }))), hAsync("div", { key: '6ee42fba878291347ba61a59ec67647d3d7df843', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '48e57b5c320cf9dabc1ee9b6a3d3c61a4f48b32b' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12172,23 +12199,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '06c99296ef89e4c1c5f01eb5515a1d06bf3d4755', class: {
+        return (hAsync(Host, { key: 'cd808887d29fccc966039fb9641849d23628af69', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '928331f06b98e8379722445926b4b7c3a346fc7b', class: {
+            } }, hAsync("div", { key: '78c49094e1d6cb2eb6294ad7ec09d4d87d75fb9a', 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: '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: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: 'cc117d7c1021417f5edfd5280aa537bc4976ac7a', 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: '7c103399bf9ddb1b052d2b6bc5397194646c02b9', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '3aa68f10f3ff26cebebca571ac5a997ff18e5d02', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'bae0c329e17d8a63bd5e2cf57eaff9e56130b2d5', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '2c28e10bd5d02127bfba5cbd1260038448908f21', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '3b0f220f13b03b12fa49b339faea516db9be25ab', 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: 'b538e324e37532ce0339edadf5b94a6c1d9d0aae', 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: 'e4a5bbc9d11af2806f080ae4ee0de918eb799843', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '77c4f17f7bf29187ca0fa43eab1eefdd994ab458' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '424978e82f3434f10e0333bc5783ee390c24f79b', 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: '08d010d5bc10a0cf68d827499a064e0388ee1117', 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: 'aa0a9cd117c75fce4f904bf2ca3eb100a480fd8c', 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: '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 &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: '028e0f1153b2152673e3b0b422e3dabc3c68eabc', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'e52202c66c9d1ca3bdb18644932fc709f37cbff6', 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: '4424f7c01d30fa19354b36ec4812622de435a5a0', 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: '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)))));
+            })))))), hAsync("span", { key: 'ca07d4f3d02d103b5fbba9fd785918a1c848103d', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'd03905c8c40860fec72c62bf803c706426ead8ad' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12257,7 +12284,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        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" }))));
+        return (hAsync(Host, { key: '57ed245b42d5a3f467f4734292765b5fb7114ca3' }, hAsync("div", { key: '7299875cfcb1ec2c6e62dd8c0676f3fdbd9d9c31', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '08ba179aa02b222c8557db6c3d6ed80a9cedebae' }), hAsync("slot", { key: '56ba9aaec2f73b0f5a5f24974301107ae749e7dc', name: "mobile" }), hAsync("slot", { key: 'a8ec76ee2869a1c70895dbb2a496260478f315a0', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12316,11 +12343,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '65f980fd5fa033d52c207f3027dfec0ea997d2d0', role: "listitem", class: {
+        return (hAsync("div", { key: '0a6935872ea6b2def436c214e63a009104c5e33f', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, 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)))));
+            } }, hAsync("a", { key: '214a044c177a97f28fe45d13d6cb3d45a656c99b', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'f8c7ec86f0e5f39028f344162ac5ef29e5ba9d83', class: "duet-notification-container" }, hAsync("div", { key: 'f4063625f2a583f873c001b58ccced3673b585ac', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'f8a664b0cb8510e19ebf74b8cce236d571e0505a', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '60cfdf5e0524e9136848940467bd5f965551068c' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '47f79a377b30fa24591067a7d5d7e49d1060920e', class: "duet-notification-content" }, hAsync("slot", { key: '0bf0e5a139d41ec456eb89d94057e387e2503275' })), hAsync("div", { key: '08b5589473778f9d3a40be1ae82b58c1c14415f0', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12438,10 +12465,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '1088af58e8f3c30677e3c6d5baad8515829e9e51', class: {
+        return (hAsync("div", { key: 'd7e36cb19dc0f07adf6840b484828f25b6a7f23d', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, 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: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '50cacbe00a1d8352566dfe0bc4c93706f668ad09', 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: '3adf4cc0214c09a85abbd5befd07e5601a0bbc89', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '7bb2900637122b3416444ad1685a83eeb7b5dc2e', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'a5f9d3e58ec3590cf00669e9c5a75a62e7b12130', class: "duet-drawer-badge" }))), hAsync("span", { key: '759ec6fe88384409fc162f9250a92ccf360d228e', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'ffd3f0fcfe7be8bd571ef21f66a261110cf77c79', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: 'ee4db452ac267ce151011435ee5dca2b950af52b', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '3d187ecc2cb13857ce722dd60ee23bf7d11f4c7d', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -12908,7 +12935,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b9eeee3afe659216a8d79b5193d453d393d3f1c8', "aria-hidden": "true" }, hAsync("div", { key: '0e7b0eb4bd9714bf776db07996e7261f095cca46', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: 'd3e7d17560756e548f4fa7d204a2e016fb826ef5', "aria-hidden": "true" }, hAsync("div", { key: 'f3b526475b42eda736595aeb94edc9b4ece9c0b1', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -12978,12 +13005,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '1ec93e34b3cee83db8dd477081f4c89b28d48269', class: {
+        return (hAsync("div", { key: 'f4e2064060d453cbcffe97b74c61f1458c5f5e4c', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, 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()))))));
+            } }, hAsync("div", { key: '38bfd0fda610693a3565d8f68fb91675bc620b88', class: "background" }, this.theme === "turva" && hAsync("div", { key: '7981e4a4235abc7220dc729a310f3f2de7977b76', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '8eec79ca5f10455c718811d0e974a206625d4dd2', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '51b213fb3c062dad4a7bab391c861109d540fc38', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '7d53514cc6a0c81d8771708ab86a754ed9d7a90e', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '0e5bfb3b22367940e59e0fcdccb6e57a3e684e25', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '0f0cbb5d517f55bdc1cb569cecd4c7aeb2d0001f', class: "heading" }, hAsync("slot", { key: 'ac3a72160d6195830b2d7e720ae178c2e6d1c5e6', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '351c5a40296efdb0ce339f46f8d33ed550bb79aa' }, hAsync("duet-spacer", { key: 'd9973186cedb82325980777d9cbb39d7bf894b79', size: "large" }), hAsync("div", { key: 'e1e892094e54415075a0bbaaf9df8534be2f6b43', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13338,32 +13365,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        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: {
+        return (hAsync(Host, { key: '46ed5d4ac7d4f6fd6c8836da58b53d8f6b37e293', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '2d3d82550e80258763d3d358011f79c91dce9539', 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: '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: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: '92e8b40079a47d3bba5058fad86d43bee28aea5a', "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: '9b86db811736e7d40fea8e7beef5f8059ed6ed52', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '096543ca516822c32c5c6b7c6fa5f87f9e55bfd6', 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: '13a5f6ae9ca077d056926927c341619e3c421fe4', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '04f0c6b6f919e0b683af8eace28aae7ad92e89c5', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, 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: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'ee4222708ce462a8271c2defeae7b1dcccad2335', 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: '46c2cae3bf4264558a3e10d787b72f8f24008a56', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '33ea4c7865120aed99108906a9c4b4ff34a0590d', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'eff45547458a5ae69885038d2f9bf70987b2d9b6', 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: '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.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: '7bb78a6b857a713f8b0538242d7201d2458a4093' }, hAsync("li", { key: 'ebc516d88071e8a02d454e9b5fa7a4d01fc0978d', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '711f4e63b30cd5b5a5a3acc677396649d216594c', 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: '8c9cc99aa28744c7dc65ed0f8a25517a7bdec304', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'bccbbd448eb7ca1f0ce230a28ebdf7da5eed1a9a', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '2a6f5239ed98dcaf74fa063ec037885d6c2b5528', 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: '8bc41b81a0b66a8d92d7b20a872b35689d661bde', 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: 'da8bba6fd33f32cbc2e8c4b62ff9e3730cbc314f' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'a70996162c6bb74a47035e4d6c302f278c03eaf7', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '3933cb465302e5dedcc28fd9f695872e6e7348ad', 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: 'b0eec227fe7d491ba7e67c7dbbab722ff21df2f3', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'eadf008138f45ae43738c7b12df96dbc07001385', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '63b691b0400ede1a7ff96f57d0be5e4c1a45f320', 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: '52c7db3f203d4bfbaebb844ee3b06fca983c1fd1', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '4c7edb8ca99f3993c4b64ac153112491a72f1d01', class: {
+                : undefined }, hAsync("div", { key: '0a75c569fa712029c9bb6520ab684d1b3f4f84d9', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '6185cbd48fc4828a57bc4ba50918fbc5e85f4e02', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'f7909374d12e9e6e7474293cf24f50d4df584e72', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'baa8819f55e717201ccf55261f96fbf0b937bfc2', 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: '951483492689ef3558b55a8a1ee2d77dd2f143c3', 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: 'a2058bec39076987b90193f0274dc9a9f43741c7', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '88d890a714833a29323e24a62afbd25bdcfe9a69', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '4b2545937c6cc5f0b88d2d8e57e05fecc1214c7b', 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 })))))));
     }
@@ -13437,7 +13464,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: '937feb9cd408858a78be87183a5545fafd3b3d22', "aria-describedby": this.id }, hAsync("p", { key: 'efd257f20e5ef295b7555d9b7b73b5ef23fb48c0', id: this.id, class: {
+        return (hAsync(Host, { key: '781489aa8cfa1fbe821c39ba70f9729111c34989', "aria-describedby": this.id }, hAsync("p", { key: 'a8edeb1a584bef9687dfc46bd4bf1ca3463a24f8', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13445,7 +13472,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: '3f9d4bf13beebdbd96e6d8b70e006b3f91804d83' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: 'fc52f55236cf7f668aa23a91f2de13a4063be43a' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -15372,6 +15399,12 @@ class DuetPhoneInput {
     set value(val) {
         this._value = val;
     }
+    /**
+     * This is a proxy for the enclosed native inputs validity
+     */
+    get validity() {
+        return this.duetInputElement.validity;
+    }
     /**t
      * Component lifecycle events.
      */
@@ -15473,6 +15506,7 @@ class DuetPhoneInput {
             "error": [1],
             "tooltip": [1],
             "value": [6145],
+            "validity": [2064],
             "listFirst": [1, "list-first"],
             "language": [32],
             "currentCountry": [32],
@@ -17134,14 +17168,14 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: '245da481a4c3ac550648005777f7f7724c8e7806' }, hAsync("div", { key: '17069b93e411e4f951dcf4f591aacf90a0fcf7ec', ref: element => {
+        return (hAsync(Host, { key: '5bb85676ba5f828c366f50de522256423be04e85' }, hAsync("div", { key: 'b518597ae6452ccc99331cf6d9b97f209d8837ee', 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 }, 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' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (hAsync("div", { key: '9805d1a455cb8e4c6503b1c4177a5d7a5c1d5d01' }, hAsync("duet-input", { key: 'a5f49f43c7f8979b9adae13435194e7679bee6c2', 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: '507f2d58077dc27f7096aeb571e78a1b7ba3911f', size: "xx-small" }))), hAsync("slot", { key: '0df4eef63e174ee4ff14a23ba819461e30a118c9' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17250,11 +17284,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        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
+        return (hAsync(Host, { key: 'ecd69714512d5821c0e558634c25094fae64a925', role: this.accessibleRole }, hAsync(TagName, { key: '13b3dd3ab67cecd24989acf66444b6d0badec52c', 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: '3bfc02794dbd281e150ea8a0b16abac9b2c38b89', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '831b7cbafa3ac23a3b8f75099e6e1e9725b32c2f', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c460db8d6e2067b8f7e1a2b6cebcf456114db058' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'f5c2c99a60fa0aa92e0e2530b04559f3260fcd6a', 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: 'e234fa5fd161ad0938c925c4b1fb75b6fbbb37f2', 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: 'ee9a288b2fcf622e2c1885f4d1be67d5025c23f6', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -17409,12 +17443,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: '0a97e9abde099796c74ee8d4533922d35deb236e', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '1c1fd59c053cb81d932443c888c6e9573953e946', class: {
+        return (hAsync(Host, { key: 'b4f25c873b15a4a49a932bd545b2b4a127bcb625', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: 'a258d491371e320b9f48937a7d6e752e00688890', 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: '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" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: '28f1b5d2c3df418be9f59c5dc64771f45b0ef179', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'ed15e3982f37e6b3f8d07cb183a1d26cea36fa4e', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'bebacca9c33e3e45688c35344e2284bcc104f5be', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '62ab7a65ea395d42ea9cedc5191d20a482d71c00', class: "pre-heading" }, hAsync("slot", { key: '9a820fc917ecee6ed03c9bef2bec07721cef8204', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '2447d95b255c7b3b2aec8d0bae851ceb63f87189', class: "heading" }, hAsync("duet-heading", { key: '7888fa82727069054b8dac0dccb9e98cf33a6ef6', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '5a051e92591dcf390c94a5a8936b9b9cb1b900b0' }, hAsync("slot", { key: 'cf12bd24a06e3366ff3e2db5fe72297d96c2355c', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '524492cc8044e616df3d68f28f201509a4ed152d', class: "description" }, hAsync("duet-paragraph", { key: 'b267bd81e032e81b6238915140aa57c5c704f114', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '52fc68fb4d4a2c43ce5d62e4acad95e8eda460a9' }, hAsync("slot", { key: '6573a8c5e6d054c2233c705fa639ea6e3d6cec09', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '788e42b09b153da16505d3ca579fe430ede78141', class: "action" }, hAsync("slot", { key: '5f2be7ebc41c6dec491d1d2b29f6aeeabe5f4b0f', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -18021,10 +18055,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '9221b16527b63eb5558cc9422c26fc70e3d44935', class: {
+        return (hAsync("div", { key: '6c1302b439b78e5cbd65d5f31f653e1e2b2e5035', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, 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: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '83962d5374b8fca08337992a067ca0cebe9477d4', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '61cb1deef359115cdd2468894b3f492441590ff5', 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: 'b647214520907749a3a87e3921f9780e545aa66e', 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 {
@@ -18053,7 +18087,7 @@ class DuetRangeStepper {
     }; }
 }
 
-const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
+const duetScrollableCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 var DuetScrollableStyle0 = duetScrollableCss;
 
 /**
@@ -18095,6 +18129,7 @@ class DuetScrollable {
         this.padding = "none";
         this.gap = "large";
         this.selected = 0;
+        this.stretch = false;
     }
     watchPropHandler(newValue) {
         this.scrollToElement(newValue, "center");
@@ -18286,25 +18321,26 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '73d85963b8e4016fe3d891925fe817e0a7cd9cb5', class: {
+        return (hAsync(Host, { key: 'a6b6c47b76b51d36baeb7c17ea49d02072804518', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c34006e80ca8d106b496b124d73fc23063fa6e3e', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'f02b7eb92b641ae95f75c65b1770b70f0f0b4395', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, 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: {
+            } }, hAsync("duet-button", { key: '361db712df5cd053b2893967d4197dad92c51ea7', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: 'fab8fa79977d5437808b2ba76887954563f8c83d', name: "collapse-button-label" })))), hAsync("div", { key: 'd4a34094350602896f3c3af6f9170d6285cb2af1', 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: '36d1d94c465dcc3a2759bbfb7dfa092528824e9d', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: '06a9edfb77eac6cf1435811b6f1981abbd91adf4', 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: '4ce1914b23bc31c920b3ddffc064b323a2d66002' })), this.buttons && this.renderButton("right"))));
+                "duet-scrollable-stretch": this.stretch,
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '890f6a6957b1e9aaf3cb16fff1cda5f4e3b0da00' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18325,6 +18361,7 @@ class DuetScrollable {
             "padding": [1],
             "gap": [1],
             "selected": [1026],
+            "stretch": [4],
             "scrollPaneAtStart": [32],
             "needsScrolling": [32],
             "scrollPaneAtEnd": [32],
@@ -18351,13 +18388,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '89be4e82e34327cb68c695187821280140aa3233', class: {
+        return (hAsync(Host, { key: '1e4be5f0fd0dbf7edf94df49eece4306db7ec282', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '2cde22f46d6a6b602245fb0d6e875349845bd204', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'a39c58d05f6944ba7c6c0bfda25a3ad1d99f3e2f', class: {
+            } }, hAsync("div", { key: 'ccd593e31bc414fe71856d9912a22d178b3a16ab', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '7e3653080aad7bcc759fae4d179fbe95c666f020', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: 'ee98fe87b3d0994ab04c65590b5288d35aea2a9e', class: "duet-main" }, hAsync("slot", { key: '2f931f464073257e432992e99f40a58727401352' }))))));
+            } }, hAsync("section", { key: 'd0069ca9676e8bc94033282a402749665ee448a3', class: "duet-main" }, hAsync("slot", { key: 'd463298c760c4e1cbaca123c6a69b9297b255c10' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -18600,9 +18637,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '2261e3fd3e60d1ea8591219a9e64b3137fc93969', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '1c4204740ad1cfd299e96b484c602189f189e137', class: {
+        return (hAsync(Host, { key: 'a8c6768d6fd86592319c1ad2e5223a59a2be138f', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '18ecd687fd2a3d951a8910cca4a90aa73d239243', class: {
                 "shaped-image": true,
-            }, 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}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: 'ede5d048662220a9ef915ff561823aef9f14f0e4', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'abb799417eb975033305e86b49a7c94d2e295465', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -18710,12 +18747,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '342980885abd34eaaed8c7a94d2c8814af8ac7b1' }, hAsync("div", { key: 'ad3d469d25dc5073ab2e585f075e4a6d239da446', class: {
+        return (hAsync(Host, { key: 'e28180fda5c11db6ef6cd54181bef44dd0850cee' }, hAsync("div", { key: '8cc30864a7fb2d071682f10ada5d206fe1444422', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, 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)))));
+            } }, hAsync("div", { key: '6ec560dbc2ce8216e0a40d411a200d772dad296b', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '7fc79e43451f152fbc9926cf02c79ae1b345175f', class: { "slotted-content": true } }, hAsync("slot", { key: '24d35d2b69f4bfffeb3118422ba242af5cc0deff' }))), hAsync("duet-button", { key: '5f77eaef9d72966d265b77cb124c6b092d6d8852', 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: 'fa986b7b5358c050f0fb876fed910c2c4901d7c9' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -19212,16 +19249,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        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: {
+        return (hAsync(Host, { key: '4b445eb318eead2764c728327d2929108024f0cb' }, hAsync("div", { key: '078d6c2bed549c52525c18772607abfedfc64168', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '62fc3c411db587b9f8e50671d34e818448b2aff1', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '34f37329fd9c82b55adfa1b204dfc64aff0982e9', 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: '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: {
+            }, style: styles }, hAsync(FocusGuard, { key: '50aa1edb2276450ca88b9d2a146e229b836dc4f9', moveFocusTo: this.closeButton }), hAsync("div", { key: 'afde11f1422ba911edc7d89bff6dfe00870ceed7', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'f3d138b314b5f08f3f82310407f1f1d9014321e5', class: "top" }, hAsync("button", { key: '80d03015b1f9f53e522195c63aec85b387f74260', 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: '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: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: 'f5a55eca949fd3d1aef2195cd14ce85a89aa01cf', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'a262901c9c6232b543b81978452a89e0b1b1efc8', class: "sticky-header" }, hAsync("slot", { key: '1413794b99dcaa3bfe77f1c8444b579387f04cf2', name: "sticky-header" }))), hAsync("div", { key: '99dda507eeb56cccb74c3b348918de9c036dac06', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: 'd0bb2bfede05aae54cd56e487fb7a69b124b84ce' })), hAsync(FocusGuard, { key: '73d243e3a801c30a7706edac7d87a78a7750a4f1', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '773a966039e9fd275299e8fbf69dafdcdd4e43b3' })), hAsync(FocusGuard, { key: '9ce42678f6f200fc628922a5a841ca3b1b587165', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19288,7 +19325,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        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' }))));
+        return (hAsync(Host, { key: 'b832cca7ed377a76ec8d9143183c7372e350d638' }, hAsync("div", { key: 'efc13c835605f4db9b0aa5834b2228fb89978acc', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: 'a4e0267ea4b034d2efd5829caf0e63e320a84f75', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '9aeec3a4b303eba1e710eb507f9de2a6ad0b6cb3' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -19344,12 +19381,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e550af12584f602566859a45b7cbee36a7aae43e' }, hAsync("a", { key: '414c6a6a1fb91c95f3d241b0a9c90b13bb4c0793', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (hAsync(Host, { key: '41aa7844d0d5ae926ed2f7a2c1aac4ea24ec0454' }, hAsync("a", { key: '77e3b1c40bc308dc17f71e1a05029c843d6a6a94', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (hAsync("duet-icon", { key: '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" }))))));
+            }, 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: '57ea675fc4e9ef58833418727bc5f562e51051a0', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '2f36295afe99a7559a50537e34085a0e08cffa15', class: "label" }, hAsync("span", { key: '1c72fab5f756cef5ebdfedbab956833707b13314' }, hAsync("span", { key: 'adea1462c1bc7abf14d6fbd1932c58ce3849f31f', class: "label-container" }, hAsync("span", { key: '1120ae5ae1a296a938bbea5dc69658897c17d335', class: "label-content" }, hAsync("slot", { key: '37ee7d36f020c3816719587ed6af52c4381e79e2' })), this.external && (hAsync("duet-icon", { key: '835357b4406fabb0c8f4f845672c8360246282d9', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '126adc24778e676d527a581c1919093bc296f318', name: "description" })), this.caret && (hAsync("duet-icon", { key: '9fb1d15603cf698e6b923af7cced15d544fe3e7a', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -19512,23 +19549,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: 'a710fcd33474df65bbe83049ae28e187effd69ae' }, hAsync("div", { key: 'fe869129deed68044a9f2481c205d080cd330b2a', class: {
+        return (hAsync(Host, { key: 'f46337fe30195c9ce53f86335f808417226ee890' }, hAsync("div", { key: '624209f9db65e856840e0744f83db90ef41cb4d1', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, 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: {
+            } }, hAsync("button", { key: '263358137603dbecc30cf306a8a37917c8b7eea7', 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: '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: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: 'e63c59b66d8a1be0c4ecaeed068bf5230a9e9dca', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '3a7b0c414beb8932cfddf5919768f71796195685', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '16a342c95e87b622d097a0f8349565b65a31863b', class: "duet-slideout-badge" }))), hAsync("span", { key: '41111e5778dc19acd27681b7633685ba71055a5f', class: "label" }, hAsync("span", { key: '75d8f31e1537f1e5142a881765bd702ea7d827cf', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '794b10c028be205d209d8e2df36680a61591ca86', name: "label" })), hAsync("duet-icon", { key: 'cac0ab66d12c53d2ada0e8a044d86adeab402f11', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'fc7efbe625577f06f67e114699f77d7256566069', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, 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: {
+            }, style: styles }, hAsync(FocusGuard, { key: 'b09b6fc4258fabc548ac5e6130b9b78e539921ac', moveFocusTo: this.closeButton }), hAsync("div", { key: '7e6b940d66b0a9e861da629c18d5f68728d5ca20', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '08471bf9ee7d22a973b944ea2f250819c95eabfc', class: "top" }, hAsync("button", { key: 'b468ae3f1b1e467f621fb8adb0dad5b40c3f22c7', 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: '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",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '196145e2d18c76ab4d2fcd0d1209916f03e38d1e', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'b1e1170e5eaba70c6011509fb4c7f08f6b3ab0df' }, this.label.innerHTML), hAsync("button", { key: 'ab438c59f6e0fee0c5966f32ef208f200da160f6', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '642700e493429dd4b23e9f2d1cce7e0cc2163aa8', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'dd5db1090a84173663830017c671f5903a3b12a3', class: "sticky-header" }, hAsync("slot", { key: 'dda66e5db9fc188f2a691b35add7dacc0ebfd5ad', name: "sticky-header" }))), hAsync("div", { key: 'b0c5dfb0a892e0852d90ac2695dab1e48f51acff', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '74cce3b2ebaffc2b345804e6fe417912db8e72e2' })), hAsync(FocusGuard, { key: '259710cbfb6565bfc2f542d78513017882dc507d', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '8e8e5dcd9287d0474b2ec13f05e7c64a3ae6cbdc' })), hAsync(FocusGuard, { key: 'fd328bcc89aebbfdd8321927e5d71e5a374d84b8', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19598,16 +19635,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4dd2ace190b42dc603842e0a68bede86a0576849' }, hAsync("div", { key: '3bcae1d437eb66927c58c9d6394668f7e89b96c0', class: {
+        return (hAsync(Host, { key: '0abf8fbe3f97b82c16ab78503f552acf3a7845bf' }, hAsync("div", { key: 'f3b2ac7593a1c2e4bd28ecbc5d2359dc19aaa471', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, 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: {
+            } }, hAsync("button", { key: '6ea8713be1c87353a9f4f8e114b39ddadb58c31b', 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: '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: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'c14d7d839e73cd781a18cb453c07596322fe7a09', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '31f228fbce752e32b97d178e5d828a2a6078e18a', class: "label" }, hAsync("slot", { key: 'd799eb676b2ec24ba1c684d4a24b687191677766', name: "label" }), hAsync("duet-icon", { key: 'e008641da11d9f715d2fafca86408986b8ee731e', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '2ab566a7deb463925981660c996e5c4005ace6f3', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '5d9e9507bb4d8ec3ce3dcc4101b9a1ff432af55a' })))));
+            } }, hAsync("slot", { key: '7212bac90e1327b7352816c5df3881b64aea0cba' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -19642,7 +19679,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '37319380d158f854c7b73b9fc3360a521c6660a3', class: {
+        return (hAsync(Host, { key: 'd503dd5ec4ebf49ecc18d7a622f1d62cbcb1b905', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -19693,11 +19730,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'def09b6729906cf4ce285aaae09c5d25232eccd3', class: {
+        return (hAsync(Host, { key: '194d4854c2416f5ad22bf536d6483b6782317f08', 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: 'c288229cd2603d51ad54de0bab9017bfdc53ac73', class: {
+            } }, hAsync("div", { key: 'b25c64bdc68c6fd314e4bf631abd398be537d4e0', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -19723,13 +19760,13 @@ class DuetStatusIcon {
         registerInstance(this, hostRef);
         this.bg = {
             default: {
-                default: "color_lt_blue_100",
+                default: "color_lt_blue_200",
                 success: "color_success_200",
                 warning: "color_warning_200",
-                danger: "color_danger_100",
+                danger: "color_danger_200",
             },
             strong: {
-                default: "color_lt_blue_600",
+                default: "color_lt_blue_700",
                 success: "color_success_700",
                 warning: "color_warning_500",
                 danger: "color_danger_600",
@@ -19737,10 +19774,10 @@ class DuetStatusIcon {
         };
         this.color = {
             default: {
-                default: "color_lt_blue_700",
+                default: "color_lt_blue_800",
                 success: "color_success_800",
                 warning: "color_warning_800",
-                danger: "color_danger_700",
+                danger: "color_danger_800",
             },
             strong: {
                 default: "color_lt_blue_100",
@@ -19786,10 +19823,10 @@ class DuetStatusIcon {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3f55d55c4c4a2b1d600dc40d12463f217add88b1', class: {
+        return (hAsync(Host, { key: 'ec2779fbc64fbf76f8f5864a91448c8f16c7be4d', class: {
                 [`duet-status-icon-${this.variation}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, hAsync("duet-icon", { key: 'e45fb67068cc9f4bfe66554808f1b47888bd86a8', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, hAsync("duet-icon", { key: 'c2199d9c38c021b503b0c769c85c1bbb1be20c85', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -20017,7 +20054,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        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' }))));
+        return (hAsync(Host, { key: 'ab2f20da50c7b380c3d7db9d725c794b6085b4c6', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '8707def52f0046d4e3808b77c9210fd31110c8c9', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'b3f71651a288edba6eb6e2af0a5dedd18699d883', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'da24012bef0a0a2662fc3f1e52ed9771c6947143' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20162,19 +20199,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fec25f6c8b5983923f591d756decc5ae3404de5e' }, hAsync("nav", { key: '6f812f5da82df3218d6de29f655d2596ed865a4d', class: {
+        return (hAsync(Host, { key: 'a576724500c4788b536a3b8193739b0feb586097' }, hAsync("nav", { key: 'cbd9bf6cf167219e06097ab35ab506fee4d2d264', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "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: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '12b2a7c525c7b1db09ed976ab4de37d29766d5af', 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: '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: {
+            }, onClick: this.onClick }, hAsync("span", { key: 'db6dd7c6a6d7f4596de7804933eecfdd755d34d7', class: "label" }, hAsync("slot", { key: '655201ae74021152e4c40f8e05e799ee1211eaf5', name: "label" }), hAsync("duet-icon", { key: 'f4376447a260b87e6584cfc30649ad325793fbf0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '0b0984efaef986d0cc085933db00c6184494fa24', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, 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: {
+            }, role: "presentation" }, hAsync("div", { key: '8f155fd14d531efd401d02a3cbb5b6ee6ea12f1b', 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: '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" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '372d9400bab87b47e8498d5f10389217d030b44d', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '87dd3a21cbc88bbdb20a0e3d9f7bf2bd6e912739' }), hAsync("div", { key: 'e46af5d6a812acb52bc36e4ed73a3754b8689b44', class: "list-padding" }))), hAsync("duet-overlay", { key: '25e2460627f6a2c3ba7e9c97aa6e971c2d902f2d', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20295,18 +20332,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b3ceba0158daeda5a08cdbb24998e6a5621a3703', role: "listitem" }, hAsync("div", { key: '7151474e27716eb431d4e91c40df63183b3a7aa3', class: {
+        return (hAsync(Host, { key: 'cdc11338d7f05e2bc667fa27aad8fdfef52c2562', role: "listitem" }, hAsync("div", { key: 'b5a80b4e1ee8596a977b9329e5b71993fe91f042', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, 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: {
+            } }, hAsync("button", { key: '6904e951e3436e2634909c1f15b683bf3ab44caf', 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: '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: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'eaecdf9c876d0a3504b4847478f07a118c62ada7', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '2bfdbcf09145f70fbc9cee0b02ab32ea11c05521', class: "label" }, hAsync("span", { key: '8f052b27fd5c5f09d9a73c689a107bb94651b79d', class: "label-text" }, hAsync("slot", { key: '99e8c6400bd527914cb24d93a2213dbecf1b1c4b', name: "label" })), hAsync("duet-icon", { key: 'bf25a9b3a654eb8760e7398b6b7c811643058620', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '7309891af390dfc28404a046c94f60b53cb02a20', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6' })))));
+            } }, hAsync("slot", { key: 'ca09d613d10280263425c6c14b65e2b26a68e1ec' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -20358,12 +20395,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f80ee91cccb915e476e1f572f9656985c2028978' }, hAsync("a", { key: '8a53200290262940ac11346d9d7526afed459893', class: {
+        return (hAsync(Host, { key: '265864aed596db335ee81157e2ae922877cfc170' }, hAsync("a", { key: '5ab69ed1cf6f7f5dc3cbcef5ca40aaee44779cf3', 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: '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" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '3d6a0d3238809d2905ce9f8d75e74d782f84fe6d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '86e1ce3fb8719d5b6a585d7806844e809634bdc5', class: "label-container" }, hAsync("span", { key: '57cac4a28634f0cb083c1f1dfcaf43490f98bc7e', class: "label" }, hAsync("slot", { key: '8f55cce2aae50401ba19c5ab8ae11c03f4e5096f' })), this.caret && hAsync("duet-icon", { key: '472549f0e49cc7a44dc39cc672bc3c7bbc660996', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '012914b6c93b44f72f80f9f6b6fbb4e3aeaa0e2c', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -20437,7 +20474,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        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: {
+        return (hAsync(Host, { key: '1539b04fd9a154f94973772db3ad1d4b74e91d93', role: "listitem" }, hAsync(TagName, { key: 'c192fc30798c33854b17676a58da50da64e0ff10', 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: '17c532e1dbf661c21a22d7d0419ab98253cef382', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '3c1f00652e9942b8cd739d7a9db38f35a780c224', class: "label" }, hAsync("span", { key: '8093c617fafdef251908bb6b33e2a328675ba3bd', class: "label-text" }, hAsync("slot", { key: 'f820fe43b2b76d66c847440c46447f0d77a4c63d' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '7fbe3470917a49b5efd32c7e1ba6f58c99b55b6c', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -20498,7 +20535,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        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' })))));
+        return (hAsync(Host, { key: 'f925bc74deee76d7d087ab4395f5de329e937402', role: "listitem" }, hAsync("a", { key: '6bed44169f1ef92a8ffd411df951436e2a3c7acf', 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: 'aa57fc5ae5e2866aab9bf8aff04de5165545ab20', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '9b34ba6c242e6f96263af600c180e84c3253a2b0', class: "label" }, hAsync("slot", { key: '264b834fd4da51894e0fcd8d2dda0664a1e739a6' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -20638,7 +20675,7 @@ class DuetTab {
     }; }
 }
 
-const duetTabGroupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(98, 121, 138);border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(113, 118, 132)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(51, 5, 20)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(51, 5, 20);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
+const duetTabGroupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:\"\";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button.selected::after{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:206;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(98, 121, 138);border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(113, 118, 132)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(51, 5, 20)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(51, 5, 20);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
 var DuetTabGroupStyle0 = duetTabGroupCss;
 
 /**
@@ -20716,6 +20753,8 @@ class DuetTabGroup {
         this.setTabIndex = true;
         this.tabChangeConfirm = false;
         this.switchLargeBreakpoint = "small";
+        this.fillSpace = false;
+        this.stretch = false;
     }
     /**
      * Component lifecycle events.
@@ -20848,23 +20887,28 @@ 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: '3c43b90c86da8b84482d816d06e6a3218aaf365c', class: {
+        return (hAsync("div", { key: '91c98abed0ba6cb8e204f30a8272f02258b6341f', 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: 'be929248e27f557e9f274427cf36320db7e0ae52', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '934ea6b673a31b130e8a2c6f0f4111ab176d46b1', 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,
+                "duet-tab-group-fill-space": this.fillSpace && !this.stretch && this.variation === "default",
+                "duet-tab-group-stretch": this.stretch,
             }, 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", theme: this.theme }, buttons))), hAsync("div", { key: '07d2edc0e8a9935d414571297699b8aa6e6faeab', class: {
+            } }, this.variation === "checked" ? (buttons) : (hAsync("div", { class: {
+                "duet-tab-group-scrollable-wrapper": true,
+                "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (hAsync("div", { class: "duet-scrollable-stretch-overlay" }, hAsync("div", { class: "background" }), hAsync("div", { class: "border" }))), hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), hAsync("div", { key: '75d72de91a5bfb5a4ea4ec860aec4f330aa68729', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: 'dd98577cd851f44400d93b04a5bd14e3117d9618' }))));
+            } }, hAsync("slot", { key: 'd8183827bbd8150188de28f92dc42aa1a42207ac' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -20887,6 +20931,8 @@ class DuetTabGroup {
             "setTabIndex": [4, "set-tab-index"],
             "tabChangeConfirm": [4, "tab-change-confirm"],
             "switchLargeBreakpoint": [1, "switch-large-breakpoint"],
+            "fillSpace": [4, "fill-space"],
+            "stretch": [4],
             "tabs": [32],
             "selected": [32],
             "openTab": [64],
@@ -20969,7 +21015,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b3ed604b2b5f0b8e31f7b90abc64693662bfef3d', class: {
+        return (hAsync(Host, { key: '76d5b17d941f8b7e1bf96cc00aa33776355ddd19', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -20978,7 +21024,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: '29df6d3c640fbf3a7fa51b73323c3628246d3095' })));
+            } }, hAsync("slot", { key: '1d1896e37d20ab522cb702084b4ec425054ca09a' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21360,11 +21406,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, hAsync("nav", { key: '8937fd46b558b273ee838a47b14b9810c074829d', class: {
+        return (hAsync(Host, { key: 'ce7e215da00ab7e0c4ee44d345058b6cedfd97c3' }, hAsync("nav", { key: '28e2379d5a370a8ac54f1cbe2b5f5d15b2c9ece1', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "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" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'e75d86f9144c7a0b92b3d2c29684aff4d7812b8f', class: "container" }, hAsync("div", { key: 'c903459f70976aef11eeb6437c45d3281e7d3e5f', class: "list", role: "list" }, hAsync("slot", { key: '07dd3705deb345be533ba680110e4ea42b2e5703', name: "left" })), hAsync("div", { key: '894e41752fde9eba03ab57bf625379dcbfbdb991', class: "list", role: "list" }, hAsync("slot", { key: '5284d9d25dc6a5237b49e880dda1c97a7ff4fd56', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -21432,18 +21478,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '71c0427eecb0676263c35bff4557210701d27e6f', role: "listitem" }, hAsync("div", { key: 'a5038335629483dcf2d049129ebfed49eae6a457', class: {
+        return (hAsync(Host, { key: 'bf2464e8a1407f1666f8c7dc0aae3e6dc0338197', role: "listitem" }, hAsync("div", { key: '37579505be5a4833d9d3076fc01ba035c23742f2', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, 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: {
+            } }, hAsync("button", { key: 'cbd3b40b4c00830119adff6c7abbb18eefd7229a', 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: '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: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '3b313cdc8d507f3c0d459578499317f6ffe925fe', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '9a87cf2879d800aa73bdfeb1830dfc6b8b60261b', class: "label" }, hAsync("slot", { key: '028d79ebcbc108df69d6e1ec291628bdb4eb4af3', name: "label" }), hAsync("duet-icon", { key: '354c013777cb07adebb17d71e4eceed3b688bc0e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '50eb431f61e5e137a5e3a5513932145f01ec7131', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'bdbb39527038baf411f9f4770cf594bdb3e86378' })))));
+            } }, hAsync("slot", { key: 'b567aab76f31a9ffa43ae20db8ffdd4e69379c8f' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -21496,11 +21542,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1c874f9ed81beb0ee19f1675e95dffd0a193e2ce' }, hAsync("a", { key: '8b04559cb61b8c25ecfd1511cc07de5a260f70bf', class: {
+        return (hAsync(Host, { key: '12faaa149234ead7067f6943772d58c23b10166c' }, hAsync("a", { key: '477d8bb8e1f4b3b174f507fd7c53f6a907a3102e', 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: '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" })))));
+            }, 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: '8762b7af7040beefa50e633bdd5716f9b5358dcc', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '6cf9d16485d850716ee01c9c17dfc8b50ab069c5', class: "label" }, hAsync("slot", { key: 'bf05e2559731f7a7ffab5f3e78909630c4a52972' })), this.active && (hAsync("duet-icon", { key: '8916368feb88f231ed194300033cf1c753b3d2ea', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -21575,17 +21621,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        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: {
+        return (hAsync(Host, { key: '6006981bbe12b3ba52c5b64cc4dbbf56cb89d20d', role: "listitem" }, hAsync(TagName, { key: 'dccb47e7d45c5431c95d833c655afbb377091a29', 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: '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: {
+            }, 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: '8d2a6e7db72c879d85828176c3f6d0f664cfa6d5', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '05ce2994ada9dc5ac426d2e0fbcb290577dcd2d3', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'd37c9510203aaa2feeda9cf3bc4ce9880101583f', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'c28585b19736c23de1daa80b25d829e8fb6491c2' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '5309c36fd0748017a5ded878adc33fd3eaed2fdf', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '572e9b11ac0797903d6ab6d254edc9d0603a0e02', 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: 'eefea78c580bc96af908ae976d2aa95a6dbf3a9b', 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: '2228717501481b13be34349f12311f3329af402f', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -21639,12 +21685,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'a9bad03bed8baaf152e894e7a55ff4320e88a642', role: "listitem" }, hAsync("a", { key: '7d14f4577994ee4bfc3086ba9f5ed9cc5d47c881', class: {
+        return (hAsync(Host, { key: '7843fe58da1337938aa7fb73c0c81ddb805a9f92', role: "listitem" }, hAsync("a", { key: 'e2c1597e22c5d117c6bd64c3f00791d27198c73f', 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: '36472408f3522a7a24312231b7986c550acdca94', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '05f975b4b50d0c7d3077501d0f226bff12562381' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '9bcea69c2922012673110e3e4867938933b4307a', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '8e882ffd51420318b7c4d7de8da3687a8060109c' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -21901,12 +21947,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        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: {
+        return (hAsync(Host, { key: '6961f23c9aa007b2e9d611547e83bb69379064b1' }, hAsync("button", { key: '84a967c2262526011d1b465f6a4753394488681c', 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: '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)))));
+            } }, hAsync("svg", { key: '8aa78b195f8ef013fc1d659f5a9e696709aba2af', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '274c3cf89dc82767876cdb9684671a073d1570e4', 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: '131d0ef689f89bd66058bdc878c8f16742774189', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'b8e3c2329d7a001fdba0ec51c5d698fecd9753aa', 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; }
@@ -21974,11 +22020,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: 'dcefd2a138b0d6599a09ff8a72f293ad6c7e891c' }, hAsync("div", { key: 'e3ef1db922edbb62bb6164583422409cca33423b', class: {
+        return (hAsync(Host, { key: 'af904a5ac9d8376f7d5c7e0e5a51960bbe73ecc6' }, hAsync("div", { key: '66bdc4e42694f13fef8d1221eba8de0ec68dc96f', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, 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 }))));
+            } }, hAsync(FocusGuard, { key: 'ed95d75265969c1cfcf4006172e3479a308c74e8', moveFocusTo: this.buttonEl }), hAsync("div", { key: '0b9806ff4d965d391a7ccc586edeee099b8c3316', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '506777278ef4ef24b387db0f3ef2832a093851b6' })), hAsync("div", { key: 'e0759a2ff789cc80288b6822453d64d01fc10528', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '01cf36b6b4ac43979587a10f1baa9945ee818215', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '87a9c5531a92baa0189f6e83916c407a9a83bb19', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '280c7404d7da50f321659b842847812332eee665', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'cf09b71ae6d692fa95207e9bbb7816a431c0fba8' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '4d456216d3c5012b83cc52743c4d0f0dfc625e4c', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -22086,14 +22132,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '62a748ef2e433a9c2d08652ec04a9a10971a3ac9', class: {
+        return (hAsync("div", { key: 'c2508659c69f7e3f5e1b555b0dc37a3188c4f151', 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: '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" })))))));
+            } }, hAsync("div", { key: 'a3449743f08e5a1495f737b817fefaaa494fa762', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '520cb0e7c9b137bae2f835d7af23a51a9ca8b0f8' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'a0de63994ded68047b9d247288cf5484d0d8246b' }, hAsync("button", { key: '2f14d184ff8d74aa2f8a59ae10a9148025e85ff3', "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: 'f03b487931227a4845bfe88612bb7c4c28b59305', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '813046c76b75b6c1178a3ef2d8fe2a562fc88fe0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'aa343225a55400505524640d6625101f7ad97f43', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'ece52eb12d7070065a572697e7d02d09af685b05', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '2ed25ae66ccab231c4fd7a33db4e0e02eaa63e16', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -23209,10 +23255,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        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 ||
+        return (hAsync(Host, { key: 'cec11d488b4820e9d16dbfd5ab406c4288c7fac2', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '7efebf69cae1bc1beabd798114406fae520fdbff', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '2720ff45fb2c97851f52d67d1092164bd25d7545', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'c3414992894eeb5ff160b2312f4865fe54f8ac57', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '9644f9ffe9efc3af270ff60608fe465232baa032', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'dac437e1fba3344a7df3ecc1d731bed42ac7c2ed', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '2455855ab853c1e6c292db98f215704ae4fb7a64', 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: '372f3beaa27878715e5991e48c049c4c3642d12b', name: "filefooter" }), hAsync("slot", { key: '2a49079f36665f770a45fcf6e07977ec504e862d', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'ab17d295466974186cf6f0c11c81a11b26c1c152', margin: "none", size: "small" }, hAsync("div", { key: '168660295f3bcfc0d436dd68a37540bd7b96ad67', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '84eaa151e87caf6615be2436f1cd60a11a71f20f', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'c421959e6d716f48d55c541b54d5b029e9261c20' }, hAsync("duet-spacer", { key: 'e62873017acd4badc3101b18a56784eae19cbea8', size: "large" }), hAsync("duet-button", { key: 'c8894de342e9ea51ede106a0ca0400c614576d43', 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: '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.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: 'd0ad0e0fdcca436bc1362f3f85ded3312daee717' }, hAsync("duet-spacer", { key: 'e799c51bdceded00756c53d2136b0e3ce1f97b55', size: "medium" }), hAsync("duet-alert", { key: '444141c26982844f3d15a1cf3e3745948bf3d3a8', 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: 'febd550badcba99140209922fcaa84e140aafaed', "aria-hidden": "true" }, hAsync("input", { key: '0f78eaf89f80196287c11b3f5ac7728f03c5ee3c', 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,
@@ -23533,7 +23579,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'bdc206d7a5aaa10e9421f53a42ec755da049ac33', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '775f92ae2d6d7117959777a7a0127031cda0a30c' }, this.statusMessage)));
+        return (hAsync(Host, { key: '0dc705afa53d7a65a4e4267017e5d9c7f63f48b2', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '53f84289ffdb00d7da79c205f94c6420b86355ae' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -23600,7 +23646,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '10d219682193a77214731256ff8efeb8847762aa' }, hAsync("duet-visually-hidden", { key: '78cf6009458b26f2f0f1bb1db60c850489e45556', "aria-hidden": "true" }, hAsync("input", { key: 'd1ad31afd5645d9ad9cd6b431532a76934812684', ref: input => {
+        return (hAsync(Host, { key: 'defb266e2408734741f3749f8d3255010cc4abfd' }, hAsync("duet-visually-hidden", { key: '04f0329352b9c48346478090a8a25c1aeeec52de', "aria-hidden": "true" }, hAsync("input", { key: 'ba1bd9fd6d3e26d5eed79b00d32649c5180a7ba8', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -23712,9 +23758,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: '6d84bc2db390b61ac7dbb5f160216ecd90d974a3', class: {
+        return (hAsync("div", { key: 'c95f1a14719f736fe6b01e17900539fd024e06b3', class: {
                 "upload-item-row": true,
-            } }, 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 => {
+            } }, this.showCategory && (hAsync("div", { key: '1285df905057048e8bd034b3d46047d7e43eac7b', class: "item-categories" }, hAsync("duet-heading", { key: 'a76917b032827e89cdadf5be982b46368f998086', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '081e4cb951f9400fa1804531cdfe2744c15566f0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '515c9956bfe801d09c7c6c9b68b3b92bc66df612', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: 'b26088bf0716ebd9db38c1fac311ab5888a05c0d', 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) }));
         }))));
     }
@@ -23755,7 +23801,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '05190fb820e1ab0fe45ada907bdccf668d437daf', class: "duet-visually-hidden" }, hAsync("slot", { key: 'e8541096543249aae0b11507ad7194c154f149ca' })));
+        return (hAsync(Host, { key: '000e564e8d2bec83686a04939d857c8ee87bdab2', class: "duet-visually-hidden" }, hAsync("slot", { key: 'd2e56182f3f5924a525883f59f4b2b9f16011a39' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }