@duetds/components 9.5.2 → 9.6.0

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

@@ -32,7 +32,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: '937feb9cd408858a78be87183a5545fafd3b3d22', "aria-describedby": this.id }, h("p", { key: 'efd257f20e5ef295b7555d9b7b73b5ef23fb48c0', id: this.id, class: {
+        return (h(Host, { key: '781489aa8cfa1fbe821c39ba70f9729111c34989', "aria-describedby": this.id }, h("p", { key: 'a8edeb1a584bef9687dfc46bd4bf1ca3463a24f8', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +40,7 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '3f9d4bf13beebdbd96e6d8b70e006b3f91804d83' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'fc52f55236cf7f668aa23a91f2de13a4063be43a' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }
@@ -117,7 +117,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -143,7 +143,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -169,7 +169,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

package/lib/collection/components/duet-phone-input/duet-phone-input.js

@@ -147,6 +147,12 @@ export class DuetPhoneInput {
     set value(val) {
         this._value = val;
     }
+    /**
+     * This is a proxy for the enclosed native inputs validity
+     */
+    get validity() {
+        return this.duetInputElement.validity;
+    }
     /**t
      * Component lifecycle events.
      */
@@ -651,6 +657,28 @@ export class DuetPhoneInput {
                 "attribute": "value",
                 "reflect": false
             },
+            "validity": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValidityState",
+                    "resolved": "ValidityState",
+                    "references": {
+                        "ValidityState": {
+                            "location": "global",
+                            "id": "global::ValidityState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a proxy for the enclosed native inputs validity"
+                },
+                "getter": true,
+                "setter": false
+            },
             "listFirst": {
                 "type": "string",
                 "mutable": false,
@@ -699,7 +727,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -720,7 +748,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -741,7 +769,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -762,7 +790,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }

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

@@ -319,14 +319,14 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: '245da481a4c3ac550648005777f7f7724c8e7806' }, h("div", { key: '17069b93e411e4f951dcf4f591aacf90a0fcf7ec', ref: element => {
+        return (h(Host, { key: '5bb85676ba5f828c366f50de522256423be04e85' }, h("div", { key: 'b518597ae6452ccc99331cf6d9b97f209d8837ee', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '24e126dbabf9089b5d3bed8d20c4a2d727531a0e' }, h("duet-input", { key: '719101f79b6678a0e7b28694e2c630e902f58bb2', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-spacer", { key: 'c49e9178d065230acbc63f163b9b31dfa53a56ae', size: "xx-small" }))), h("slot", { key: 'd6e2cbd68cd5f5961d5c486a974b72083f2cbae0' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '9805d1a455cb8e4c6503b1c4177a5d7a5c1d5d01' }, h("duet-input", { key: 'a5f49f43c7f8979b9adae13435194e7679bee6c2', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-spacer", { key: '507f2d58077dc27f7096aeb571e78a1b7ba3911f', size: "xx-small" }))), h("slot", { key: '0df4eef63e174ee4ff14a23ba819461e30a118c9' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -710,7 +710,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }

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

@@ -66,11 +66,11 @@ export class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (h(Host, { key: '2f4a7fe60bc5938bbcb3b1fbce1b4c7bb6bc1de2', role: this.accessibleRole }, h(TagName, { key: 'c9f7fd447bb786217bd8a914167bb908acf66f37', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'dcd75ed8a6b9113d52ffa7525c4356cbb2900bc4', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'db792f6c21c039bc1997fe199227a84854623c9d', class: "duet-popup-menu-item-label" }, h("slot", { key: 'dbe5cfc337cc536811672bfc2240518c230df8d6' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'dbcb7c7c1fb2a4279aab71c16bf8dfd0505fbe38', name: this.url && this.external
+        return (h(Host, { key: 'ecd69714512d5821c0e558634c25094fae64a925', role: this.accessibleRole }, h(TagName, { key: '13b3dd3ab67cecd24989acf66444b6d0badec52c', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: '3bfc02794dbd281e150ea8a0b16abac9b2c38b89', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '831b7cbafa3ac23a3b8f75099e6e1e9725b32c2f', class: "duet-popup-menu-item-label" }, h("slot", { key: 'c460db8d6e2067b8f7e1a2b6cebcf456114db058' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'f5c2c99a60fa0aa92e0e2530b04559f3260fcd6a', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'e234fa5fd161ad0938c925c4b1fb75b6fbbb37f2', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'ee9a288b2fcf622e2c1885f4d1be67d5025c23f6', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -395,7 +395,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }
@@ -416,7 +416,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }

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: '0a97e9abde099796c74ee8d4533922d35deb236e', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '1c1fd59c053cb81d932443c888c6e9573953e946', class: {
+        return (h(Host, { key: 'b4f25c873b15a4a49a932bd545b2b4a127bcb625', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'a258d491371e320b9f48937a7d6e752e00688890', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'fd53e9b56dc719eb84b55e185a7709e6ab267e58', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '34994ce60ac0342c63a4fcfe21a57b0246d2c19e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'f0bef01fd5ff40970d3d54befca4682fdceed46f', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'ad3e40631d0e0a7eab15ca8c97a22141dc14c409', class: "pre-heading" }, h("slot", { key: '887cb71bdcf6fffcb82565434e42ad1ee361841c', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '90549d05dab8e3a238f8361cbbcc6ecea1d7cd42', class: "heading" }, h("duet-heading", { key: '56eaa16c5fb2f0094e32c24b1e9494092980b3f2', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '6567201df4ec186d0fecce37cadbdeb9e7d3ceeb' }, h("slot", { key: '8f979f5facd440dd76a6a2711922cf4a1b47cba0', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '1d1c853e865e767a7f96255f0e9316c6ff4d642a', class: "description" }, h("duet-paragraph", { key: '4c1741ff05acd2562c07bdee11c9e00951dc8772', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '2dd6a0fb0ae7508a6fca281632206ccbab9b80fa' }, h("slot", { key: 'c2bda8a30bfbcedfd5aa88b32c332172eb693ea3', name: "description" }))))), this.hasActionSlot && (h("div", { key: '46fbd5da2ebd36613c039f6edbb22e81d1fcaf47', class: "action" }, h("slot", { key: 'a573eaf8d88210c4c4e613c36a6f127d6caeb783', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '28f1b5d2c3df418be9f59c5dc64771f45b0ef179', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'ed15e3982f37e6b3f8d07cb183a1d26cea36fa4e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'bebacca9c33e3e45688c35344e2284bcc104f5be', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '62ab7a65ea395d42ea9cedc5191d20a482d71c00', class: "pre-heading" }, h("slot", { key: '9a820fc917ecee6ed03c9bef2bec07721cef8204', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '2447d95b255c7b3b2aec8d0bae851ceb63f87189', class: "heading" }, h("duet-heading", { key: '7888fa82727069054b8dac0dccb9e98cf33a6ef6', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '5a051e92591dcf390c94a5a8936b9b9cb1b900b0' }, h("slot", { key: 'cf12bd24a06e3366ff3e2db5fe72297d96c2355c', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '524492cc8044e616df3d68f28f201509a4ed152d', class: "description" }, h("duet-paragraph", { key: 'b267bd81e032e81b6238915140aa57c5c704f114', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '52fc68fb4d4a2c43ce5d62e4acad95e8eda460a9' }, h("slot", { key: '6573a8c5e6d054c2233c705fa639ea6e3d6cec09', name: "description" }))))), this.hasActionSlot && (h("div", { key: '788e42b09b153da16505d3ca579fe430ede78141', class: "action" }, h("slot", { key: '5f2be7ebc41c6dec491d1d2b29f6aeeabe5f4b0f', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -590,7 +590,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -611,7 +611,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -611,7 +611,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -169,10 +169,10 @@ export class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '9221b16527b63eb5558cc9422c26fc70e3d44935', class: {
+        return (h("div", { key: '6c1302b439b78e5cbd65d5f31f653e1e2b2e5035', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '301b08e846538f0e5d4da1b205ff27d1fa860075', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '8f0a856cff8bf8a66e389c505d1817e2b038a201', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '0746ef65ce1181f4975853482470b6064d2d680a', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '83962d5374b8fca08337992a067ca0cebe9477d4', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '61cb1deef359115cdd2468894b3f492441590ff5', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: 'b647214520907749a3a87e3921f9780e545aa66e', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     static get is() { return "duet-range-stepper"; }
     static get encapsulation() { return "shadow"; }
@@ -395,7 +395,7 @@ export class DuetRangeStepper {
                     "references": {
                         "DuetRangeStepperUpdateEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
                             "id": "src/components/duet-range-stepper/duet-range-stepper.tsx::DuetRangeStepperUpdateEvent"
                         }
                     }

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

@@ -46,7 +46,7 @@
 :host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute {
   position: absolute;
   top: 0;
-  z-index: 202;
+  z-index: 210;
   width: auto;
   height: 100%;
   padding: 0 16px;
@@ -182,6 +182,9 @@
   padding-top: 16px;
   padding-bottom: 16px;
 }
+:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch {
+  width: 100%;
+}
 :host .duet-scrollable-items.center {
   justify-content: center;
 }

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

@@ -42,6 +42,7 @@ export class DuetScrollable {
         this.padding = "none";
         this.gap = "large";
         this.selected = 0;
+        this.stretch = false;
     }
     watchPropHandler(newValue) {
         this.scrollToElement(newValue, "center");
@@ -234,25 +235,26 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '73d85963b8e4016fe3d891925fe817e0a7cd9cb5', class: {
+        return (h(Host, { key: 'a6b6c47b76b51d36baeb7c17ea49d02072804518', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'c34006e80ca8d106b496b124d73fc23063fa6e3e', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'f02b7eb92b641ae95f75c65b1770b70f0f0b4395', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'cd7768e824f0d392c78fbc0b6dc5cb01e48e3402', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '0c5978598a028065857e7f68f68eb1f6069eb006', name: "collapse-button-label" })))), h("div", { key: '769b377acbb2108d336d00ded087feffa8b65792', class: {
+            } }, h("duet-button", { key: '361db712df5cd053b2893967d4197dad92c51ea7', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'fab8fa79977d5437808b2ba76887954563f8c83d', name: "collapse-button-label" })))), h("div", { key: 'd4a34094350602896f3c3af6f9170d6285cb2af1', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '36d1d94c465dcc3a2759bbfb7dfa092528824e9d', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: '06a9edfb77eac6cf1435811b6f1981abbd91adf4', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '4ce1914b23bc31c920b3ddffc064b323a2d66002' })), this.buttons && this.renderButton("right"))));
+                "duet-scrollable-stretch": this.stretch,
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '890f6a6957b1e9aaf3cb16fff1cda5f4e3b0da00' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }
@@ -485,6 +487,29 @@ export class DuetScrollable {
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "0"
+            },
+            "stretch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "internal",
+                            "text": undefined
+                        }],
+                    "text": "Enables stretch mode for tab groups"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "stretch",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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: '89be4e82e34327cb68c695187821280140aa3233', class: {
+        return (h(Host, { key: '1e4be5f0fd0dbf7edf94df49eece4306db7ec282', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '2cde22f46d6a6b602245fb0d6e875349845bd204', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'a39c58d05f6944ba7c6c0bfda25a3ad1d99f3e2f', class: {
+            } }, h("div", { key: 'ccd593e31bc414fe71856d9912a22d178b3a16ab', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '7e3653080aad7bcc759fae4d179fbe95c666f020', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'ee98fe87b3d0994ab04c65590b5288d35aea2a9e', class: "duet-main" }, h("slot", { key: '2f931f464073257e432992e99f40a58727401352' }))))));
+            } }, h("section", { key: 'd0069ca9676e8bc94033282a402749665ee448a3', class: "duet-main" }, h("slot", { key: 'd463298c760c4e1cbaca123c6a69b9297b255c10' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -194,7 +194,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectVariation"
                         }
                     }
@@ -544,7 +544,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectItems": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectItems"
                         }
                     }
@@ -753,7 +753,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -774,7 +774,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -795,7 +795,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }

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: '2261e3fd3e60d1ea8591219a9e64b3137fc93969', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '1c4204740ad1cfd299e96b484c602189f189e137', class: {
+        return (h(Host, { key: 'a8c6768d6fd86592319c1ad2e5223a59a2be138f', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '18ecd687fd2a3d951a8910cca4a90aa73d239243', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'e313b068532ce26450e93a3b68bfe7190f6dd4fc', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '01ffb3799bf6211c8b11bfd62a42b1c080bf1a74', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'ede5d048662220a9ef915ff561823aef9f14f0e4', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'abb799417eb975033305e86b49a7c94d2e295465', 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-show-more/duet-show-more.js

@@ -90,12 +90,12 @@ export class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: '342980885abd34eaaed8c7a94d2c8814af8ac7b1' }, h("div", { key: 'ad3d469d25dc5073ab2e585f075e4a6d239da446', class: {
+        return (h(Host, { key: 'e28180fda5c11db6ef6cd54181bef44dd0850cee' }, h("div", { key: '8cc30864a7fb2d071682f10ada5d206fe1444422', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: 'e11ff42b395ce60a533b3d293e95d0b9d28985b1', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'ce456a7014e3c0d41542315a58952db9a67958ca', class: { "slotted-content": true } }, h("slot", { key: '1359b929236258f2f46becc67c2ef0212d720aab' }))), h("duet-button", { key: '89258a40cc1e2a2332a2f76bec76ff7478f5d48a', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '3fdb11c208b0ef335f23e4f8f5d0076add4d3cbb' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '6ec560dbc2ce8216e0a40d411a200d772dad296b', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: '7fc79e43451f152fbc9926cf02c79ae1b345175f', class: { "slotted-content": true } }, h("slot", { key: '24d35d2b69f4bfffeb3118422ba242af5cc0deff' }))), h("duet-button", { key: '5f77eaef9d72966d265b77cb124c6b092d6d8852', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'fa986b7b5358c050f0fb876fed910c2c4901d7c9' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     static get is() { return "duet-show-more"; }
     static get encapsulation() { return "shadow"; }
@@ -467,7 +467,7 @@ export class DuetShowMore {
                     "references": {
                         "DuetShowMoreToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-show-more/duet-show-more.tsx",
                             "id": "src/components/duet-show-more/duet-show-more.tsx::DuetShowMoreToggleEvent"
                         }
                     }

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: '4adf7d99cbc333b181e8fd4866d08855eb6a6d1c' }, h("div", { key: '78f45ec446655208a7bf17cfe3be6a4aebc5c181', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '278b3a9e1823ab3650f7fc705d3d7d41a676b70f', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'c5fd8e77aa37a4e5106dafcc83a4b07098fc5695', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '4b445eb318eead2764c728327d2929108024f0cb' }, h("div", { key: '078d6c2bed549c52525c18772607abfedfc64168', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '62fc3c411db587b9f8e50671d34e818448b2aff1', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '34f37329fd9c82b55adfa1b204dfc64aff0982e9', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '3d629c66c8376aec3febe6c9c0818b8a45df56a2', moveFocusTo: this.closeButton }), h("div", { key: '7792e9afa44d5ff99e1350e99f0ec4cf0a570067', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'b1849e638fe366a073e2d247695ed828259f385a', class: "top" }, h("button", { key: 'cfd4aaf534427596f9fe01415e42bf355608798a', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '50aa1edb2276450ca88b9d2a146e229b836dc4f9', moveFocusTo: this.closeButton }), h("div", { key: 'afde11f1422ba911edc7d89bff6dfe00870ceed7', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'f3d138b314b5f08f3f82310407f1f1d9014321e5', class: "top" }, h("button", { key: '80d03015b1f9f53e522195c63aec85b387f74260', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '410f3f0ce0f8e66791f998f3fb9169ddcd6723c7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '6341b9c23dd91454d7e8bb38201578a02906cb15', class: "sticky-header" }, h("slot", { key: 'a9128943f3767198b7b3602dd242ab35ee7fc104', name: "sticky-header" }))), h("div", { key: '53aa0fd6b0097f061b2d5767b8a0b4a360a78040', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'f5a55eca949fd3d1aef2195cd14ce85a89aa01cf', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'a262901c9c6232b543b81978452a89e0b1b1efc8', class: "sticky-header" }, h("slot", { key: '1413794b99dcaa3bfe77f1c8444b579387f04cf2', name: "sticky-header" }))), h("div", { key: '99dda507eeb56cccb74c3b348918de9c036dac06', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'd0bb2bfede05aae54cd56e487fb7a69b124b84ce' })), h(FocusGuard, { key: '73d243e3a801c30a7706edac7d87a78a7750a4f1', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '773a966039e9fd275299e8fbf69dafdcdd4e43b3' })), h(FocusGuard, { key: '9ce42678f6f200fc628922a5a841ca3b1b587165', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     static get encapsulation() { return "shadow"; }
@@ -491,7 +491,7 @@ export class DuetSlideout {
                     "references": {
                         "DuetSlideoutEventDetails": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-slideout/duet-slideout.tsx",
                             "id": "src/components/duet-slideout/duet-slideout.tsx::DuetSlideoutEventDetails"
                         }
                     }

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: '00c9777c6d216869e7a3c1dcc5dae6e4503bfa25' }, h("div", { key: 'a39f00f60a7a25189b6564165aafcf0e1d480824', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '6a895b8e8e7c4dbdf541a16a01566fabb3150c9d', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'dd216d56b29a88616d01acd917af1e8f7d21e31d' }))));
+        return (h(Host, { key: 'b832cca7ed377a76ec8d9143183c7372e350d638' }, h("div", { key: 'efc13c835605f4db9b0aa5834b2228fb89978acc', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'a4e0267ea4b034d2efd5829caf0e63e320a84f75', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '9aeec3a4b303eba1e710eb507f9de2a6ad0b6cb3' }))));
     }
     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: 'e550af12584f602566859a45b7cbee36a7aae43e' }, h("a", { key: '414c6a6a1fb91c95f3d241b0a9c90b13bb4c0793', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '41aa7844d0d5ae926ed2f7a2c1aac4ea24ec0454' }, h("a", { key: '77e3b1c40bc308dc17f71e1a05029c843d6a6a94', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: 'd8c1ebd401cd5e022ac9e4a1204133a336d3a2b7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '473fe104cec5068f8f4bd4d5ee4e928de4bc268a', class: "label" }, h("span", { key: '425d0d0252417d78b704a7f294577110048729bc' }, h("span", { key: 'ba72671d83eee86369e9408738a00a44331bbf95', class: "label-container" }, h("span", { key: '907ae07b430dd127c8fb7931d3432b4e84d2b885', class: "label-content" }, h("slot", { key: '3ed0ebaace8750688a19520a5e7f5d1606a6dc00' })), this.external && (h("duet-icon", { key: 'f872b62d2c5757e7a0d059092cc143f4cb683abe', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '19c6036aa3e972f49c02e5c66f7c5856601da94e', name: "description" })), this.caret && (h("duet-icon", { key: '1f649b48aff0af010198404d37f1df359fa5a043', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '57ea675fc4e9ef58833418727bc5f562e51051a0', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '2f36295afe99a7559a50537e34085a0e08cffa15', class: "label" }, h("span", { key: '1c72fab5f756cef5ebdfedbab956833707b13314' }, h("span", { key: 'adea1462c1bc7abf14d6fbd1932c58ce3849f31f', class: "label-container" }, h("span", { key: '1120ae5ae1a296a938bbea5dc69658897c17d335', class: "label-content" }, h("slot", { key: '37ee7d36f020c3816719587ed6af52c4381e79e2' })), this.external && (h("duet-icon", { key: '835357b4406fabb0c8f4f845672c8360246282d9', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '126adc24778e676d527a581c1919093bc296f318', name: "description" })), this.caret && (h("duet-icon", { key: '9fb1d15603cf698e6b923af7cced15d544fe3e7a', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     static get is() { return "duet-slideout-link"; }
     static get encapsulation() { return "shadow"; }