@duetds/components 9.2.8 → 9.2.10

package/hydrate/index.js

@@ -4345,7 +4345,8 @@ class DuetButton {
             // climb up the dom to see if we're in a <form>
             // and if so, then use JS to submit it.
             // To understand better, see: https://www.hjorthhansen.dev/shadow-dom-form-participation/
-            if (!this.url && (this.element.closest("form") || this.form) && ev.target === this.element) {
+            if (this.submit && !this.url && (this.element.closest("form") || this.form)) {
+                ev.stopPropagation();
                 ev.preventDefault();
                 this.proxyButton.click();
             }
@@ -4428,7 +4429,9 @@ class DuetButton {
         if (this.disabled === false) {
             this.element.removeAttribute("disabled");
         }
-        this.proxyButtonSetUp();
+        if (this.submit) {
+            this.proxyButtonSetUp();
+        }
     }
     getButtonType() {
         return this.submit ? "submit" : "button";
@@ -4466,12 +4469,12 @@ class DuetButton {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (hAsync("span", { key: '5a0c6410ac691a86fc5015ab7db83c969dc3bad1', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: 'e40d495dc3100c27f283c4e35c5e9a27c98464c2', "aria-hidden": "true", class: {
+        const commonChildren = (hAsync("span", { key: '8261e9341625f40cc3443028886ba797e455fd18', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: '8de1cf100792030ea48744f69b85891a75b221bd', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, hAsync("duet-icon", { key: '96a0389f3704e534f2c4da39243f6f7b87038f6f', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: 'cbc6c347c96296ed4f4afa3963a12495fea09884', class: "duet-button-contents-slot" }, hAsync("slot", { key: '894a6a4e9f03f813a7e8918abf87ef9ceabecbc3' }))));
+            } }, hAsync("duet-icon", { key: '34d180cb49257dea26208354b7d7af6fa3bbe224', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: 'a80aa7681ff913fb64c194bc8a948cf44013af17', class: "duet-button-contents-slot" }, hAsync("slot", { key: 'a7973447fad08810a13a15347d9e14b47a22d261' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -4506,7 +4509,7 @@ class DuetButton {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (hAsync(Host, { key: '24621240c8dcf778398f04e79c780bade455090f', onClick: this.handleClick, class: {
+        return (hAsync(Host, { key: 'ec159b1f3d12c0389ca0ad87c1e4a5977711cb55', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -4514,13 +4517,13 @@ class DuetButton {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, hAsync("span", { key: 'ca827a33826b3c42662ccd5a079d8327b9b6175e', class: {
+            } }, hAsync("span", { key: 'cbefdfe93f79c1fa1dceea5d8796242e00d03221', onClick: this.handleClick, class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-button-negative": this.negative || this.variation === "negative",
                 [this.variation]: true,
-            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "), hAsync("slot", { name: "proxybutton" }))), this.loading && hAsync("duet-spinner", { key: '7e1e99a1cc8724ea6db15316084259e62926b82b', color: "currentColor" }))));
+            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && hAsync("duet-spinner", { key: 'c72fcf5021e1746ba8af63e4e9500ff1303e8ffc', color: "currentColor" })), hAsync("slot", { key: '04a92da59dceb3d0bd30dba5fc3808b1415b42d9', name: "proxybutton" })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetButtonStyle0; }
@@ -4650,13 +4653,13 @@ class DuetCaption {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3e38c62d454dfed7441c080efc8d3d836310bee6', class: {
+        return (hAsync(Host, { key: 'cefb662c677d5a45cc8e007a68ab67b0698ce2ee', class: {
                 "duet-caption": true,
                 "duet-caption-selected": this.selected,
                 "duet-caption-small": this.size === "small",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("slot", { key: 'a6a279b8c145c11eb9452b6b90e224a032a2232f' })));
+            } }, hAsync("slot", { key: '4a38bee52925d9c7db4473dd0e5bc92797b0b058' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCaptionStyle0; }
@@ -4740,6 +4743,7 @@ class DuetCard {
         unsubscribeTabbingChange(this);
     }
     renderHeading() {
+        var _a;
         const safeHeadingLevel = sanitizeString$1(this.headingLevel);
         const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
         const headingStyles = {
@@ -4747,7 +4751,8 @@ class DuetCard {
         };
         const headingContent = (hAsync(Fragment, null, hAsync("div", { class: "duet-card-heading-grid" }, this.icon && (hAsync(Fragment, null, hAsync("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), hAsync("duet-spacer", { direction: "horizontal", size: "small" }))), hAsync("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : hAsync("slot", { name: "heading" })), this.secondaryHeading && (hAsync(Fragment, null, hAsync("duet-spacer", { direction: "horizontal", size: "small" }), hAsync("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (hAsync(Fragment, null, hAsync("duet-spacer", { direction: "horizontal", size: "small" }), hAsync("duet-icon", { class: "duet-card-caret", icon: actionArrowUp.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (hAsync("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), hAsync("slot", { name: "below-heading" })));
         if (this.collapsible) {
-            return (hAsync(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, hAsync("button", { "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false" }, headingContent)));
+            const ariaLabel = (_a = getElementsFromNamedSlot(this.element, "heading")) === null || _a === void 0 ? void 0 : _a.map(e => e.textContent).join(" ");
+            return (hAsync(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, hAsync("button", { type: "button", "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false", "aria-label": ariaLabel }, headingContent)));
         }
         else {
             return (hAsync(HeadingTag, { style: headingStyles, class: "duet-card-heading" }, headingContent));
@@ -4772,10 +4777,10 @@ class DuetCard {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (hAsync(Host, { key: 'e2a8edb2493ebbebc92b63967e157beddacdbd4a', class: {
+        return (hAsync(Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, hAsync(TagName, { key: 'dc8a552ac6e2f01149a0c2c114f36e2e66a3df2e', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, hAsync(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -4785,7 +4790,7 @@ class DuetCard {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (hAsync("div", { key: 'd7ad8920cacfa8bcd8fa5c1fc306ea11c69f2c42', class: "duet-card-image-mask" }, hAsync("img", { key: '83a4bf89bf9601a7d8924ab6a94d3bf37001bcf5', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), hAsync("div", { key: '1b43496f9e042da0c35ad3c090553acb0ac661ac', class: "duet-card-content", id: this.cardId }, hAsync("slot", { key: '48e8abbabd5cd625b3faecd232e4a80cd0b58d44' }), this.hasFooter && (hAsync("div", { key: '8fd234bb6cdfa1bc53f487b9051944e5c3c43439', class: "duet-card-footer" }, hAsync("slot", { key: '664c4d55d042166647682eb00eb61e2d8f3fbd6c', name: "footer" })))))));
+            } }, this.image && (hAsync("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, hAsync("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), hAsync("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, hAsync("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (hAsync("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, hAsync("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCardStyle0; }
@@ -5298,7 +5303,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: 'a1e4d371f57abce15c06aa88bf2faab012bde60a', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '48b8e4b70be8c4511a33be55c6fd25ec850fe1c2', class: classes }, hAsync("button", Object.assign({ key: 'ec9084347d6c67fb665312422a36282f753900af', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '733df1c9acec6cd645b28f8ed86af4c48a79273a', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '001d0ccf56f2d072f7e861bbb950f75ff6673223', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '7ddfa4406408234c391bcf674c0ba8aaaec21ee0' })))), this.variation === "input" && (hAsync("span", { key: '727e2fc07c26dff9c68fcae934c1925aca396155', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'ea5ee0837d8912fbb3434a2a38c7bc4d5d0975b5', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'b318ffad1b0057ef1812018dc1e524ec8cf62091', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'c85184dcc2864532c7820bc01eb1ad48d9ef0fbd', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'd8871a7204049ace2b8295db0a13428caa96b57a' })), hAsync("button", { key: 'ec772bd91b3a8131145348fc67703f3ee4515702', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '903ab2300e7a977392b42927034941e43292d983', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '3660c3e7ff2a0eaff17ebbe34981cbf5909d0f0d', class: classes }, hAsync("input", Object.assign({ key: 'd46cb417fe2464eb10908d01929c125e9bea5677', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '4ee86b0611315406cbd1b6dfbcdd42106ba84554', htmlFor: identifier }, this.icon && (hAsync("span", { key: '9514104bed3050807ea0b30550f9c0892d545daa', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'f8000d1fce7ecbba8072545eaa78014913109aca', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '3d9ad0a9a4075b1d4e9339c485ee3180cf44cae1', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '2d5eef8328f0fa155877cb1f21017024140f81aa' }), this.popupElement && (hAsync("span", { key: 'a8073e5008dd5aebab4ed7af69a2be3833cc5103', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '124c026eecc172483e1988197edfa334736dbee4', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '78b2f4b2f12a5d37a82a44ec03c121548ec26c05', class: classes }, hAsync("slot", { key: '7d0f2d9039581110bad1cac19a35fc64b5554930', name: "input" }), hAsync("label", { key: '12093ea0d2a2d97b73b7847384a80108e3e6eb3d', htmlFor: identifier }, this.icon && (hAsync("span", { key: '073c4aeefdf6b0e9c4b39c2d821c157f3f8c7285', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '20a39d0858cfba1c30c25532485adbc904fb3fe4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '2b7124ccc84b91f81b938a7f52e193daf7002cd0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '9165ca7f004968f8c8505822c98281eec4583329' }))))));
+        return (hAsync(Host, { key: '74eda64434d7ca861c30bb1468384b4d789bbd97', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '63101bab777b2c17bb952b362896a3e01849a520', class: classes }, hAsync("button", Object.assign({ key: '857f56d854ac01c9f0411c0a24d89f22e34e4354', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '5baa1e7b3ea38e0d3eb8ebe9f5cde001f4dad939', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '2cd983ee490a7810fb740009ef9a1ef1a591b378', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f1cbed1211d6143c5b6727fb7f182b2567e27206' })))), this.variation === "input" && (hAsync("span", { key: '744596fbf0b1bfbec1bdd33f26e70d5d9cacfeaa', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'e2c1bca091f5ec8e7ea9ff2c8e26519836056887', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'a55760300073590c593ca320a5e65340be999b38', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'a7788de0d14342248a475f2ff5493c0923c45a9c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '234fb07f9a8a248a8ed9cdad7006dc6477750c86' })), hAsync("button", { key: 'a4c5d32a365ce3994e1620a04c2d47de32ee6a79', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '61db68dbdbb9c89ad567be49369baceccfc70303', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '3df7ed43734210e5c84768121be780c2e7fa47ca', class: classes }, hAsync("input", Object.assign({ key: 'fd46eb7f531a7cce5b329dc46973ebce71477ef0', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '2e3e7f153db3e7798fd35a41b3bd5731b7893799', htmlFor: identifier }, this.icon && (hAsync("span", { key: '4daec9ebcae39a9fac552ef5ca6170e991ed2ede', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'f8c53ccc22dc8955b4ca0946014654a53f643bdf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '72a8486a18b78b8522ccf958a762d9200ba44f39', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '4282153a03e2293726a33285e0258dafff9f08a0' }), this.popupElement && (hAsync("span", { key: 'b0ace996f4be6c9a56f4842fca5370a987a53623', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'e7ff6e81d48dd6373a5b301661b5b88bd63b18ac', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'b35d00719155d5312923ec5e91e8b9978550553b', class: classes }, hAsync("slot", { key: 'e4b3e781039b2d788de0dadd67b42fca773ec902', name: "input" }), hAsync("label", { key: '23a2a955b70d7e01982a01c25f6e634385d4b699', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'a5dd1cfb84d59288385b241df6cf09c2dd9ab717', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '2a15bfd278418d32b2d5dc39973eebc7eabfbbae', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '50e58300bb05edd5545be74e621feca7ececb52e', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'a67a5350140057e665af6c7882d6985b430d066a' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6658,14 +6663,14 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'aff15bb7d7a183ad8717bd077ed5e692549479e2', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '8c8b350ac427399cf5e694ae5045b5d757b17324' }, hAsync("button", { key: '16304aab427f0c1493c1d464a5959d0c063433f8', class: {
+        return (hAsync(Host, { key: '090d561d82276fca138aa9c40b0c60cb40a7ded1', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '92d18884482ee68a80396709c618f2c76ae6b155' }, hAsync("button", { key: '1a24fa1fb6aa053736ec11a5cfe6cbbd37339833', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'e2943d02487fd97319e47030dba988b6e90ab8e8', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '2e80461c2e5eb1d3cae6552ebdae873e6430a433', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'fdaecea0fa4dbb325e7bc460d5ca016ccf083111', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '3b1a1f5cd79b5cd31b1204ae9dd3db28601f8fa9', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '2c8a5041e7264addf9840a3cecf6c7ebbddeb871', name: "after-heading" }))))), hAsync("div", { key: '151b1f002a2745bf31ff97496f53b4a81c77b524', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '6b729485bb03d25d5529b23b4a2ce502d5a58a32' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '75b6c89fb1198b6ebaa72dfe0bf388a864966896', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'a0215c9b69a2d6536d0a1b5c562b8ae59ce47b1e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'e5d8b120ee539a47e9de0c662bf1d1d886f1940f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: 'aee7dc1e055552a166bd15da474fbfad7f8ab8dc', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'f217b06da41c7d830043069d6afe808c9df81aa4', name: "after-heading" }))))), hAsync("div", { key: '77d2d647d46cac2189b6eec069289cb996b86aff', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '3be38b8eca20e29c3f79f33fccef630a6666d175' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -7353,7 +7358,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b6200017500c61af5823af477a967f1b0eb4c3e8', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '2a24f576b5c8d4afa80ebbd1efb1535d39057fc9', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'dfce32c2435aff2e90e5ef68bf2058635c0bebba', class: "duet-cookie-consent-content" }, hAsync("div", { key: '426215741b6ae8be77620bee45f34cafcb2b0a9b', class: "expand" }, hAsync("slot", { key: '29dc8d4183c2ec992e44bb8ef38a492daefc0393' })), hAsync("duet-spacer", { key: 'aef61de5d2b9b12dec6ebac9d0b0b2f3a9709d97', size: "large", direction: "horizontal" }), hAsync("div", { key: '660dc857d3ba6115beb552745416929a22a4d6b3' }, hAsync("duet-button", { key: '24b68101280c3a953653256d9660309efee09194', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: 'ba657b582c7e36fe289d60fdbcdceda17ef1c854', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '2b680212ac0f1834f391a28a1ffc9320ef339889', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '6c881c1cf1281d744d38da802b8e8fc39bda913f', class: "duet-cookie-consent-content" }, hAsync("div", { key: '11ec4babd89db60e2457d8c53e7cd7c568eebcf4', class: "expand" }, hAsync("slot", { key: 'd9b95a15ab5ddb779fea42974ed9fe0c515be16b' })), hAsync("duet-spacer", { key: '93b5f4d507e332d0703d03b5a04b8e1333dbde3f', size: "large", direction: "horizontal" }), hAsync("div", { key: '213584e8c479edd36a9d35c179abf68c913035f9' }, hAsync("duet-button", { key: 'b8f9fba11afbaa3b06da03fee781a279ad77e783', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCookieConsentStyle0; }
@@ -7599,6 +7604,11 @@ class DuetDatePicker {
                 fi: "Liian myöhäinen päivämäärä",
                 sv: "Datum för sent",
             },
+            valueMissing: {
+                en: "Date required",
+                fi: "Päivämäärä vaaditaan",
+                sv: "Datum krävs",
+            },
         };
         this.enableActiveFocus = () => {
             this.focusTarget = "day-button";
@@ -8013,7 +8023,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '2caae5a247c86ce334214ce1efd4155d9941df6a', class: {
+        return (hAsync("div", { key: '27a0f496c08d0669819bd915b2423d7755b9e519', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8250,11 +8260,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9154deb0cf2efca49cae6e96a149ff0c8dea1769' }, hAsync("div", { key: '5c9e3f44ec36f4a9bc25e580f5fab45e082e928f', class: {
+        return (hAsync(Host, { key: '71695aef6ccc177f6ee64bf983f3b7804ad48e9a' }, hAsync("div", { key: '37fa981612523d137531585f970a2dd053aa13be', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: 'c3cd1bffe531943ad3c64236759fd0c00557c43c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: 'a50207d963414844a8d58550a74d6db243a5b0b1' }, hAsync("slot", { key: '7bd93737133941aec47478f065d5503ed1d72166' })))));
+            } }, hAsync("duet-icon", { key: 'cf95919f2fafcac684eb58f23f84a19d954e3bd8', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '902c40f812f728963756ff1939df300b2ad47762' }, hAsync("slot", { key: 'd256a82414798539a4adcf52d2cb18cbd465271e' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8467,15 +8477,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '514247209eb02acf9209a70fdb7beef7f75c8949', class: {
+        return (hAsync("footer", { key: '5e5ce617086534a829187dfcc98bdc410b38fe8c', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '98bb195f0c73b7c6f0f9bdce45d7cf10b4ca1b04', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'c7d113f0b92c358c807d225d464f3ce9f568b18b', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '943eb7486bde901469c3d38bc8f47f45873061a1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '97ea7a84f34b7f2f6dd1b7cc5459f6f3a8ec0697', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '3257627994acdba16e60053240edc8f775b4be93', class: "footer-top-logo" }, hAsync("duet-logo", { key: '0de1a784b81e1fbfe0e6ae8bcf74f9ec6152c4b2', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '5ee3ed9d9f6780743fe204b2de956962caa0be85', class: "footer-top-right-container" }, hAsync("slot", { key: '46f7d76b522f5e4025425a83fd9494c18508e8a9', name: "info" }), hAsync("div", { key: '685dd0d9e31d8d3b23546531c4468d531a38c393', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '69e42a6e7e0b9a33783030805b677974cfaf2675', class: "footer-top-logo" }, hAsync("duet-logo", { key: '3b13cceb42bd3d42b35ec79d474f902715b32469', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '0f50be10f253b901ea15babfe2e65972ee4e1bf5', class: "footer-top-right-container" }, hAsync("slot", { key: 'fff546c5fd473c9777b2981d8e9b234d63424fe2', name: "info" }), hAsync("div", { key: 'd344981599f0d422f5c8b8426cd6eef8e55fca73', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (hAsync(Fragment, null, index > 0 && hAsync("duet-spacer", { size: "x-large", direction: "horizontal" }), hAsync("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -8485,7 +8495,7 @@ class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), hAsync("slot", { key: '64396f3d47a103a6078c17a3454b6bacf024b273', name: "extra" }), hAsync("p", { key: '0f3ceed9e4b5d4ff8770d1cea375a0192bfcb147', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'e70206a0126b4fdeb093b173724331da4f4478b9', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '815c5b63ce56e73fca64e730aeb96a0f3fe35a39', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: 'be321e5f0666998b8f8701b945081429d3e28de8' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '6db7225376253b4d91407f59b43391249700510e', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: 'df707047134c97f909836d8f230b9afc286bf92b', name: "extra" }), hAsync("p", { key: 'eeac2d838f28bd02c934465562ec7d4fc4186bc0', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'd0490746b5085399784da40b62f9d0aee94c41d7', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'd6c3eec9132128503493b6fed1da4e8ceed436bc', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: 'cf44e482a16ec1ddbe8b7b7affa91f7a54250c4b' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: 'af9233433eea11f52bb1fb600323f2c8475303da', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9613,7 +9623,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: '54ef8666a3921667c4943b6572f9c063279efb2a', class: {
+        return (hAsync(TagName, { key: '254585b23310b58e9fa3c75de98c1bdd62283ae9', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -9624,7 +9634,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '8b663ccf47b427cbc32c82db7d82577e27a6c3f4' })));
+            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '408af76a0856d17891671ef22c16277d368902f6' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -9804,7 +9814,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '34b0fa7657a0cefe2530145ba9994b3730fc1ba3', role: "region", class: {
+        return (hAsync("div", { key: '042faa3515dd2b2a3413df6646b8721837571bf9', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -9822,17 +9832,17 @@ class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'c437da23377411306d72658c060484616044b985', class: "background-area" }, hAsync("div", { key: '9d1120b2e967da1b48547f390bb26b9e490a4c54', class: "background-container" }, hAsync("div", { key: 'f22b317a346432a6fe82290cb87cd94a40faeb53', class: "background" }, hAsync("img", { key: '6b1160054265f4f81b55b2c4de0f1b41daf84f0f', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '9e07390956ddb4121d9d7a14e61479910bb1fe24', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '5e9cc93331c61c35889273c717939d45e12358df', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'aa1c53e1d9671d3b3ed27bbfce89fc1b9a56c444', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '64a3c03241425c93b2b59a1cf7464885ed660547', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'bb9c70d6aeeef4675a976aa834e65e2ff67bad6c', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'c7aa8d0057cd29e91fa03131ef8adf0983911033', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'b15b68de245df65d285c17e5a6404db37d39a123', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'f5ae87dc0273c14281d6fa52fb7f1723011b77f9', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'b95b9d9a52e6b37e06c121e979437280bb8690ac', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'e6b5f02129d8d12f23eaf3060002c386e9fc2abb', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: '913cc8bac1e976031f8d83d9403a0bb278484385', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'b9bcd7c9b5d47bea82677384dca48e87fc5ae66a', class: "background-area" }, hAsync("div", { key: '003f7ecfe974206b97fc34f9d9e56b7ebab72481', class: "background" }, hAsync("div", { key: '6df5dd4117ff337a2cd521da9413e0f786f6c5bc', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '1e883db2fbda4a817a2317a8eb7219e8efcdbd78', class: "brand-shape" }), hAsync("div", { key: '9b66049c88f38bbbeac1437d00a76b15c744f2a9', class: "brand-shaped-image" }, hAsync("div", { key: '95487680d6c06b661a1e35e5981b03ee1d1363da', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'ffb4648a4b9a61e872a3d9a56f9ea0ffa6f88679', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '23efe67a7de1b268da1ee8eb8f734831f39716aa', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'ef3a088c5dfcbb3d4b55394ca9e48a249b253dfd', class: "duet-hero-image-mask" }, hAsync("div", { key: '2cf63fc6a5817eb94189b58ec8c4eae9e9438954', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '1b313a33272a5cffacd37c6941fe7dd3d9610adf', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: 'ebbf76facf59c1b0f41baef5c55f915317c95dd1', class: "duet-hero-back" }, hAsync("duet-button", { key: '67ae43c074ee12903469ed5a5d17fbab0a4b9771', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'e2f9ad908b71bbdae666b98ec16b0b86fa1019c4', class: "background-area" }, hAsync("div", { key: 'dc010fb66ed6094a9f3c5fb50480aabe8e27df1e', class: "background-container" }, hAsync("div", { key: '30e68b81f449aefc9909dbe9d3c85a5db96eb875', class: "background" }, hAsync("img", { key: '37c6413d57c6d2b0d1e4e3757595548ae958ec8c', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'aa7c28ff5dfe2416f0a17170e84152dc3880e6d3', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '5c4edeeeea2594031e72a9392e1780adb10b7b5b', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '2de78135fb229eee2f247265f025584c7dc05ea3', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: 'cc35df8e4eb5113c183c71f7ae0ef7416cdea82c', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '532040a219f6b2501581ba79858ccdc0cef1621e', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '5af3197b05be3f76c8e1b3b692b61976525a4c86', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'be29d2c5ed5d37e2ac2c337b999f482342111d42', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '45fc7f8aec41aa72b3449fc6f1bc4916322d351e', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '28491ef470b0c4194a103a5a900b75f87cc9db75', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '34e01d6e835e9481e5ca81fd474eac306fed5c59', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: '376283255281543db424c9a5f58e070730862fe6', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'e252acf13371ed78175cb0b94622bc63ccd7d045', class: "background-area" }, hAsync("div", { key: '49e9baf84444ab01c8e0cbe7594011a8698e6eec', class: "background" }, hAsync("div", { key: '2bcceb2336dcfe8374a7cf60fa35dbd4ce52490e', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '52634cfe76a69e40b04b97f24e59479431c72dc8', class: "brand-shape" }), hAsync("div", { key: '8a14aaedb374b4cf2544c3964060a390d842634a', class: "brand-shaped-image" }, hAsync("div", { key: 'df369fc19adf5d50a5382be8c5aeb261c61facdf', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'fa987dc1145cdcb6e2a94fc229951cb69f4be7cc', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '550e54f44b106bc7f17170fc2cadde053115946d', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '15936336c629c699a2a8ffc51ce4caa27490e5d0', class: "duet-hero-image-mask" }, hAsync("div", { key: '86c4a59bca1022566f12904a9e703892d16ae6a4', class: "duet-hero-image-wrapper" }, hAsync("div", { key: 'e5f4e326722827fe61a25a1eb065ebc2fc70b823', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '8b51c232e3324becc735a3e01f9885068a1d0164', class: "duet-hero-back" }, hAsync("duet-button", { key: '8d3e72057c2ffdf9676d09adafddc220dea418bc', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'ee4e5b8dacc17aebca5413756a50441ddcc390b6', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '3b01acea1f50b9922f5aa6d71e774f4d7850b496', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'e79f23f635ad96606f5e19bded50a09944128711', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'c3f996d48967b90a96f57ce3bce1b67c872e4a4c', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'ea954ebf0bb7ca592dcdb8bcf94bdf605483750d', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: 'd004f6ef3e466ad2a15fd0675795c59abe78c2d7', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", { key: 'ba3e4f7b6c59f0afac59aab3519e743f16b06922' }, hAsync("slot", { key: '3116a6ddc51566c87041fbf105fb85153847352d', name: "subheading" })))), this.description && (hAsync("duet-paragraph", { key: 'df3a0f01f00bb5ecc5af0db0949f1f3374c3fefe', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '38f3c9a55245f6feec7a522e4dcdbc1b4db6275b', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '68e6d833454a48dec21a06682eacd2fe2dca89cd', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '2a756b3cb5209942776cf8ac0596ef9a75bbae01' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '67f20d365318b327a2ccc0f16aec91d0d24075ee', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'e97587c28931d1b2241dd7f6c2b87af2369dfe27', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '861d9fe8b7c1dbb0c7320b2349aa3a8a5d557deb', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '2a4e5c820973928c6535fdae500e61e1e48c20b9', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'a6351115bab75f50d9788de544279ab250263bea', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'fa3fd8018b9ece1dda122e328f257febe562c4cf', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '35f2d525dfc0ab9114d631d4d924f7168800f17e', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '5ae76dc039702e2ded036c96281d92a7677fa7fa', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '9505d79cbb4aebe18cfc17188ab26b51261d3030', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '08b42059a383c572e35770ac58675e52835e6ca4', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '9d012b0ea1508ed5ca0a7014eae62310790a5966', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: 'd01b15af27908460f842849056c3674d15c5657b' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'be292afbb69089eaf0e8da5177ce24ebc43e6df5', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: '83ac2407634045ce753debb18a3fe5e5c91ef065', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '241f94b8d985ce1a87f77d497beace9d29a80622', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: 'fdb280d9ab7d830528568ee8027de7d79db61f7f', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '5c6c4892f700e257e5bcef89be26c5c52e43e402', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10680,7 +10690,7 @@ function getAccessibleLinkLabel(component) {
     return null;
 }
 
-const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__icon{display:flex}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
+const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__icon{display:flex}.block .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
 var DuetLinkStyle0 = duetLinkCss;
 
 /**
@@ -10712,7 +10722,6 @@ class DuetLink {
         this.iconResponsive = false;
         this.margin = "auto";
         this.padding = "auto";
-        this.isSmallScreen = false;
         this.isMediumScreen = false;
     }
     /**
@@ -10720,7 +10729,6 @@ class DuetLink {
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        this.initMediaQuery();
         this.resolvedDownload = this.resolveDownload();
         // button variation renders a button element when no url is provided
         if (this.variation === "button" && this.url === "#") {
@@ -10735,7 +10743,6 @@ class DuetLink {
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
-        this.destroyMediaQuery();
     }
     /**
      * Sets focus on the specified `duet-link`. Use this method instead of the global
@@ -10744,20 +10751,6 @@ class DuetLink {
     async setFocus(options) {
         this.nativeLink.focus(options);
     }
-    initMediaQuery() {
-        {
-            return;
-        }
-    }
-    destroyMediaQuery() {
-        {
-            return;
-        }
-    }
-    screenTest(event) {
-        this.isSmallScreen = event.matches;
-        this.isMediumScreen = event.matches;
-    }
     resolveDownload() {
         if (this.download === "") {
             return this.url.split("/").pop();
@@ -10770,19 +10763,13 @@ class DuetLink {
         return (hAsync(Fragment, null, hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), Build.isBrowser   ));
     }
     renderBlockContent() {
-        return (hAsync(Fragment, null, this.icon && (hAsync("span", { class: "block__icon" }, hAsync("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), hAsync("span", { class: "block__content" }, this.renderDefaultContent()), hAsync("span", { class: "block__chevron", part: "block-chevron" }, hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
+        return (hAsync(Fragment, null, this.icon && (hAsync("span", { class: "block__icon" }, hAsync("duet-icon", { class: this.iconResponsive ? "icon-responsive" : "", size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), hAsync("span", { class: "block__content" }, this.renderDefaultContent()), hAsync("span", { class: "block__chevron", part: "block-chevron" }, hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderButtonCardContent() {
         const iconWrapStyle = {
             "background-color": getColorByName(this.iconBackground, this.theme),
         };
-        const iconSize = () => {
-            if (this.variation === "button") {
-                return this.iconBackground && this.isMediumScreen ? "medium" : "small";
-            }
-            return this.isMediumScreen ? "large" : "medium";
-        };
-        return (hAsync(Fragment, null, this.icon && (hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: iconSize(), name: this.icon, margin: "none", color: this.iconColor }))), hAsync("div", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("span", { class: "chevron-wrap" }, hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
+        return (hAsync(Fragment, null, this.icon && (hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), hAsync("div", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("span", { class: "chevron-wrap" }, hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderContent() {
         switch (this.variation) {
@@ -10802,10 +10789,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '2025edd3774d559f0d6877498e0a806532fb310c', class: {
+        return (hAsync(Host, { key: '7bc66b5a0d8eda65d73916cf05f7d630dd14618f', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: 'ee013e25058fdfe22cf04784e06162181b9ff5a2', href: this.url, class: {
+            } }, hAsync(Tag, { key: '5d8bb1467f4ccc765cf0badec8f7df7b870fa337', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10846,7 +10833,6 @@ class DuetLink {
             "iconResponsive": [4, "icon-responsive"],
             "margin": [1],
             "padding": [1],
-            "isSmallScreen": [32],
             "isMediumScreen": [32],
             "setFocus": [64]
         },
@@ -15069,14 +15055,14 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: '4754c8522cdd93a4e90398840cb321821636b489' }, hAsync("div", { key: '45ceb31093aa93bf21e61daed2c77c4ba816556f', ref: element => {
+        return (hAsync(Host, { key: 'af39c297a7f2c03182e3671d23fc67162e7854e3' }, hAsync("div", { key: '7c8fd36f7f0bbe630e5c47f942327700dd3ad3eb', 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 }, hAsync("slot", { key: '88dde9607c352adc70eb6a27b5fab917585cef1e' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '60c5bb890286cbbc5a9a33e8bc3d0fc1888dd193' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21399,7 +21385,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '09cda52368fdcb62f846c32cdf28eae11249f954' }, hAsync("duet-visually-hidden", { key: 'd82dd61c2ca3989e78f3e77f9e7ea5a5f1c207c9', "aria-hidden": "true" }, hAsync("input", { key: 'bd1484bd154e9ede621a58511bf8f3fb90d4c07b', ref: input => {
+        return (hAsync(Host, { key: '9d8249a9d87b3bf8168ccccde88d37a4b8041e9e' }, hAsync("duet-visually-hidden", { key: '533a54082210a7342e55fc3154e66427195462dd', "aria-hidden": "true" }, hAsync("input", { key: '741edfe15384ebdfbc41ab87896c6eeaa5619f82', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

package/lib/cjs/{a11y-utils-a0a1c591.js → a11y-utils-2d779fe7.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const slotUtils = require('./slot-utils-b5c4d888.js');
+const slotUtils = require('./slot-utils-8c651e5d.js');
 
 function getAccessibleLinkLabel(component) {
     const textContent = component.element.textContent;

package/lib/cjs/{app-globals-718a3704.js → app-globals-087a6bf3.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-21e67ab3.js');
+require('./index-b496e711.js');
 
 const setupLoggers = () => {
     {

package/lib/cjs/duet-action-button.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
+const languageUtils = require('./language-utils-de99a5da.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-46ddb47a.js');

package/lib/cjs/duet-alert.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
-const slotUtils = require('./slot-utils-b5c4d888.js');
+const languageUtils = require('./language-utils-de99a5da.js');
+const slotUtils = require('./slot-utils-8c651e5d.js');
 require('./string-utils-7b13c16e.js');
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}";

package/lib/cjs/duet-badge.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}";

package/lib/cjs/duet-banner.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const slotUtils = require('./slot-utils-b5c4d888.js');
+const slotUtils = require('./slot-utils-8c651e5d.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./tokens.module-46ddb47a.js');