@duetds/components 9.14.0 → 9.15.0

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

@@ -35,12 +35,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: 'a7f8ed31eea2471a6f6daeab1a41ebbf3274974a', class: {
+        return (h("div", { key: '4bf323f7f3880de300ec37bf1cad195a8cbc5be6', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '29929daebf61d58c95ecb45ea75fe53303cd90c6', class: "background" }, this.theme === "turva" && h("div", { key: '8e16ccbc29987d20713eefb78f1272640023cd19', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'c853c2efb26521b9421413e85e6f468d411fa016', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'd3a2d96868a56e251bace2d82ad6c9ad55294794', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '3b4627a7ed9f38878dc057717df1b3dcef713963', class: "brand-shaped-icon" }, h("duet-icon", { key: 'b2489267d519d737b77fd292f21fb828553f7c3b', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'bfc316227a81b1ae3b600c0fa8a5ea7242523dcc', class: "heading" }, h("slot", { key: '8e0397609bafb4de4ef85422f6397ded1ec15039', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '337621f9ecdc98a53fa649fdc7e001985577ac7a' }, h("duet-spacer", { key: 'e548da55d72cce0c0fa88ce29bac93184673d1e2', size: "large" }), h("div", { key: '1b6d8f3e486a69add538d4a5f786944521a8906f', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: 'ba9e048853e596861f47f1d7a53bbda463cf3e93', class: "background" }, this.theme === "turva" && h("div", { key: 'e91b82c9756f702b8511585e96a16b756a8bf010', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '457b0dfb63e20cd8f67193625f073f7d77d74468', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'd28811c585280049f3e7d5160b7306c5dc3e6bf0', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '2fe96fc8b40c2384570ea7d0ea3dd968f7c30c34', class: "brand-shaped-icon" }, h("duet-icon", { key: 'a2ffb32d52eadfa643b80433d39d49d90fcdfc77', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '1fe6bd4221110dc7fbc3d04715edc6497e4b82d7', class: "heading" }, h("slot", { key: 'bd46a7403fe998b860885f6fa89e984c37d8dc76', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '3cf7edbd42680a200cf99c59e1e448cd8d64c6e0' }, h("duet-spacer", { key: 'f86c8309c76219962a4044a3164f48061a24c668', size: "large" }), h("div", { key: '0b0616b9650b9d98d5150152bbe9914a31e8b7d3', 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

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: '1515fc190e761f1806452d49d62b61412a4c28f9', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'a4939b94e4f746437fdf950d860c18cbdcb7bd55', class: {
+        return (h(Host, { key: 'b3cf1ece939303bd018e7867fd778f5a87ee3cd8', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '0092deba7be1b2919449ad5dfd8dded164e87f05', 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: '807abfae3d508b57899c6db98e25f9d55ca2da14', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'c8aff5a3a991787ed36ae5413111eea8e72d180e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '98ca8b87d56b052ec8b284060e9d40db91e76ae4', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'd523708f802adba25c3cbbb49a701d2ba9e1c4c4', class: "pre-heading" }, h("slot", { key: '497b57d5a7f7dd3ad40f4b7d1fea749bbe24a0f8', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '8ffed905559c96f7216b589ad6c7cac539ed6da8', class: "heading" }, h("duet-heading", { key: '28b56308bca5a9c51618b9fc5781cd9c72d11aff', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '48dd4256899ce88967628e402039ee2b48823962' }, h("slot", { key: 'ee8c4c059c2e763e12977ec375485f9302f89794', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '84c464f1982f18704a6c58711f2833f812b576f5', class: "description" }, h("duet-paragraph", { key: 'e7b5bfcb91f583d32445076db2a9dd802a7284a8', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '1af43961242bc227beef31940ab6d4a6fb2baedf' }, h("slot", { key: '2a0fd2143ed221fea16af81d8aed863c1e889014', name: "description" }))))), this.hasActionSlot && (h("div", { key: '7edc91af1e9bce504fa3fef8d01c3a6edfed202c', class: "action" }, h("slot", { key: '7e8cd91e532de002a468327a6870dfeae9b13011', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '7e1fb4a4ea214ab7e20adc52f39bfb32ed8e2a1c', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'b5a0b853b6acadae7c97d6fb4797227c2a7ae28e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '14e1ac388a095ef0c8a8ead34110ec359347362e', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'd5fbab6b6a608b6e73bc99ffe0491e712d75086a', class: "pre-heading" }, h("slot", { key: '5e9f652880fce32993f4706a1a161e0a6ead70b7', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '3bf90e8da8519381d513cfdedab8ed05812c6234', class: "heading" }, h("duet-heading", { key: '2d7fddfc7c1ca3ea3f2404bab4c61c9403482982', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '7478054b7ce3217ddac0c125bf03d026b19a49e5' }, h("slot", { key: '4c8bab71593cfcbb330e1bb2f5b903fe4825ddc4', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'febc65d2b2194bb72ce1c8fabd590a1f4f4103f6', class: "description" }, h("duet-paragraph", { key: '7d486fcff20946fe85ebe4d52aa0583e75edb1fa', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '7492391b20821a6804d420fe4edcb15955dc0495' }, h("slot", { key: '5e18314dfa768889fcbd6e1516ab509eb5436c15', name: "description" }))))), this.hasActionSlot && (h("div", { key: '9b12685d626e2ee470edd33c00fd9a17c5c450d3', class: "action" }, h("slot", { key: '2b00177a0bda18642f776e2ce56eca6c826e267c', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -228,18 +228,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6901fea371dda6fd20b8c14a15f007356a4f0a38', class: {
+        return (h(Host, { key: 'b83340472bd0299ef946a14d98cca2c05dbde0b2', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '59b5b0b6b1a791fadf53a07f33466cb10ed3dedb', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '60f4c2b0a0c9042965e8b2ed5f84dc0643b04e58', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'ef2ce19aa8cbf5829d7f54d3b79a53d84e79f4a3', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '2c0f7231015097adadcd7143cef863b8c75da68c', name: "collapse-button-label" })))), h("div", { key: 'efdef383e022816af6dfd91ae609ab81d5ef1fa1', class: {
+            } }, h("duet-button", { key: 'e838bec53c6b51ae8bddb5632ad6571aec939faf', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '7f29fd420848f2ced7b844ebd51e707e120ddb5e', name: "collapse-button-label" })))), h("div", { key: 'a993a456f32f2f7a3e87fc8c0737b68969899225', 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: 'a429707e2ff1d17f2865300ee65a42c1ff4217f1', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'b2a6a9f2553d32e89ac185915c85ab5c5888b2f1', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -247,7 +247,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: '792a604368bc6fe33577173b8986babb17e95050' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '8e376adf402c2d4b3788c6fd43b247b296feed13' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }
@@ -478,7 +478,7 @@ export class DuetScrollable {
                 "getter": false,
                 "setter": false,
                 "attribute": "selected",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "0"
             },
             "stretch": {

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

@@ -14,13 +14,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3760201c8af426d8ce0a3e736e1ea158aa52d98e', class: {
+        return (h(Host, { key: '7243686dd34b2a76a253f9d9e8961daa0649da26', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '94d48826fd6b116936f4850e1e21b1cf761c7260', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'b33936aa900e4503eed9d5b82dbcdf07f51e9b19', class: {
+            } }, h("div", { key: '9d44e3bc9ca4c7f662006425eb97a5bf0964edbb', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '3796d5bdee3c678105506cb6975bba6bfa309381', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'a2177f2b863ec3782382f8b5b512913af6bbe4b0', class: "duet-main" }, h("slot", { key: '446c361279e487f659f839b9b21b19ff7f6b0739' }))))));
+            } }, h("section", { key: 'd41ca54533dc53ef39df66aa4725b958dfa46677', class: "duet-main" }, h("slot", { key: '870419b7ca6283a06b39aeb75d7b9cea8b1f49d1' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,9 +25,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: 'b750a11c4dccb225ec7f6a62eb41137cd21a45b7', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '77296c3eed29b5b7fbd1f5296b194d2b4f74babc', class: {
+        return (h(Host, { key: '4808d1d1aa7e0920a21fea000c4eb5a97a965758', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '1544c2c209e973585db6308d48eafe716e660d4b', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '6ca14f632c8c963c66895b10759946a4dae0ee90', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'ff5781d620721b0997aec9c03bf899a0a1e21ff6', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '3abd57a2b34ab25cb188520f11581c648e73552b', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '7e3ae25ddc3f938a470e74b01256b6ad83c5152f', 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

@@ -58,10 +58,12 @@ export class DuetShareChart {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (h(Host, { key: '3b18282d22572dd1fa224333f5cd1b50459873b9' }, h("div", { key: 'fb1a5532570e59e9d1998eccbaffc5e72cd23337', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
+        return (h(Host, { key: '6a305e0aa4dab7e686adc04f6604d95017ca6733' }, h("div", { key: '1a1b450a9e914db856c093a04ad40babc35834fd', 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: '4749f8f2d599d9e34b834aaa55a5919f1193aa9f', 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: 'fa8b976fc09c00aebebe41cb580aee8664e93f3d' })));
+            } })))), h("ul", { key: '749865dbd69fd61094948fc31a5b9dcbd3e9c5ce', 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: '463680d23036b1221179737e2ee3fd77da2bf872' })));
     }
     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

@@ -8,7 +8,7 @@ export class DuetShareChartItem {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '964678edc7482f441fb29da520bfa057f1b439eb' }, h("div", { key: '82c6863c6cedf9dc2eaf19f1d148667126530eeb', hidden: true }, h("slot", { key: '918f828c6da1ba28432b192dd895df495d32fc5f' }))));
+        return (h(Host, { key: '0c4c98d037bb5aad9a7b64df632b99b6a5e7f240' }, h("div", { key: 'ac6aeb9e9cdefb3f9081b7b81274e5c7af006eaf', hidden: true }, h("slot", { key: '536ec08e46d4e9279ff276f4ef3a542392beb5fe' }))));
     }
     static get is() { return "duet-share-chart-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: 'c66db470420b0ad32461c176e50d91cb9c7fdce1' }, h("div", { key: '75ef5e18c433d42a85004adbc38317a4168977c4', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'a94403410e36a5c06eff6ef2613ae91ceecfa9fd', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'ea26d4376d4ddb6cf4c4d44b9fd1f328588574e3' }))));
+        return (h(Host, { key: '9b9ad45986a3dcfdb55b5f0ba70688ca195db838' }, h("div", { key: '6094526122040f9602eaff0be103623ba489617f', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '1b0eef8fe172f80c3a955e6104a7728b903830f1', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '0793321a6531c610413d42a8700b87e92ce922b7' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,12 +42,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0c6039665ab2561e576a6ddecdea16747ce4ede5' }, h("a", { key: '920d7a0b2125b51dc657d24d7e82b9a06bdb8692', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '85b04b902faeb2e3444ff20971a517cdb5abdd02' }, h("a", { key: 'b249137ea0b61d56f0a2699341334febeccb6b0e', 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: 'caf4e1f4752341de847f8db58d8ee9fad36cd4cb', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: 'f296f631a1e6209e68af756fd75167c7599bb635', class: "label" }, h("span", { key: '28ef0dcec3dc83a84bb217c3861747d4dda14e03' }, h("span", { key: '5d29305621aadc14df4dddef30b0d4ba84469312', class: "label-container" }, h("span", { key: '6d47e37bfab72b3aa4e4f0608feb373ba5b86d02', class: "label-content" }, h("slot", { key: '012a8b929cf1d906b6591dc449599f08b33d12c7' })), this.external && (h("duet-icon", { key: '93f4efa4d9b438e029aeb62418e941b85e360b5e', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'ed01b9c3b4e9df44ff7b53d411e49f0b2a0bb3f7', name: "description" })), this.caret && (h("duet-icon", { key: '1406615037b8d7e69eb0928998bda003c1331b01', 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: 'b14c636765c3b990b3c6c6f6c57b0641bbdfe006', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '63ff80e401e011a6792a623ef4be0da0f3f40634', class: "label" }, h("span", { key: 'b9d5c8b4ed62ef045da9f02e6a7ab00084c4dfbf' }, h("span", { key: '5499b4548d27509b4e6294e3b335c56a264160b6', class: "label-container" }, h("span", { key: '495a1abd5fdb4a18af251d7c15c449968e700725', class: "label-content" }, h("slot", { key: '2cb954b89c28550f7f00008da0a87805062c8f38' })), this.external && (h("duet-icon", { key: '16ad7d515886268c1f1a2db9dd19a38549df15de', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'ede009435b1cae9498c0f94a50040c322b494757', name: "description" })), this.caret && (h("duet-icon", { key: 'd3398cd49789c167b1f084856b49ba1a483ca263', 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

@@ -159,23 +159,23 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '29142d3abf9500bbf41fb0334399d889b3c6cac8' }, h("div", { key: 'e3c759be99f70768e528062d8c9403c843412e4e', class: {
+        return (h(Host, { key: 'e99b424542a7b552d8fd4a26cbfb97bf6f62802e' }, h("div", { key: 'f4eb81ccf905117701734ce4ef2421cb9cb07a57', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'ef315f5d782cc8166691b9650fb2d288cd749bcb', 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: 'a425e254942d90ddbdd9f3cd2009c993d3da65ca', 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: 'c7ec5af321f7b990a7abd9e3998468c32eb5889d', class: "duet-slideout-icon" }, h("duet-icon", { key: '5b0465920cd92be28acf509dcac07b1b15225ce3', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '985dcc380110ebb5358c77323f2349e3ec31475b', class: "duet-slideout-badge" }))), h("span", { key: '3a82b4673433c943d0212e33c2ea85fc28e03fb9', class: "label" }, h("span", { key: 'e9ff6848d940ba31e433e16af1241ea22dc70f34', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '49829bd15762b30f0253d747768a9375bdd828a8', name: "label" })), h("duet-icon", { key: 'dd11e70aa5e00aa808d5bb0cad6b371fc35838a3', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '1340dc6879304f87fc1842250b66ec47ab38338f', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'e14a24be1ee1a5efad686c4234b85166eb617a0c', class: "duet-slideout-icon" }, h("duet-icon", { key: '0da267b47534ce1b11aae1f0931839d96cbb6e2d', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '6b2579d84b69f8b110b0112f855041a3f9007c87', class: "duet-slideout-badge" }))), h("span", { key: '7b3e4a85c66e7a20016f39c18a41b00851331966', class: "label" }, h("span", { key: '123fd11e48b7ec88e0b003ba9c9d68fb40c53dd2', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'ad8e630553aade4ba6fbdefc3a9c978f0e28a149', name: "label" })), h("duet-icon", { key: '2b767d5777edef7f9d7497d6b728c6535f1bb48d', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '7920d9f9c941634ba3534b8446692a72b252da52', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '1254f5551401ecdaadbca733bc0f74786aa14650', moveFocusTo: this.closeButton }), h("div", { key: 'e84762225ac2b0d641b500e4d039c2443f98edcf', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '49e12eb692d1f72c31b72b6dd8f70482a357a78a', class: "top" }, h("button", { key: 'd2c1948b8800dc2ef27858ea8f261b75715c8e18', 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: '26b5c3dd970fb7882b7fdcf5c9efe5909ab1e953', moveFocusTo: this.closeButton }), h("div", { key: 'a45324a8bf4ec8c14aabeaf862fed11f69b3092a', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'a18b6840ae7dd6b6525c87c38728d76644399f25', class: "top" }, h("button", { key: '96c89b1489b381e885de6d02bbdc444bc3247885', 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: '59d40d2c0cede4aac9973bebf5703fae2a7b3cea', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '1204528b4ec168bebdbc0b69f84066932e2af607' }, this.label.innerHTML), h("button", { key: '45abbae93adaea97d81b4b93da0553a1264c8730', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '2eb2414a9984983a1ee5c79a5e3d6f140f0e8d37', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '5ddcb2fe67526dda050b26bb9c1f5b7bb81da169', class: "sticky-header" }, h("slot", { key: '355f117577e2e2bcdc171209bb8efc6137f6d7d6', name: "sticky-header" }))), h("div", { key: 'ccc3cfde0874f57edf185d4526087c5d0a0f9316', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '10a8a23416d004be7cc64d6544758809ccc44007', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '286a41f140716604ecf61deeb76cf304ebefbb58' }, this.label.innerHTML), h("button", { key: '4278c87e2bb7d82d70458b6814e8920f6a3e5ac5', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '26093ede70cc0968857d8e02edcaa345603e9b56', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '8498e84fed4ec4ea35893cf10a4942f80e01dce1', class: "sticky-header" }, h("slot", { key: 'dae14d8c70e8b8af5c19952e42c6120ac199334d', name: "sticky-header" }))), h("div", { key: 'b7a35e2345a7c47e5e7d118e494e94160f4b3530', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: 'a86fa10fb2acdd64dda1d060fc373cbc7e25c97d' })), h(FocusGuard, { key: '5fb6ce6a75597d05a4bd48ca02d8b0f861a129e3', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '88c632c16c465457b45b27c500157b481afd6f0c' })), h(FocusGuard, { key: '977a6164b9286feeabf4b69c0cc25b0e6ade5f65', 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

@@ -40,16 +40,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'bb8b1ac89a6fc845377a16a9fda01cd1049bc720' }, h("div", { key: '7123e413dfedc3371870bafdeb2be97939432d84', class: {
+        return (h(Host, { key: '1f5aa3dbb15a1f0574017fbafb96824835755621' }, h("div", { key: 'ab819e8ad1d425edb066aab772c12f45d5280698', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '1496c53a1a82284ab5ec469e99bdd8430f9d903d', 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: '05a7c48469c5f6f2006729f4c45f4c06f15cc790', 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: '3a64869e58fdd65da20d97be4c7aa791b46e39dc', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'bdb073b154537b81404d6011ca4a75a5a29b58c3', class: "label" }, h("slot", { key: '26b71b80a8c61e78ad52b9af8f95a1cf8b58a02e', name: "label" }), h("duet-icon", { key: 'aff4043c26c6768b5566ec4c9073faadc1405329', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'c90ac76831b43a4a92c5539a2a91b16b6a4101e2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '0bcf45e8eaa06d919711c8553ecbeef1ab8a5f46', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '71551eee691587f8ff8cb1940883379acdc97a26', class: "label" }, h("slot", { key: '60e3c7766930b9d1c56e42f4cff5ee9adf53a321', name: "label" }), h("duet-icon", { key: '0cb2cf2ad67cb8e174d043637925d6240ef86454', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'e857d0acd5cea8f814a13137ee174f8e5f284291', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '1be245b790ae436066a8f2c36957c4aa21923aac' })))));
+            } }, h("slot", { key: '59bf7f6d9b1e0eca43a45545914c01a1357cf935' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,10 +73,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: 'f6c645d88a079edf789d66abab661498513602f0', class: {
+        return (h(Host, { key: '7d88f7af91fb4156f7b2cc160b04f43d0e6de8e9', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: '9659d286f003987775c67613356b88e4733915ac', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: 'cb38dcde52f12494ae3179037c7f0d21ae096d7f', 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

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6451c0e04650a56832e3b55dfb562db4ddd484b2' }, h("nav", { key: '4322bfa5ae8eb0207c78e21d85bdb3c65e290ae1', class: {
+        return (h(Host, { key: 'f411620c40d8682a1c2e20ace85f2a4bff7f315d' }, h("nav", { key: '5f516ed76fdf869666b17310856a3cc0ce595c64', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'a4c9f8ecdab4fb8154b80b75bdf0764b70fd55cc', 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: 'c44fe142ea11bc278765f8207ac98ea528dca5e9', 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: 'fa313aef921cebfb7826c447e97d92237064ac78', class: "label" }, h("slot", { key: 'c346b15a97b5c5bf7aca4b6d1a659eb0aeae70f1', name: "label" }), h("duet-icon", { key: 'fd7cfc9e987128b16f195fdc4602fd5bc44f3453', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '0a7c79a9c68419f026435543666b9b28df6bcd41', class: {
+            }, onClick: this.onClick }, h("span", { key: 'db004781766d651ab9b6600c1029788967e5f79e', class: "label" }, h("slot", { key: '6d7cc9738a60951cd404eeb54743fe138fe44acf', name: "label" }), h("duet-icon", { key: '145c3fa71f7e283fd371a22b487b733597981617', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'cc16d32fee92c127eea65381e6dc7139442307bd', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '30367df592ab0dada667a922dfe69f1a97dd63e3', 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: '627f404cd8ddcebde4c26ca8832a429a7b711bd8', 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: 'a42fa718e8fc1d41e2d87bad0dc276b8977c7dee', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '478a0ac25a2aae7aa09dad0d455804fbd97b2163' }), h("div", { key: '209d7083a63c7b3cb652d8d7cf40fa0276cd5927', class: "list-padding" }))), h("duet-overlay", { key: '0fe995dd00566aace4e6e4398c23717a0e022e49', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: 'ab3d08b79e77317998c90da04a96412b06bcdc6b', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '1fcffb2b0f316d455d459878a254c22793c91250' }), h("div", { key: '7c29abf84be42edbb2ec5569b4e9827cebcb6cf6', class: "list-padding" }))), h("duet-overlay", { key: '69a89613725bc5cece31bf5faa01de681fb8a5a0', "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

@@ -96,18 +96,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cb5e677b605455d234582b23f7014776882640ca', role: "listitem" }, h("div", { key: '038f74a0f7e4a5d2a692f710609cc35a0f0b8b9b', class: {
+        return (h(Host, { key: '91282efb4475ef3e93beed30b442ecee116a5d7f', role: "listitem" }, h("div", { key: '50cebd82c75c8bae189224e8290e3b6d4e2b82e8', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '559b1fe4df7f7f2e2bba75966a78a26ca556e1a6', 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: '2bff2aab59814f2f2f51311d324e595601f65f35', 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: 'b1446d0146342e9fffcfe689eb23a19520b3226b', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '27aad4809f2f613bfad1c9204f4cb0031951a411', class: "label" }, h("span", { key: '4565a4a2825fd8c0ff7e5b1607e29079ee91580a', class: "label-text" }, h("slot", { key: '374137f23f75556640572ce4e55ac8dea77b4eab', name: "label" })), h("duet-icon", { key: 'eb2ff3b2bb13cb24456bd05ff6e190b6f1ca52b3', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '49f18ebd3fc6765db9a5fd286649226ebe79ed42', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '9467c1e65cd3bbfb8d9554a7743d6ab38aa3e2f7', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e78116b328684f01ebefe4de9090cc784cd912df', class: "label" }, h("span", { key: 'b59cc0a46cd37aa7a4babb44696b5f215624adfe', class: "label-text" }, h("slot", { key: '853981962bf806fc9c6211fa9de3cbb6e5f1bac5', name: "label" })), h("duet-icon", { key: '7b0768bcf7251bb5ceb638a9ca874dd5fac64531', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '7cba20c842efa0186d912ad37a5862f2bce6b79f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'dbc7854708620fc971a0fbc755e75d918975678f' })))));
+            } }, h("slot", { key: '8b09b28409e215489f5b20efc2226b075440def6' })))));
     }
     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

@@ -31,12 +31,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8b009426558f928de713ea2bb30eac1d4fe5b9fd' }, h("a", { key: '80067be3f308ddef002926e8e81a0e7e031f9e57', class: {
+        return (h(Host, { key: '55335d28abcf8bb169e8efe0e8e38bc07d63985a' }, h("a", { key: '01423a356665cd9699b45165977de2142c06591f', 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: '319594b6529b9a4c1c5cce67e79e33e062708171', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '645e44313c0a1311e04587b484f73bda875987f5', class: "label-container" }, h("span", { key: '2da2a5c2904e5507f1edb4d0bb7f414d976d10fd', class: "label" }, h("slot", { key: '5f47fe83755d3caa4d520b547fee609cd93017da' })), this.caret && h("duet-icon", { key: 'b89a6102c74ee5460b2ceffed40eb895d64f8d54', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'ff7a33663227d6dd8489f66b2b5929057da8c659', 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: 'fb31a9f09cf45c2dd1940d036381a16e19862ba5', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '1875d33f394b1fe34a4b5da166c7bdc8b7aba3ec', class: "label-container" }, h("span", { key: '9cec76482313031304a7267301917a578386a431', class: "label" }, h("slot", { key: '09c5d5096026ec851933a89eb646ef75976cba1f' })), this.caret && h("duet-icon", { key: '4637a241c817e12e633978568d036a7044729b9d', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'f06ea7ef11f0b96fceeb288bfe4b7aca8509a113', 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

@@ -57,7 +57,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: 'eddc232862537069e646d18e8de3e6b7e5570f9d', role: "listitem" }, h(TagName, { key: '3203c493afd7c1fee94ab963d73d444ac214edc6', 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: 'c237f48ffb0a803f346e627f3378db0447095f04', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '5bc1441b2296f4e359097aa111e2943d7964f3d9', class: "label" }, h("span", { key: '7c2f284efc6f683f0fa8dd0999279b1e5815e5e3', class: "label-text" }, h("slot", { key: '688632c54762efe35b397ef550a184d49c3409a4' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '75a8d9157f7dc2a8408281b48727e0bcf5199165', class: {
+        return (h(Host, { key: 'ba9eb4ea033a7815929691f1e510068847f4d43b', role: "listitem" }, h(TagName, { key: '5de39f2c7355d1005f4b962d7f6c7512d288f20c', 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: '851397fba2c325e6cbfe090d8fa4eb6e45baefe4', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '47618d6694e418a91d6712b83c77fc9811c9f859', class: "label" }, h("span", { key: '9f3964b9779a74a3ea3c198dda79cb5334134c47', class: "label-text" }, h("slot", { key: 'dfec68cf601f45e53cb18429f69c7f8f41138b3c' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '3411ce93ad9e72860c14d541738603b0dbf65ab7', 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

@@ -29,7 +29,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1851290835bc0e6215a468b46de5d4b4507a1459', role: "listitem" }, h("a", { key: 'f69c3eb64a32fe2fb4751eefddd68e84fed53b97', 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: '682c9d777be7cc59c30b734aeb2c31843e45671c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '24f70e921680f881498908e2b5269b8e3ac6b842', class: "label" }, h("slot", { key: '4f66a4338778fa2891eaa88c8ddffe65af1f7a30' })))));
+        return (h(Host, { key: '55020aafd418a4e9d315faefc7cbf31fe9437c54', role: "listitem" }, h("a", { key: 'd99865094806811ac9d452785396a1c1cf6112f7', 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: '28fc1367d49037da43ddca5b6c7654098f3a6965', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'b0f6a7d53f34aa62392a96e1e4ff955d7509209f', class: "label" }, h("slot", { key: 'e04b7f1a353d1d70be3ca6e22615995e5fba7532' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class DuetTabGroup {
             });
             this.mutationO.observe(this.element, {
                 attributes: true,
-                attributeFilter: ["label"],
+                attributeFilter: ["label", "selected"],
                 childList: true,
                 characterData: true,
                 subtree: true,
@@ -169,24 +169,27 @@ export class DuetTabGroup {
         return description;
     }
     async updateTabs() {
-        this.selected = undefined;
+        let selected;
         this.tabs = this.getTabs();
         this.tabs.forEach((tab, index) => {
             tab.id = this.getTabId(index);
             if (tab.selected) {
-                if (this.selected === undefined) {
-                    this.selected = index;
+                if (selected === undefined) {
+                    // keep first selected
+                    selected = index;
                 }
                 else {
+                    // unselect the rest
                     tab.selected = false;
                 }
             }
         });
-        if (this.selected === undefined) {
-            this.selected = 0;
+        // select first tab if none were selected
+        if (selected === undefined) {
+            selected = 0;
             this.tabs[0].selected = true;
         }
-        return;
+        this.selected = selected;
     }
     /**
      * To support text-align: center;
@@ -211,13 +214,13 @@ export 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" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (h("div", { key: '8d00d531e80a9c26cf00ef7d0315105c478c02fb', class: {
+        return (h("div", { key: 'd0221da76b9c778b6d22fea962e6964dadd64929', 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 }, h("div", { key: '8c9abd65ee9f805d69745ee46af2e3626fad5e8b', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'aa0175a9e3fb67b01e92d0cd35755138dce2e46c', 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,
@@ -228,11 +231,11 @@ export class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (h("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" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("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)))), h("div", { key: '93070e930820e5f493f118e8d60c95b47d4fe47e', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("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)))), h("div", { key: 'f7da2ca2b11ae48bde1a50609695453bc5b46bdd', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '4b95faccd490ae74645f2eccf68636703ff1fae8' }))));
+            } }, h("slot", { key: '0ca36531417cca1068a36d6ef4e6d5eb3b29302d' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'fc3dbefb9caed333ce27098bac9cad5154d0527d', class: {
+        return (h(Host, { key: 'a4870b0cafe43e5aa7e5f2b018ec4c36a7d263a5', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '34742ef188f22769be8c47a122f782193529f933' })));
+            } }, h("slot", { key: 'fdf91dd956d54023aa8600a6992dfffddb242f21' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '64b4d516cebc6fa24510aca130d70fc9bb513fb4' }, h("nav", { key: '9b6ce4135f83abc26ed0abd1220dec0c983784f5', class: {
+        return (h(Host, { key: '71cf9fb61b1385f9e3cdb9b261d24693788ea0f3' }, h("nav", { key: 'b4d4182af3679982529ca44fd471f5763dbcfd1f', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '4480fce81d73c41904c4f6045da68f4b938692e8', class: "container" }, h("div", { key: '077ee51ac07a8369f4ab3e33503080f63d2e3098', class: "list", role: "list" }, h("slot", { key: '7359e182598454aca46588af570ecc83e888d34f', name: "left" })), h("div", { key: '189d1363763a63c10040d2ae9843695027c52657', class: "list", role: "list" }, h("slot", { key: 'f10760c354e2a1d080107eff5dbde9c1bc3b1cf5', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '70b7556c67c5d914fae243ebbbfc40bcafeeb1fb', class: "container" }, h("div", { key: '1253dcf2deb5eca7b68f15abdc65bfb5f578bc20', class: "list", role: "list" }, h("slot", { key: '61e977ba9089ea74bea48572bad2cf9948d4c24a', name: "left" })), h("div", { key: '96783a831bd7c7c520be9cd1fd80fc4b03b43639', class: "list", role: "list" }, h("slot", { key: '47b4a4041f6d2bd92f01e0baeb6d212114ac6ce0', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'a845cc23755fc7a4852b9a6034c7a3da2464af09', role: "listitem" }, h("div", { key: 'd9d3bc229d8ab3369a031fc1acc1e2b88452f797', class: {
+        return (h(Host, { key: '1f4c3ff482e27134923f4d73d5bcfba53da16689', role: "listitem" }, h("div", { key: '77e7d02ebb37cbe36013ea3b06bd497c0de6b323', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '4e2458e7f3458884e6ccc16d15e07e57611a4cb6', 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: {
+            } }, h("button", { key: '22162218e8e9b64d35edf289337033f0a2ae0505', 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 && (h("duet-icon", { key: '73cccaa547adab87c3480e6b1462a978568faf3f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '81926dc68885ca6ca2290a298727b9d71fc2fc07', class: "label" }, h("slot", { key: '7d99a9ce05e38925b5782fe6f12716446afc2c8d', name: "label" }), h("duet-icon", { key: 'c83b298d4b3e2dadc25702efb503a4c6d2087356', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5129184bb7ae73dd61761748c0d4bc91d963e320', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '5d8ec0602b127d6ef83764ca04977959e179e6a5', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '8f90c46608aec95cbe8917036a00d2a77d505e6d', class: "label" }, h("slot", { key: '821c377977df5cc1be12b952c505253e3ca16c24', name: "label" }), h("duet-icon", { key: '8dc33363d72cbf1e1bfaf056970a116236435be3', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'abe0ced5cc9619298d365e47f87b1a2b75175679', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'edc919fd8370473ebf8ce396986c0ca90bb8a143' })))));
+            } }, h("slot", { key: '4be5fe8189090f0f0bf027ec4d5a4ef9cc21f3f0' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3a8f1796da5e4eed80e084833b77f496163c9a84' }, h("a", { key: 'fd20d08ddf5814318cd34453e5c9d5c258bd613a', class: {
+        return (h(Host, { key: 'dfeaf4d6768045033434e058ac7a22fefd0c61f3' }, h("a", { key: '204b942f38ebcf47c9a2d08df7a2cdffc5b1a6b5', 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 && h("duet-icon", { key: '271f53fb65a420b00f3318a8ac0adeea352d0237', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '7f381a95d1a2838540bba5c109b07a73ebc2c91d', class: "label" }, h("slot", { key: 'a91086b05e18c4b125704df49f5302b291b3fc8b' })), this.active && (h("duet-icon", { key: 'e8039a105270b943bddb019a3f107badfeba322c', 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 && h("duet-icon", { key: 'ff582f1caa8e86a2011d80d9e3130421fb13ab8b', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'b3697ba42a15620b16d14fe4f946ad4ede4bd318', class: "label" }, h("slot", { key: '32431748370d82d00dff02e858d42619e28908a4' })), this.active && (h("duet-icon", { key: '343f674c595c46197416109d691d28b725040bb8', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'd69676de72b58792b6fd41da3e6eb09a53cd48d3', role: "listitem" }, h(TagName, { key: 'd2ff00e84af5a473dac3b4caf3b2a491593dfcbd', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '91f498617087f1ccd8491ebf7690a627d990290b', role: "listitem" }, h(TagName, { key: '50e607df470d4d85f9bd8045878e1e9be69bbd49', 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 && (h("div", { key: '99f91d28951629539f577ba0aefda88a1a0116f9', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'dc80d784768df86809d20c377e3c7179ca124998', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '345f9099e4c859093b70fca3388867aab136345b', class: "duet-toolbar-badge" }))), h("slot", { key: 'c63b02d192ca68bcd5ec87c9419ae5f18f5b26e1' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '037443df79d823efb2919538d02cac0b047532f0', class: "duet-toolbar-icon" }, h("duet-icon", { key: '1e9c5d4addcaba3688edb9ce169bc20b407b2bbf', 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("div", { key: 'bcd2fc09f93642ba9a110a3bddd881ced3d9fc8e', class: "duet-toolbar-icon" }, h("duet-icon", { key: '323aac653803756d74d7722101aed3854cf6c093', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '3d71181d7a06a62b2523c8bc943eeba061b4e16d', class: "duet-toolbar-badge" }))), h("slot", { key: '25f69cdd90c2734def4500e476f505b3ea6408ad' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '0fc3a9d378996699e077ebaac42fbd13987bd862', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'd462ac02e841954a22e151eeeca7cdbf1e504e15', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'e4a1519e0557bb0d77b6ab89d17e72cefd121540', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'ca240186f267085e343f7e625e496ba9d25178b4', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }