@duetds/components 9.13.0 → 9.15.0

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -91,12 +91,12 @@ export class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: '92c7a8a940fa6b4ade953646d8f2a0f9764d7cb8' }, h("div", { key: '2c243c0e75ff7c85608ff9124dad4217fce9ca09', class: {
+        return (h(Host, { key: '5e26089215401ad079494ecfc48a5463ecd0be23' }, h("div", { key: 'ccc9db6a4f25f032076816c455c478bdd9a9689b', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: '71705332d3aa1bfe177c6d965a9e5bcbae98be86', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '07ab4d6a2a63a4c5828f77aff112aa0b6edc45cc', class: { "slotted-content": true } }, h("slot", { key: '27fa6b74575cf303bddde356b7b96099a7500443' }))), h("duet-button", { key: 'b52389d6f0d70da19c9a0e855516b65ef7dd1611', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '7a21e35febf93126d1bde48f59bfea260c547674' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '9548a87e1fe2469470e5bc736e9be84ff49f1b29', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '89ad3dcc67ee7b8025483cbdb94e77380249869a', class: { "slotted-content": true } }, h("slot", { key: '3d8d799bfeceaa39c118f8b77ff1854e92111bf5' }))), h("duet-button", { key: 'e7215cf992e31e23150c57d3d5677584a38bd45e', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'dcf013a42f3580bae6247f0fc11925ca63967425' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     static get is() { return "duet-show-more"; }
     static get encapsulation() { return "shadow"; }

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

@@ -260,16 +260,16 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: '5b1e8dd6a1d23ddfd1fd4ec9953358648f83b2f4' }, h("div", { key: '1b3d3922fa437e5a673eade5e37bdf4301f78c04', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '5320d50095216834367b1dadf87aac40844c1330', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'a66f039db9a25bf386d1b432aa0a5e31431d425c', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '9333789c721a340099e10ded0a75fd40e9a11351' }, h("div", { key: '401f5878c00c8844606f58cf65bd970fefc9aab7', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'ee8e733825dc3a76a590f10c5575b9b696c5c920', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'ceed0da1890638fbacd6ff8c98e1444545c4ce9f', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '40b2443754bf241922b967ff7a513c959761f1fe', moveFocusTo: this.closeButton }), h("div", { key: '3b3fddbbcf56a58504c68e8c1e2b2900aedc5d64', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '2a59af527b5aff6888cf32062ac395ea70c419d4', class: "top" }, h("button", { key: '947f06b59448c995e2512e5bcc97cbd6d109b6f9', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '5ba5f11f9e65dd3b4e7f41dc425cb504fdf41227', moveFocusTo: this.closeButton }), h("div", { key: '644cb47533203d7a1a0411ad3d685f772f1727af', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '27811bda6d392533473673dd1f9e3384fc010c9a', class: "top" }, h("button", { key: 'afcf0a441eb2100eece645b01229005076a98b0b', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'aebc4e8f5e9782c5dc7d6b3531aaa7652afd8cc3', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '49d1788b366efacc2240cd1120861b6826e6c989', class: "sticky-header" }, h("slot", { key: '337568b5b2fce699eefe02c958d18b23cfd56686', name: "sticky-header" }))), h("div", { key: 'c1e094ea625aee5b60ff298d17d817366c6ccd9d', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'a1f41fbc6db6c3e139c86c5243947230e6d3f3c0', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '6333fb0cb464bd1bae7295a7ed3dba2f82aa4afe', class: "sticky-header" }, h("slot", { key: '9295f086423cb44b73d2df211b7095facfa77c79', name: "sticky-header" }))), h("div", { key: '1535ab887ae6f901cc97f3b7a7cd541d423e174c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '396e59703e3eb7d0647fed3c96d20cd3f43c100a' })), h(FocusGuard, { key: '5b400bf78b36b3e576fb30fc82a84fb1c754fd79', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '5dff867d2868e62737eb06a1618c269187db5468' })), h(FocusGuard, { key: 'fcfc5f9ea11a7edac6b76a1479dfb0374b8f16eb', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     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: 'a7713847bd3e1a3c0f2f3ee2a3c4953b16ab9dab' }, h("div", { key: 'dcc4f8c8be73f4e158021db290ebc41a928f26b5', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '66bf96bab08b50be6a5a70efe80cb1bdc0a2668c', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '11f293894f1a4845bd1e41871a0d64efeffec8b2' }))));
+        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: '37e7f55eccaef46f0fdb0cc722167b3d2be07250' }, h("a", { key: '7888b5689d718e5618dbd8119513c9ad0bd88eaa', 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: '0fdcbb18f34d423c59650e55bccee40efedb9f49', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '06d69d19e7780580efd75a285c6d58008dc7ef4e', class: "label" }, h("span", { key: '6db329897b1ad576bce79b2da3c2586992786239' }, h("span", { key: '01b2c540cb6096bf321cd52272c7bfc7284f9532', class: "label-container" }, h("span", { key: 'fd2b7ff9885cd3a24f1b81e14b0e972daf606da9', class: "label-content" }, h("slot", { key: 'c05ee9479a383f4a3a99d1060054e4b07a510337' })), this.external && (h("duet-icon", { key: '669c2f06ba1388a117029c4bebb472a22a51d90e', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '81fe3d16cde666a547216e35ebfe7c4d9289713b', name: "description" })), this.caret && (h("duet-icon", { key: '31f873adfe1e59fc420ea6cafcc9133a10e92f43', 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: '56eb135660ee88050732a5d2fea1ad481f9eb292' }, h("div", { key: 'ac82e6b523a166482f63f844fe4665bb9c51cf67', 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: '237fd45dcf65a5276ba815e0b1f96edf37f34792', 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: 'eb4918cee89d1a28119e7c96a41dd30876b9882e', class: "duet-slideout-icon" }, h("duet-icon", { key: '585083f0736aca5f20850536cf4ac576354d0adb', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: 'e5b2e4bc6d70118c462ab6740e6c89a588babebe', class: "duet-slideout-badge" }))), h("span", { key: '2c533f9ab954b21ad9ee1f489a896f8661d6b744', class: "label" }, h("span", { key: 'd18761f73625fe1ed2061413dde2ef1649e0d8e6', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'b8877cefe56a922264fd7b8cfdb59699b321cca6', name: "label" })), h("duet-icon", { key: '9223672f3ef2c5f4e24d93180266c12ebb81f873', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '970e055462866b6c2e0d9f8f61fa0f44014e1f8c', 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: '55077ddbf3f4b2b9f7418ac25e18925d0790f51d', moveFocusTo: this.closeButton }), h("div", { key: '173896613871ccb4612a777f81cc7aa099f846dd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '5de8816912ec989b3c3a592f71d82769f81705cc', class: "top" }, h("button", { key: '7daaf548d0726af440efe31d65dda28ab7b10590', 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: '51d4e6709d84ea7ae022637b49b0f3fe1848374b', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '8fb630a47d81b8cd39c2b41eee44de476ee2d909' }, this.label.innerHTML), h("button", { key: 'ebe66dcf5fb90368364bf99aa17e16a1c1f618a7', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'a625e7fe337d30f0663e785b574ea068fcafa161', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '5c949cc572f5fece64b0fcb5054ba0feb7e3852a', class: "sticky-header" }, h("slot", { key: '967df86d4dcad22d11b312e508de6114fa2e40cd', name: "sticky-header" }))), h("div", { key: '2fad52921cca02a904eb498d690d27284e6a928e', 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: '8877447b3854175bbd232289e9e3309f6efea81f' })), h(FocusGuard, { key: '9f96ad5a3cfb71dc1991b8f91e2fa4d7c0710a87', 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: '56faee9144d28aa60667fdf09a6cb8505a2d5019' }, h("div", { key: '13fac67091478d3f93b4dcdda87d78769cb684f7', 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: 'ca6bcd9c33c48f8ce6c6b6beecdc6f2abb3049d0', 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: 'b3635153f84663988ea84257c9cfaa5d3aea7a2f', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'ef13c8e149d1736216107e243d27ccbb6f303cb7', class: "label" }, h("slot", { key: '58486ebae7658383e393bcbcde5db4af478a4bc8', name: "label" }), h("duet-icon", { key: '3935b244f34872dc262934a8754596ce50bb255a', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '6368cfe15f050458ab5a859977b8d5144316bd52', 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: '7e5c69e4d53d0832a3f833c6bc297c3069f12fa7' })))));
+            } }, h("slot", { key: '59bf7f6d9b1e0eca43a45545914c01a1357cf935' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd55d6a4ae72006fe3463b80b1485a2ef55dd215d', class: {
+        return (h(Host, { key: 'cf4bc55628a80600bcc541119e56966f2a6b4a75', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

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

@@ -20,11 +20,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'bb0f449eae50af0507131759837be15719c3d181', class: {
+        return (h(Host, { key: '6d75d470c4189563cb0fc773734d02acac58c0ab', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: '10b2a6011a04cac3a30fc48265a3c38c6efe96da', class: {
+            } }, h("div", { key: '5314f7a471cde9aa11d4d8794058612683f41be8', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

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

@@ -73,10 +73,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: '0c7e9e81aa0df937ac47bcfaf99525e669866704', class: {
+        return (h(Host, { key: '7d88f7af91fb4156f7b2cc160b04f43d0e6de8e9', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: '8b806b24e99faa5637683e31bdb29aea671c1097', 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-stepper/duet-stepper.js

@@ -101,7 +101,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '740a97432ec3cd68e37e0d1c15ef857fda784e03', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'cd7bb18ecc5f6912692e126352addfd6d261ed31', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'e544dcae3ddc94efef5586ec9cf89101c4438be7', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'a66d4563c4a9f66d31e8bb14502a10c70d663baa' }))));
+        return (h(Host, { key: '09155a7a3327ac4e49f56eb5632872285f5d5bab', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'a57d5104e84e041986ea155939c05d52a7ec8a0a', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '7c6149035beb257691e8e6849a0608cd47ba18cb', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'edb325e8ac2f2b2f91848c5a4688ab4ff0f31c03' }))));
     }
     static get is() { return "duet-stepper"; }
     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: 'b9ed84c0da82f7c093fa3cc5c9602ca1fe44a4ed' }, h("nav", { key: '0f8fe04555854be9bc7c6a2d15a15653ffbd1016', 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: 'b6399d5854b6f89f428c24fa3a43fdd67de000d2', 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: '1d5e8668c8b750f4972504df8bed57245ef5eabc', class: "label" }, h("slot", { key: '20c27756f7a5aad70a898fff440360f28c28d91b', name: "label" }), h("duet-icon", { key: '43057e0edf41bb7e391ca83b88945a2b9b25ef2e', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'c5e37557b3b340b72d9884217c94e2901278e597', 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: 'dce4cefa83a6e80dc7c8360c282317a135c4c0ab', 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: '75d2f4b701d7f2b44c305da5bb697d4cf73faf1d', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'e5b60df2f15ee80a4a6bd17960ef48be2bde1756' }), h("div", { key: '5b8e5fd8fa81cf1fade618d0211471941dae339a', class: "list-padding" }))), h("duet-overlay", { key: '2fdc9e8c03721caed4b5b2d05b436375cd57b39e', "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: '70868aabae55a1cf5a33ffa60fa5f4503538dea9', role: "listitem" }, h("div", { key: '9809d5a4eab393c96dd7851edb141543e3133768', 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: '28578844117f1a8125be55516cff56ac1e8a7f15', 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: '9c8abf604b85505fcb162655ba88d8ee98d0c33f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e5ede13eceef98527bf96e09fa02bed5f3a56596', class: "label" }, h("span", { key: 'f6c75d3c08f19179ee759a0d049eae30f2c9f464', class: "label-text" }, h("slot", { key: '02f6d7e96cb114febddb08e4ff3d0acb074c9033', name: "label" })), h("duet-icon", { key: 'd1e66d3f724512be2a0da418530fd733beefa784', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5dbf142f285d703e83580e73497a92bf79173a63', 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: 'f20c64dc6799152a072355db08285ae3254a21a4' })))));
+            } }, 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: '70dc6010e5c86ad45da1c5181093ccdd36aedf8c' }, h("a", { key: '88f6be423630593baa34df5aaa95658f4d62e144', 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: '1b8442b9b12ea7e7d70a4cafb650f44e623ed079', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '649f4c2ba3d389a010c5a2d931d88052ab32738a', class: "label-container" }, h("span", { key: '0956e484078fe3c11a3dbc9c583c9a00f78beb22', class: "label" }, h("slot", { key: 'd38dda8929e0d9fd12abe02ea3e43dc4514699be' })), this.caret && h("duet-icon", { key: '0ae18e14eb823bcac1af33ae2bd4fbab222296e1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '2e54718adef2328ea759432eea812e3e959931e7', 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: '15d1f01cbd76c4ced8aa252ed81917561aeeef90', role: "listitem" }, h(TagName, { key: '9f15d11e5868c3a481013409fb19379340a330f9', 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: 'bdd450ab99c8780a4cbde43bfafda57632e452a2', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3fa29d16137ca86381aade1733233f69c9aa2ac4', class: "label" }, h("span", { key: 'a3156e9e1fe7b81cc1f0c651e17c8e05482901fb', class: "label-text" }, h("slot", { key: '50b0c3530a7acd735a6d0d563bd4a59fee5512db' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'c9d8546f6eea591cf4932bf78364aae8eac66f4d', 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: 'cf46769797af8d0cfbfc34a5d9f754e064b23da3', role: "listitem" }, h("a", { key: 'ba77c3487605554e93c2628b6ca4a13558dd63cc', 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: '80b4386830ee4f24c1898e7fc81b06cb5542aad3', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '5232690bfa4c2ead759d2dd89a08efa0cb0ddb39', class: "label" }, h("slot", { key: 'b27e4d3d3cdb1ff0005ac3ffca339852c0ae0b2b' })))));
+        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: 'ba7736ac0b95d5470fb0ed873d4b38a154dcbb64', 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: '4a074d5dbd67da42ed48f8d3dfe9ec4310236d80', 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: 'f5f7596722133e827c24c7db62ddba338bbfb1bf', 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: 'cfbca5d14ae3d8ea6b76d6c7d48a1d3f8f6dfcce' }))));
+            } }, 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: '13f47629478b7705622fc91ddc04badedba77dfe', 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: '0d23468c6d252e529c9297dc635590f372c025c8' })));
+            } }, 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: '1b26e3981203dbae3216d276dd83f7f60ddb5184' }, h("nav", { key: 'f8b9f1f97884e9fb74afcdb598962684871f942d', 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: 'f17013b753eff5838cf4415d2bb388d4025a92d9', class: "container" }, h("div", { key: '597857dd4c29a1172996e68893b65631714761cc', class: "list", role: "list" }, h("slot", { key: '6fbaec704bb93b8568ac6cf039f45af1202423a0', name: "left" })), h("div", { key: '3eb765f8f290491f0641e9ca188545e8fbb4f344', class: "list", role: "list" }, h("slot", { key: '6cc0db90a4eaa2da03be6ac05abe32d5e120cd8e', 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: 'e3e0b0413cd3bb1ac40c4e7e2b62e5b283d4f01b', role: "listitem" }, h("div", { key: '1ed23dc163be5fccf92e84b22748b65f5b382450', 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: '2ff445e277b068bb749a9289450765c267e3650a', 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: 'f432f08d46fc050de9869d812b98669093a33e49', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '89ac028982a6343570fdebf2c92be6ea447fc038', class: "label" }, h("slot", { key: '48e08bb48a393700258882aec5dd454fe9e634ed', name: "label" }), h("duet-icon", { key: 'c184176e214992303b1f5432048696b45f585849', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '8a612f1e69417f1a1dae5a2992271d364dd8a8f1', 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: 'a81f13bd3fb026cf6d2a3d6e3f479eb651fc69d6' })))));
+            } }, 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: '645f93450f0caf5a8c1df824e05e63efde366c4b' }, h("a", { key: '0bae9657b6fce539b28fffb2b3f6b8a131609dc2', 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: '96c0041583fdbf915f5aeedc503ac3300a30821e', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '3ae8836e9a88f633afab3d9232c1fad48b8dd493', class: "label" }, h("slot", { key: 'f1f35cebdf4d521a8614244e868ec9cb07977e7b' })), this.active && (h("duet-icon", { key: '8e68e9e11d5ef1f41229a22148b2004b884b4b7e', 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: '2d0b83d83b3a9ffe81c3548b5063031c3ec3b4ed', role: "listitem" }, h(TagName, { key: 'd37ea9c4e7b0e64d48bd131f83c6e96cef0abe77', 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: '482d4ad7407f7d7ca7117f121e2e14de1e56b9cf', class: "duet-toolbar-icon" }, h("duet-icon", { key: '4f192028d160dace9ef06866270904fd8678e892', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '9eb9caf3dafec0fffe8064a3257f149e8a5d21cf', class: "duet-toolbar-badge" }))), h("slot", { key: '4b6b9cb23199194276c367c962a45b509b3f87fa' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '164365e260e98746e1da3030667d3ca0f50b84a0', class: "duet-toolbar-icon" }, h("duet-icon", { key: '4ff06acf193e967429202e08ba6016ec3a55d258', 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: '670c38e01c6a1571d0300152fcfa6a744c7f1045', 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"; }

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

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '18a7b211c2e20259e170b01bda4dd1cda7bdcc46', role: "listitem" }, h("a", { key: 'b151faf80ab544b2bf82223f1aa925d0911957ca', class: {
+        return (h(Host, { key: 'ada6b9cf97f679d00342bc10e4246cd7769cb0dc', role: "listitem" }, h("a", { key: 'd066b938dab65c6bb295b1c33886d25078606ffc', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '1ed9551d4d8c83820b356395628c3cb267fb46cc', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'cba520b591daf1ad9fbe70581a2b97a249b21861' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'daff82ced17069f6cddcf875c4ce87bf74a2c472', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '64c261fee1b5ea2787c91ce4c3c8567ff0e3ab04' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: '7106b1bb9e87cd78196542ca565a2ed1dd2f439a' }, this.accessibleLabel);
-        return (h(Host, { key: 'a8c7ee7f61c14fff400cb660e2f9d858e99e3f71' }, h("button", { key: 'c8ece0bb13184553a6c208d2e42e4c774cf1a7c4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: 'e455684026063de1dc9838bb0cd8cb98b10901e1' }, this.accessibleLabel);
+        return (h(Host, { key: '72042958d6bde194eb981994118b017730fa08ad' }, h("button", { key: 'f30723885692add101e2f99453834b56918b4dd6', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: 'accbafb234802a0515078d8b7b6b6ef8ba282de4', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fba958ef3715f6c723a7992e27b2b6f9c032e314', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '9bcb4036acd865594c8f9ad37b04d429e85f650a', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'bff2dba440a3f3a100225bb06f2af68fc813e06b', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '80ee1608220911c1b63bbfdff73333aa1281e8c6', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '81d7510a742164802db9d3e2850c0c595060bbe7', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '93f6ea5c41c5433a3344c99c32d403deeddd0c9e', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '0bda03982f84533033ad43134c891c85e1713192', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '9a5bab8a640a8e21f3394ce5e23493ebc22d0aad' }, h("div", { key: '047fb1564878ea17fd9f2bf8133755b37fa2ace4', class: {
+        return (h(Host, { key: '25625861a7858e924565471167aa9f993362163b' }, h("div", { key: '5cfb9c029a6e00a43a7890b3a8af59d09aa82b5d', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'fb8136dc7dce4c5830fb860e79e64ea04d07c657', moveFocusTo: this.buttonEl }), h("div", { key: 'beaffa1e94ab151c8eea0f81cedb7293ea7d0389', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: 'd4a552a72620c431c91961aa6d8f7ed221f85f08' })), h("div", { key: '020780a90ed0a9cd5081e281fbed8e9d8abd1181', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'ee14dc7fb877dd3bb59b8ad7150163801aed006e', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '1647e888863c3fc509ddd94b3425cfda80786ac3', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '423141f0683fda8e7a1d4034c7b4f315a7bb3fc2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c9021c4343e71a413b841fd7d41dc222d0852b13' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'ecc8993e7816a4dda3de97fea5bd5581f5c20748', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '4523ab0855d71dd5f4f13f4554f6862845c02df3', moveFocusTo: this.buttonEl }), h("div", { key: '4341d74dead24be51cbf51e385f3684115e48c9c', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '956cd79efc0169a02ddca5c760c9fe929f42f346' })), h("div", { key: '4998d379b24b1ddb62616b59bcb7edf106ed1e96', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '272e74d112bb9430646edd655d2e1eddaef29d72', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '40b347addd467daca17911eaf589f9ab49f40e29', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '65d0509c3e63ed403945b23938ad021a4d5788ab', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'edd9504295bd1c5bf74959a1fdc3586a3c19a46f' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'fadac987b297e5cb6839785e72177f4d311f2d0a', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }