@duetds/components 10.0.0-alpha.25 → 10.0.0-alpha.26

package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js

@@ -62,17 +62,17 @@ export class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '870e7ba2d40001532dabdb4c9468b73570e1ade7', role: "listitem" }, h("div", { key: '7c60bf682acd9d11e8633f862f07391a706de817', class: {
+        return (h(Host, { key: '5d1851929ee7081f01cea9c55edeee771dc42be3', role: "listitem" }, h("div", { key: 'e54d3af80bbca5e24f4c5ab831b0797c605c45ca', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, h("button", { key: 'c0bdf57ef46ae179d3c0d6e7f45bdd7ffe10769b', 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: {
+            } }, h("button", { key: 'cf2bcb77b1a0841f83a21077142e178b066484f0', 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 && (h("duet-icon", { key: 'c97e52d72933959ecbd6b9519940427735cdeccc', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd831c0f2defb108643ac9a11f6be93f4f98a8dbc', class: "label" }, h("slot", { key: 'c396567614cd3badd2b373a1922ea907f75750a8', name: "label" }), h("duet-icon", { key: '4e8adfdf9998028a514fa386275affa9c4fe29be', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '683257ed3f02ee4cde289c0efe48af7f06fa50c5', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'a39f3f0341a93ffe8c5974c8900f42f45c262b4d', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '2333c31f1a6dbb2f90712614d6861cd565e24c99', class: "label" }, h("slot", { key: '55556372f68d0fed856a6fbf49280f4803781e81', name: "label" }), h("duet-icon", { key: '770ff3a4aeb359e88e05cb6f8739e5a9c51109eb', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'ca0f2366604f3b92dbdbb2684229f7edd4992ef0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '281de42fd56a1c9be76c9b4218d4354032a56834' })))));
+            } }, h("slot", { key: 'b9f25b138f37a033bb6bd753f67765bb08a8aff6' })))));
     }
     static get is() { return "duet-menu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js

@@ -48,11 +48,11 @@ export class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6d31641d480353ee7f924029a31c94dc1747f1ed' }, h("a", { key: 'ea374446994ad7ea0780b8f4320247c718f08219', class: {
+        return (h(Host, { key: '3255461b870d6e7985daaaabd358db008926df23' }, h("a", { key: '1ff26c26e3029f63b5a2052676137c2e6f3cb70d', 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 && (h("duet-icon", { key: '486173db589cdbf851d3a5dd9171990af84707bb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'd284cabdff17ad2590e80ed02894fe87425507b0' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '0b009531dc2f921fd0557d417f16974a2a0225e2', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: '1cace4ae4f0967a87b621717569fbfca8d504cb6' }))));
     }
     static get is() { return "duet-menu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js

@@ -71,11 +71,11 @@ export class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: 'd968cd5ac488d7cc0fea66408de412524dc88b35', role: "listitem" }, h(TagName, { key: '143da0db925d6a45f69a6defcc0d96710d395cbf', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '96e3f6f65b5e2e3b218d75f1fa26bbf06026389c', role: "listitem" }, h(TagName, { key: 'f673532ffa1d58f430618e6e9b62bbd2291d8262', 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 && (h("duet-icon", { key: '22ef7c16eb08f2a24bbd902c1e702103a8319621', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '9560bccb8d749a945592866e33279c9e1686f9af' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'c152621621d193d9d80cc0984fe36d230a2b7a63', 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 && (h("duet-icon", { key: '1c232e9096b3307a39f41cb169b3eb4149dcca40', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '0ce1d48d334370e8b90c6250e3bc4386a1dd6a42' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '0e1f8ea5c34566ff0b6d35672f7ac21c174be123', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js

@@ -33,11 +33,11 @@ export class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd150209d2395822ac0ba4b0d6372bdc0ba5532fd', role: "listitem" }, h("a", { key: '46070813f893e645146a7ca8ea798fa455df11e9', class: {
+        return (h(Host, { key: '2dbba977ecce40e0e35b0446763fb4f2ce144071', role: "listitem" }, h("a", { key: 'e593c87de20138cb156e002a6de68a6492fbcb2b', 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 && (h("duet-icon", { key: 'bac5752b20258b49e6b3210f071578154de8d8d8', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'efec03fcc7a033a4f9df871a4a087d7c9a04a0e8' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'ea48038cdd45b8fb0ea26eab4a60a1c14f1ce091', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'b679ffa584c1e1738c5c31f320a14ef8aea42937' }))));
     }
     static get is() { return "duet-menu-bar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-nav/duet-nav.js

@@ -31,7 +31,7 @@ export class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fff23e9c9f994ed80cebebdf7bb16d05a0b13281' }, h("div", { key: 'bf9f4a0d164a27073a8f3be2fc14e7f14f39e479', class: { container: true, sticky: this.sticky } }, h("slot", { key: '4fa7cc506db4c4b6fa9ff5219ba7b7e56107a8da' }), h("slot", { key: 'e9e8c0e724f76feb3aa320207f5a3ef7a7ab5ac9', name: "mobile" }), h("slot", { key: '49e37c33533e3ba9c733660c0420d85a3a63e80f', name: "desktop" }))));
+        return (h(Host, { key: 'f7a8ed09a94df6c749849af4fa57746415c1ed35' }, h("div", { key: '0698cb914b2069f402b0771c748a488e3523aa67', class: { container: true, sticky: this.sticky } }, h("slot", { key: 'dbac0328ad41f8a9bde92011b654dc8640021b0d' }), h("slot", { key: '9b3161669471c6505d0aab172afe2c6953e09ec2', name: "mobile" }), h("slot", { key: 'd6067606d1a4544c027d36edf530ec1488c15ce9', name: "desktop" }))));
     }
     static get is() { return "duet-nav"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-notification/duet-notification.js

@@ -72,11 +72,11 @@ export class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (h("div", { key: '16098cf5ca86dd0bd72d9429d1e78557246f850b', role: "listitem", class: {
+        return (h("div", { key: '38f589ecc0f7bfacef51a99bcdc34e11972a623c', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: '440018559e85d3ae11cde70edbaa3848cb453995', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: '6b14d618dda184d06f059b1a3acf99e38e5c17f3', class: "duet-notification-container" }, h("div", { key: 'f65f90dc005eb72c52335cc5c8ca39bffdd88c8a', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '7e64283158dd4015c8f676f6ee03efe2cefae043', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: 'c306ae4dc490d35c8aff9259ba3fdf182a5f7e00' }, this.accessibleLabelUnread, ":")))), h("div", { key: '444db9cd85d2dab3181834ba371e1d01f2e6b596', class: "duet-notification-content" }, h("slot", { key: 'efebf98a71ddb109a1bf26729ca0365a624e9f18' })), h("div", { key: 'e9dd7f7817e9e5fd06f38c33225d0821db760cd4', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: '1baa41acae73931933c8fd7cb844cc9565486168', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: '86b846fbd0624d5a01f339cb65875300681610e9', class: "duet-notification-container" }, h("div", { key: '41cc6cb349bce5689c3f31b08beb985a0aff4677', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'd51af06ea2f23509bb96299c0b75e04a5e42d41d', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '6d7f78247068a68e8e2a8eb1157f2788ecb871ab' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'f0ccd721e329487b11e3ccd7dda1a9c252445d9a', class: "duet-notification-content" }, h("slot", { key: '0e583c14cdea246a712a99880b9a39f9d0a4504e' })), h("div", { key: 'ba4174a98f6f89b9cba21ab077c30c85b23675e1', class: "duet-notification-date" }, this.date)))));
     }
     static get is() { return "duet-notification"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-page-heading/duet-page-heading.js

@@ -43,12 +43,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '7580ec6ad47222aa71f87e9b030152fcbc230a6c', class: {
+        return (h("div", { key: 'c8965538a92caf79f80e48d48064860b3fba4a1c', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '41d70adffe75142d1bb229064c284c6b6ce447e7', class: "background" }, this.theme === "turva" && h("div", { key: '44a17513b00dfec52ee689008fec882a083d467f', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'd9d50fca7431f9d49058030b51b5548e4db8af04', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '1b93a6948bf23c1bc9bc7dafa64b6df7eea10a91', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '4007f3e9d29cbfd246dc8ae43074ef7ea53fd694', class: "brand-shaped-icon" }, h("duet-icon", { key: 'efe66977b0559e745a17e6da691f8390af017c56', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '50070a51cbd61ddcd380063f9635cfb9edbb8b24', class: "heading" }, h("slot", { key: '1ae7e6e3261bb8dd1104bc47b1b87142a5f1cfdd', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '01bf2c3472defbd1a7fe6c0af2b9cb4cc99185db' }, h("duet-spacer", { key: '723e327a2c3913b0e130d4326a163e326e57eaf4', size: "large" }), h("div", { key: '0bb28f56e6b92b7990467fcca1a16a0893380ce1', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: '845fe8135a9ae4814633cc083a4b87b7ef7b716f', class: "background" }, this.theme === "turva" && h("div", { key: 'c6d6d61458c267811e1b3bd2f5c53a0e69b6fd4e', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '8f17b5fbb587dd2628c8928da6019f00e4d74f53', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '125cb3cdd58e3f0f43927446c57759efd2d6473d', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'b547fb58f9df92aeb648bb37f3d28b0d3982fe41', class: "brand-shaped-icon" }, h("duet-icon", { key: 'e74873b15c8f7f2dac7e7589c107308b60bb4ff0', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'e75036eaeaa3a4665202b042acbd9a58a896f2bd', class: "heading" }, h("slot", { key: '3aa3b62846356cf5e5aa8b25dcd7cce2f6d9867f', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'cb1b3dcd21c496a3ba752b3ce718d054c6a317ca' }, h("duet-spacer", { key: '08ab03a19f3d5a495cdbad4f5e06f6ed36bd6819', size: "large" }), h("div", { key: 'c7c2fe589b8c599a82403408c9e3bda91d8b01ac', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-promo-card/duet-promo-card.js

@@ -70,12 +70,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: '427288a23a020a8ba83d29535a990685e56136cd', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'b34e5beb86c428cf1d23c252c9867d8109fa28c9', class: {
+        return (h(Host, { key: 'dcfc9fe0c01bdd6a3c127d33e73c786dfe34403d', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '08e0c5687e205a7b69e0c9ce9c874061a5c77158', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: '3d17bf1dc1fa3bc580ef7feb08e1d749dafaec34', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'ba518b8e4449f267ebef440bed06ebb1349d90c5', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '638d94d31bb60bec7019ed852f70269f73241d7e', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '08e8bb35ced5d1f6fc9a442c017e96f3294c3341', class: "pre-heading" }, h("slot", { key: '3cc1c6bcaeea2e811bf8984b0574cc7086e997c3', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'edfb7d324d0d5f68392b7b4b2386183cad567698', class: "heading" }, h("duet-heading", { key: '57820fcebf0e3c172c232611843679bb47e41e61', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: 'e2b7014be3e8d44f00a418f76e1f9959a783e9e6' }, h("slot", { key: '094c582e2f0dfc6055563892bfa02dd9d5de4261', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '2af2637554173d2c40ad28bee0e589b6dc92a19c', class: "description" }, h("duet-paragraph", { key: 'f9a47265148a494e1803f5493ab359cfe4abb895', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '42af2e9a0d151bb22d303f453d481bb69891746c' }, h("slot", { key: '3a4173db824f27939a8abc88124a8751d10cbc71', name: "description" }))))), this.hasActionSlot && (h("div", { key: '59a84926d8d346d724980bef00e42a48a44574d1', class: "action" }, h("slot", { key: '52109f0d34365be7e7fe8ec5091ee5ddc5c83bce', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: 'c44a877377e4e16e1cf651165ada068712de8a1d', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'e9349820426a672f8e7106f0376e5b5ca9be639c', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '7a79c417f607e37608dee33ea1a463ca87ed8736', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'fce0bc86243d0fe8174b4e1b5e0aeaca9e2fa285', class: "pre-heading" }, h("slot", { key: '55ea16147dbd175071917cee3beda6db4679a6fe', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'f5298df0419f9dda577c8ee5632a15e1860f8cf8', class: "heading" }, h("duet-heading", { key: '608bb6c15a2cb6abf5e4f175581738db58fe24ec', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '42abfd8c2e6d350602767b60f3491e0fd575322e' }, h("slot", { key: '4048b41700d0a54a11df20e4c1a180d662424b76', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'dc7662d900140f51c633ece8abcc46cc1187f5ef', class: "description" }, h("duet-paragraph", { key: 'c61e556777f7dc382d06c913e7e1990304aa5740', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '610970b31c93d2fe14c1d967a43105e3fe7737f3' }, h("slot", { key: 'c38b144ab61f06d8b8df9d072a89acc5c7357a3c', name: "description" }))))), this.hasActionSlot && (h("div", { key: '8206bdc5367fd9cca9eab63539ac488cc8233c14', class: "action" }, h("slot", { key: '162fa1fe7c8ead96253bc3e43bb0d663054a4c37', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-radio-group/duet-radio-group.js

@@ -158,7 +158,7 @@ export class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b39897a5768066e81309d63d7f5c75c1c2eecfef', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'f26a8ac391a951b87e2015bfa3ffcfe63bc3f8c8', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: '2c5bd82fbd17c3c959ee697de49ebc79382b08fd', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'ac3c4bc22b28dfb4e75d7ee646433f0dc54fd1cf', name: "tooltip" }), h("div", { key: '8eb867559bf7ad38008c675aea68ed32f4b1f78d', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'b7c150d9ed7e6643a158032e3d110576358d14e2' })))));
+        return (h(Host, { key: 'ce0d325f055e68197bbdfc9f84f2b1f318483134', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: '8f73fa5457e7e95a5e86c5c69875c10ead9e703a', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'd6d6455b725d087219d8aa4aa261530ef6e00d16', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '26c388eeed2a7782327e859bc08f6cdd17a22515', name: "tooltip" }), h("div", { key: '7ebf921fb7de9817005aa82317f2cd21736baa48', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '8d0088c7a3b3951fcede92d7da5aae7a1eb8dc41' })))));
     }
     static get is() { return "duet-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-scrollable/duet-scrollable.js

@@ -265,18 +265,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'bc8b656d8f78f5f510d489faa85a4d2c4c15b913', class: {
+        return (h(Host, { key: '0052e12de4aea5e4a3f67e031c90f4f6d9ad53d7', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '1964654ce6a29b231c13452ef75a6d7b5448da6e', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '9aa2cbde134aa4bdfe60c540cea270c5db2487a2', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '338e3a03214db233166699f2ed53f24a401113d8', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '574284b5aff3e856c4d752e5fea30b66a30b144d', name: "collapse-button-label" })))), h("div", { key: '8c4f8d877a2eb1bea136563524830c43a8a6e4ab', class: {
+            } }, h("duet-button", { key: '10acabde835061194bee92f32e954d2912d768d2', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'be354ed8ac0f0f5f6e51a64764d311498a90f3a4', name: "collapse-button-label" })))), h("div", { key: '7c9a6efbf372a908873364f1140e57c8e085ea28', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '8eee588b344791d7e40275b7c5ee8688a55848c7', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: '228646dca94886c735c18f35755b30d67cb3e082', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -284,7 +284,7 @@ export class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '36bce964a756ce2b4ccd6314773baa06227e2530' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '4453deb9090c1ad53469a85232d2c188f9f2556f' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }
@@ -515,7 +515,7 @@ export class DuetScrollable {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "0"
             },
             "stretch": {

package/lib/collection/components/duet-section-layout/duet-section-layout.js

@@ -24,13 +24,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'eb1923a8bfba01565e0452347752088c58d9ab08', class: {
+        return (h(Host, { key: '092586b7c997c6c850a1e6c3af1379765d077b2f', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '0c04bf013cc9644f09de55e114f3692022374c6f', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'bf2d3164111fad314c90114ce15e2b2488608505', class: {
+            } }, h("div", { key: '125c4e3f67f73ee0eed48dcb561349e28587aefd', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'e1786b2d7a0c258bdd3d92bb8132ea0c2371ab36', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: '5c07cbae7cf870868a5c8f897bf6393eb6a7e866', class: "duet-main" }, h("slot", { key: '5dea403267b9102ee9a375aac51c931bd0dde438' }))))));
+            } }, h("section", { key: 'cabd2f501a9c6826a30beb2bf40993d0942a1415', class: "duet-main" }, h("slot", { key: 'ee9b8efe014ed27a0e6838028d5060590444ee42' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-shaped-image/duet-shaped-image.js

@@ -33,9 +33,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: 'f1e1775c6baa92468f792435cbd7bf6b9b1bc04b', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '9a55361487de0adea55f23a48613607bb366d712', class: {
+        return (h(Host, { key: 'dcc19a1624a88154af7cf3c3c895bde83dc28d15', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'e1a1750e828b0b337433d0cfcc2377be44a03642', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'cab98476c89fa5d135797f18601d1cd7f86be610', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '03e422ae06acfbb4e5889d2f48e4eee064426877', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'a75be0a31d3bcef5b7c0191aa5da4235f8f9b548', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '19a03a8a14b1ec7a15c8938e031d73d78819bf00', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get is() { return "duet-shaped-image"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-share-chart/duet-share-chart.js

@@ -63,10 +63,12 @@ export class DuetShareChart {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (h(Host, { key: 'ecdd674f7aafaac0d6ce2b92ffee521d33f04f54' }, h("div", { key: '162f5b9eab9a30df3861a97264691d3796500286', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
+        return (h(Host, { key: '3ada6920466227b32ee18d3bdee2fb8762a555ea' }, h("div", { key: 'f2abaf3b3e3e631e48c4df538c397953f133c357', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items
+            .filter(i => !!i.value)
+            .map(item => (h("span", { class: "duet-share-chart-share", style: {
                 width: `${(item.value / this.itemsTotalValue) * 100}%`,
                 backgroundColor: getColorByName(item.color, this.theme),
-            } })))), h("ul", { key: 'fbfb17146f550b7812355d34f4a0c44b667f1a58', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '79fc779211d3b265620226647dcbd3508ad3c86c' })));
+            } })))), h("ul", { key: '47cc62dfd72a9fd17cfd34e42ddefc84368f8277', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '0dd9f58d3af51af5179e5a93dc18a4ab34c519f3' })));
     }
     static get is() { return "duet-share-chart"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js

@@ -10,7 +10,7 @@ export class DuetShareChartItem {
         this.value = 0;
     }
     render() {
-        return (h(Host, { key: 'd018941bdb98ff2a561661ac4ced29081d0783c5' }, h("div", { key: '3b07a96aa1150f1f51ab3a08344bd656c9d52eef', hidden: true }, h("slot", { key: 'cc7299ead2dbe45e3005a48a8da09bb7eb2fd9e0' }))));
+        return (h(Host, { key: '9b3c4881b8b8c51625dd470b88b67988841b2ca1' }, h("div", { key: '9394034bdf632e6c75848d95faec2ab3ffd75ba8', hidden: true }, h("slot", { key: 'd0341130c130271d932639f4d5dc0678432272ad' }))));
     }
     static get is() { return "duet-share-chart-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js

@@ -38,7 +38,7 @@ export class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: '20fb38dbab51fb94d8cb27d0be873d5857809716' }, h("div", { key: 'eac5154fff5df2c8358398a3228909c0cf960b35', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'c5b9b485d6ab7fcd2172bb951ad88640d1979fee', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '68cdb507db897fff3e4738ac384fdf504059943e' }))));
+        return (h(Host, { key: '9b4b8cd45c9f80726b2a8b30ee470c1c66a36844' }, h("div", { key: 'a2dd75af5a7f4bc86019e14c7981a33e605bda58', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'c2e848bda85007675b1c312d583d68cb12da8f29', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'cf120478d33ad1eb78a600abc241bcc79c7e5c36' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-link/duet-slideout-link.js

@@ -77,12 +77,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b0e234fc3dac2e49ce7e1cb175f1599ab9275530' }, h("a", { key: '3ec02799b58d7b1d44bfc5b0e24bf65720db1c3a', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '8e06b49cf6c749adf92ccc160d8ad3da287ed5b1' }, h("a", { key: 'b828c5cb14d1668459f533e7dd1455b96d749389', 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 && (h("duet-icon", { key: 'b9e3b673239c5b9655c01bcec4a2a5abe515bd88', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '498acf483827529da2b9f512228ca158edaf8faa', class: "label" }, h("span", { key: 'e6415f10f37d8b957ce06e93b5cbb042634d1672' }, h("span", { key: '53865ac539a3312b509ffb15594e72f9fa4d0f33', class: "label-container" }, h("span", { key: '81cbf04aec6b336558641516b55a554a11751aa7', class: "label-content" }, h("slot", { key: 'f217af73f101e8a8a9ab71f611f759f4c8a8ceef' })), this.external && (h("duet-icon", { key: '0696dda9b2fe219b2a76a0c65855d47cd151bc55', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '497d712ed9f5155cee76d0c9cca080a89fb26ea2', name: "description" })), this.caret && (h("duet-icon", { key: 'b3057bf91b4062442a5c7823d12c714ca74d86ae', 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 && (h("duet-icon", { key: '2b9425445f8002a2e4ba7e4e3505c8dd16f1037b', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '299f3051479f68f1526bef4ac0b7829e6c1e599e', class: "label" }, h("span", { key: '58e45ed7ec8752c8d123a0de448ef6aae50fe928' }, h("span", { key: 'b7e99ab8c08332ee1fb816ca174333d45ddd856a', class: "label-container" }, h("span", { key: '52592842baf1612fd196be0e46b6dbee46e27422', class: "label-content" }, h("slot", { key: 'b0c2f5f85ddea248f188c1a33d6e4c50ec4232ba' })), this.external && (h("duet-icon", { key: '7c65cd396055e355fd604e9ad7eab4b6314be31c', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'ca4a97fef08540a3ec086e27b4f952567e6c4428', name: "description" })), this.caret && (h("duet-icon", { key: 'ed73e7886cfcf256368e4daa5b272d127ed192a3', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     static get is() { return "duet-slideout-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js

@@ -179,23 +179,23 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '942391bf280f263cbbb12ff47d5e19e64677ce59' }, h("div", { key: '5150a8a4f51a6518de50432847b7a4be7f52a8f7', class: {
+        return (h(Host, { key: 'afd36490cf0c6d09eda7d8baff552e38dd096c4c' }, h("div", { key: '986b2a87ea1c43e8f86e4d01dfad235b52ace8cc', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '2fa4949a7380687952d41bec65b982162f4b1369', 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: {
+            } }, h("button", { key: '3edf7d1d3e0366b5032fc132b01efa9daede6090', 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 && (h("div", { key: '239abf831224e505471d4faa690c4fb9eec39657', class: "duet-slideout-icon" }, h("duet-icon", { key: '91d352ae3154e830d2ea6e07be749a301f959dd7', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '048f8d6339aa0fac808cb8539aec7fc39dc69e22', class: "duet-slideout-badge" }))), h("span", { key: '78c8194b03f576175deb05836ee62db4909ff2ae', class: "label" }, h("span", { key: '698881982e56840d20105c0859d433f057d0e8c2', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '52990bf8fd3f928746ee83d5b84570ca6324b2bd', name: "label" })), h("duet-icon", { key: '8b11c870487c41351035fd29a0379ff022f86676', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '420fc600c08d2636b7ee91ef2378cd073822ffc7', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '5dd55d6242510d00b1eaeb6e77a92920a7681838', class: "duet-slideout-icon" }, h("duet-icon", { key: 'd57f4a660cd4ddc96298f249191917bc39b89944', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '43df47250dfab5e896892e3e97ef14a43946c3fe', class: "duet-slideout-badge" }))), h("span", { key: '1369627522c7594abe5d4ba5db3db4c13fd9d883', class: "label" }, h("span", { key: 'e90b85f8745db02e8b6a1a7170493167db209bc1', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '6a8526daee6d38ec252b1af3aa695f570ee9f42a', name: "label" })), h("duet-icon", { key: '7e73cb75767071d370dc967920bb9158bce33db4', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '84e1373565feee119c920fc65c48f59f89162eff', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '53c5dd886930895a4b98a215d12c26a1da4e33c0', moveFocusTo: this.closeButton }), h("div", { key: '4be2ad3519e0e43f9bdf7d9db5cfab397f5a2f48', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'e10cd953dccb8a456545bc58e374e53361016759', class: "top" }, h("button", { key: '0fdc986a24b858871aebe4431fc5a02ee73d42bf', 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 }, h(FocusGuard, { key: '9226ff82f6efbbbad946ae3484000d213a6611da', moveFocusTo: this.closeButton }), h("div", { key: 'fe9a1debab52a26239eb64bada4872541934d4cd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'e27e127736dafcf1611b608a658a7b8331b41d21', class: "top" }, h("button", { key: '24ea4eba589c4ad194bb8869e9ef030273c42485', 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 }, h("duet-icon", { key: '40b07857257d0e150e40cd506c53ee743d1323fa', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'f1c04199ddd3f93c079edea3666879483e003c9e' }, this.label.innerHTML), h("button", { key: 'fe8dafe02a327c652b4815013aeae50ab2ffa40d', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'aa9cdab26dfe54f286a9586716285b7400d78ea3', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'c046cb5cef75c8932a338db3a4e7056f489c3bd4', class: "sticky-header" }, h("slot", { key: '08fe11beec9d0a01519ca21a00cc11298c17facb', name: "sticky-header" }))), h("div", { key: '34b482569c730fe07ec6b4899f7d8fb0b371190c', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '64350d00957fc92a6bbe8d118a6b2e19211aafc7', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '14a36e4811739ca58157a8471dca3093b41092d4' }, this.label.innerHTML), h("button", { key: '65ab2fb0772eb15968c8c39947297b6fe5267be6', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '35f57ddf92c662cd34471e252d92a5659bc9f156', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '6a04831c4fd00957cadaed33b05b40916dd7df23', class: "sticky-header" }, h("slot", { key: '11ac017b06d70caa56a96504d571e645f8688490', name: "sticky-header" }))), h("div", { key: '81e41a2cbff93f37de79ad06547cf8851ba9d200', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '2b87c3b4d7ab96fe8b069d023e7b07f27910cf07' })), h(FocusGuard, { key: '158e38e0df98000f097952a14da74a4195b4515b', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'b5078c149d14316098f0a24e61f66ad805d90447' })), h(FocusGuard, { key: '552292100714317d2dee0c464fca748358cdd5e7', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout-panel"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -52,16 +52,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f96919a68190339dfad3a02b63943bc7c944a1e7' }, h("div", { key: '109f23c80ed885b60278b261eca318bde1ec47eb', class: {
+        return (h(Host, { key: '70632cbca7f7f90d9ed33f75c8913bffb398b4e6' }, h("div", { key: 'b69b29bf73e4706eebb0b7d0068250577f19808e', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'b40332159750123f2564b18834426c09a7a69bf0', 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: {
+            } }, h("button", { key: 'bb15069b603473eb2f366449677e2f59f0547981', 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 && h("duet-icon", { key: '885d1ef770aa91efc19169c8084d8fb60f6ae314', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'bafa2159d2892a908ed6ce49c13d4d1beaa674c1', class: "label" }, h("slot", { key: '96fa1309813257aeb3acff36894828563331b43d', name: "label" }), h("duet-icon", { key: 'fbad64614399ece9b86750e3851336a523944951', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '2869b77624970b590f37909f10ee2a2b9d252a64', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '5992324c1a87a2a0f5338f3fd82dee182747d686', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '4d00fac6dfa37bac0d46c7dc0e6a973d5186f52b', class: "label" }, h("slot", { key: 'acab9e5e487fe00ef21349332683feaf89ee5c56', name: "label" }), h("duet-icon", { key: 'b46c4a55691e471aa548a212934540481319c469', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'c5fe75f29aae07bc9b94f50cbef5e3af44a138af', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'a76b88dbcbb32ce8c0d96f807da0623a6cb8fc1f' })))));
+            } }, h("slot", { key: 'f98bb0683206267f64f87a51093f067f3eeb53c2' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-status-icon/duet-status-icon.js

@@ -85,10 +85,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: 'd35995f352a518b4933f82071bba491062afa0e6', class: {
+        return (h(Host, { key: 'cdcf064007e8c8e9a10f15a87a8d995da2b5fbc4', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: '67a2d52e3cc7e6d2685de643130654f8031f643a', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: '9437981c1dc35ab71d67e9616100b8ec991f55af', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -131,19 +131,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3e7b02904bbbba59c39e6ab92da7f5c57725da8b' }, h("nav", { key: '2dc04f3533701d9c21afd7c15756f27ecb58441f', class: {
+        return (h(Host, { key: '98b1aef33dbecb72db770aad2e638895df757769' }, h("nav", { key: '2da9e98166d85b6bf7b693ec74f2c7862da6e32f', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '839b1d9944d8c6c3bfaf329a682d91657066ec2f', 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 && (h("button", { key: '1a118edf09c9be310988c12d093c63d27949e5bf', 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 }, h("span", { key: '67a6c63dc412388b52a2de220127dea5bef408e9', class: "label" }, h("slot", { key: 'f7c3882a3339a2cfdf581b63d4aee13867b5d67b', name: "label" }), h("duet-icon", { key: 'e0f1cd34ad6ae56df39fcdf39683cb7dfacc6aec', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '368b77169fb80a8486623763734cedecb40b33a8', class: {
+            }, onClick: this.onClick }, h("span", { key: '7b26b751bf105fe6c40320dc2eb68b8f729a1a8f', class: "label" }, h("slot", { key: 'b2fae59665ec7f21d8b9d6cebce396cda942d6de', name: "label" }), h("duet-icon", { key: 'dce5c1f7585eb179ebbc6cb604c8cae186282d61', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '003ce0e07e1b88ea0353b13a24531ce65ddddfd7', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '25476a3938ac4a4cde6a36aeb5c992e61cd016b3', 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" }, h("div", { key: 'df40a36793d796f1a78304db83f2b650834b7dc4', 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) }, h("div", { key: '78a0b5dcbad16181839842b362fc2aa4233933e0', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '88ed711a6f222bfa266148da84789eaecfa433d4' }), h("div", { key: 'bccca592f7f6986a27e8b90b410f09c28d7d5667', class: "list-padding" }))), h("duet-overlay", { key: '3ba23120b948aeb6f066d21d86b58e3b6fa91669', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '2e63a7cbbc0221285dd94bb4a9abf18724dd51ce', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '15914d5a16f162661e52be38210d64266c1a2175' }), h("div", { key: '5b59a4d292c2631a45c9c16de265dfae6a12c5e9', class: "list-padding" }))), h("duet-overlay", { key: 'ad96690e7d9db9801005ed9010293734263b9a61', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -108,18 +108,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0cb9c03f321c7ff444123e06bee1017a69786c76', role: "listitem" }, h("div", { key: '7a69b5c2e3d9f7f6737931fd98d0626ecb23dcb5', class: {
+        return (h(Host, { key: '576e12e55d09213173616d89f5b408c8492ba5af', role: "listitem" }, h("div", { key: '08580206c21044dbb8d4545f8544e0ced9b6a14e', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'cb47f2b220eccb921a6fb2b6d9372cab734dcf9f', 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: {
+            } }, h("button", { key: 'be74c18d69e315c5db7d23665d4a9625fc0b04d0', 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 && (h("duet-icon", { key: '0777f325a3186cfb4a20c0d71fa3bbcc0ee752b5', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'db5cabb7d09304cd2bd9eba231ed5c3d0453131b', class: "label" }, h("span", { key: '33760c3388e525ca78442660bcba3712bb1a0b91', class: "label-text" }, h("slot", { key: '557457c4d150285a804a861755393b2ead85eb29', name: "label" })), h("duet-icon", { key: '0632a6cb7801c25f3ddec7c36744ed1def3d2d42', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '22f16e71f250d490bf1fca22119b5422ea519021', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '5bfc68090e446c4233ac00f348beaeefcd451709', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e8fb4a7b73f6344bf5752b4855454dd964d20580', class: "label" }, h("span", { key: 'ff915210483dee69657e6b285a710ad9c5b1fef4', class: "label-text" }, h("slot", { key: '580d71312446d97630ee169b4d00e527d1c3acb5', name: "label" })), h("duet-icon", { key: 'a67edbe1c6a6a386db9738da55a07c13969bd9a6', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f13cdbe5d132fdc0c9470e87ee2fe4e9bd4599dd', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '63e09b29477fe83753399f2934115780169deb5c' })))));
+            } }, h("slot", { key: '4c3c1e530e6ae8d2893d7d57c3f89dc42ea4ca73' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -49,12 +49,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '634468684f5ca0645aca55e4755a6f778d4aeaf1' }, h("a", { key: 'df84408330d4e171054f96de10b761d9c6435800', class: {
+        return (h(Host, { key: '2fee28c0408aea99ea9eca4f11d4e2f841364790' }, h("a", { key: '0d7695a6ab69f0137ecf0ceeafec3a46af81dd1f', 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 && h("duet-icon", { key: '70f8d741e10aaf9e6492e47b3bf2ffe2d488b0dc', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9ec616e8c8b512f0731e90441bf1d20b485f503a', class: "label-container" }, h("span", { key: '41825ec964adb07f1d6262d995de497b5bf597c8', class: "label" }, h("slot", { key: '16e2e05e0662ee3cbb59ee5ceb371b57b2b3ddcd' })), this.caret && h("duet-icon", { key: '97aa221937f2099cd478aad6745d8b1fc93fdb22', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '1b281ba9300b07c9b8e15688b7383e27195b1ce2', 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 && h("duet-icon", { key: '01df67e9b8670dc05128745c6882d2938ef9eedc', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '6c841e3ff249215c127c9e94f08bae8d7a18a5b8', class: "label-container" }, h("span", { key: '7a6170103bd0c33ec47d8c5bd315d0933674280d', class: "label" }, h("slot", { key: '325eed72978c7f19c85163b6af1cce4df6cd9bbf' })), this.caret && h("duet-icon", { key: '075731587db83d4e2857574fdec50f701f3b1e9e', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '8751218f86cec61805f4a74d1fd5449a7b936b6f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -80,7 +80,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: 'bc1b76eff2619e0f79a21c0d8bef3efb622a4f75', role: "listitem" }, h(TagName, { key: 'ecb396d50b5964ca911a4bcc01dfbbd2235554f0', 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 && (h("duet-icon", { key: '64e157f0aad997e6f8f20c8f61be5a9f6cb1ba7d', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd51db5d687d360dc8d82c704407c35d2b7878193', class: "label" }, h("span", { key: '067121784839bea1c72167d2b8bcb6869620b69a', class: "label-text" }, h("slot", { key: 'd080c716b2c29ad39aa4e377d298d2fc340162b6' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'd749eeeb21d1491c418db9469b2b7bde9ddf1014', class: {
+        return (h(Host, { key: 'e36b7b57f271197062c51666cbbbd1d57132b681', role: "listitem" }, h(TagName, { key: 'b95b4f6fd21f111bb18c1bc866c9a6ec125a6144', 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 && (h("duet-icon", { key: '5a087cb5fcd29a41c424e025bad0040ef6e86900', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'a365ea511e78cdfa9b940934ba6f38fdda5937a8', class: "label" }, h("span", { key: '527ee473a8da72431ae6afd60e35b21e5211c589', class: "label-text" }, h("slot", { key: '51f297ccaf35795f59e7bcf616c22711f1e92f06' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'ab43acf3850c0148e50ac264530643a67ab1a276', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -41,7 +41,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1690f55f331c933f9fb468a34dacd7ca59b4a6ec', role: "listitem" }, h("a", { key: 'bef17a08ede70f41666795b66295bde08809e350', 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 && (h("duet-icon", { key: 'b7cbc5a4b7747f3b151eded40adaa568a58abb56', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '7351aeba73af6d8f8606662ee3bc100dc4f8c513', class: "label" }, h("slot", { key: 'c56efc7a7ac3d5afeea81444f1c7ec0db3a6ce68' })))));
+        return (h(Host, { key: '3b758ccd9b6b2aed28589ddea46b8c6ac516d059', role: "listitem" }, h("a", { key: '6a28b37917562bcad81693762e537734dfe39c4d', 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 && (h("duet-icon", { key: '545a4c6be36be038fc79745186c7260e2509d8e5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '5274e116ccaa52e75981801000933956f074eb29', class: "label" }, h("slot", { key: 'bcca6d327a8e7dfab90e9b6b4c625c0e024efcd2' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tab/duet-tab.js

@@ -107,7 +107,7 @@ export class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '6903bcdb8e3fa5178b6238ccdcf4f028a85a1cf2', ref: element => {
+        return (h("div", { key: 'b4bd4852c9b69f58d223d3c9f4abe99b6657eb1e', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -116,7 +116,7 @@ export class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '6629dc6968129353f9daa96cc26a4c9f23dc384d' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '18c22a0a004cf4c7e38b88aaa2abbffcc2145baa' })));
     }
     static get is() { return "duet-tab"; }
     static get encapsulation() { return "shadow"; }