@duetds/components 9.1.1 → 9.2.0

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.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-8f7743a1.js');
+const languageUtils = require('./language-utils-3372de6f.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-ecc7f5a1.js');
 require('./tokens.module-cf303205.js');
@@ -347,32 +347,32 @@ const DuetPagination = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '238ac01f83f3e796534c0ef17857631a329f6a42', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, index.h("nav", { key: '2db66f288ef50d588016e131d548b22a77f99dd6', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (index.h(index.Host, { key: '756ad0511064e85742b3bb271bdd2a468f3f1eb0', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, index.h("nav", { key: '4d235370cef9fc2b6d9448b2b02a02eefc04b97b', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (index.h("div", { key: '4c03feef0a35eaa9ec13e5c3d5103ae1facbd832', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, index.h("duet-badge", { key: '6ac1a80080fe006f2c576999b9ef0718c6339a04', theme: this.theme }, "jump to page : ", this.numbersStore))), index.h("ol", { key: '0ebf21ab341811673ea978e22a085cba7eaaf75c', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (index.h("div", { key: '4e98bb73d78c7cb713ac1de78d9d5ccbdce1687d', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, index.h("duet-badge", { key: '9d16f94604abbcfbbd8b538395e46c024b88c0a2', theme: this.theme }, "jump to page : ", this.numbersStore))), index.h("ol", { key: '7bbec70a660779cabba7847dd76732e9bfb71f1b', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (index.h("li", { key: '63a2904ccc7d0c008332625069c9083610c471ab', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (index.h("li", { key: '974c29ddf4de1b7aca6e24f289be9fbb4177eb56', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'fd709f59213de7f819c05b997b84d8ed39ec4566', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), index.h("li", { key: '7000cadb2b9214ac7e460fc9df1893017243aba5', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'd8fd5f3a859d470c11c15ae197313cc6c8983fc2', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), index.h("li", { key: 'c03e92b8f6ba758dd49e881380c964c87f155dcc', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'a1fbc90286ef69e26c2050f5dd1e77cfd5f8496d', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '71b346d9a35b397951223fb32bdd449441dab0bf', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: '6c3b28e93bf637ceeb7c58fc743f381ef1db509c' }, index.h("li", { key: '33f0f34c511b50fd228ea44bf6f4feb408ede264', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: '746eb995e69baaf75b731923c1827a995fc2cc3a', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, index.h("div", { key: '067f6fb84943bf3f448f0474041ae821871fb8a2', class: "duet-pagination-page-number" }, "1"))), index.h("li", { key: 'd8a1df197cee21fe581338838587bbdb8800d874', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '464fc5efe12433ea2ba6d3c287ecb5e2110626d8', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, index.h("div", { key: '0c6467cfe44e34a16fcb222040ad894f4733a799', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: '0bc436817f1dcb0fddc29e58e55b41b0829969ed' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (index.h("li", { key: 'acaac82b2aa83002ea653aa9cad50488124405ec', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '4bb24fe4575b9bd1673a51413d40826be404c6b7', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, index.h("div", { key: 'e044660e2a3ece57534cdf03382241a986c319a9', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), index.h("li", { key: 'ec2abf76d2fec68bf91289013be139ba4348ed0a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: '06dec4fc55486effcff9f16fe9118e4e920edd66', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: '142ba228678916f8f9a69de0c8f38430c6db7623' }, index.h("li", { key: '6e2370fdf3f65c69d30ccee081b6426c12267a11', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: '887ee7242f007578beb3b1a59702ab619d0a7e5e', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, index.h("div", { key: '0b5d04b555f074972abcc93a70a0d80bdadabcd4', class: "duet-pagination-page-number" }, "1"))), index.h("li", { key: '3cbe3bbf9ef3406f2a98aa736f692aaf87119857', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '462643a69aeecc463a23ba22f0bf79ea8c4456c3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, index.h("div", { key: 'fa748ff5b134b6a0a3a4550f0073fbf45baf2337', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (index.h(index.Fragment, { key: '0459e62e54d351fa5f22afa7afb3a3a6027df6c1' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (index.h("li", { key: 'fb76ad813a83768da7a52230342170198efc321d', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, index.h("duet-button", { key: '14b9164e41b63d0adbbfe5ef29074a46695a44d6', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, index.h("div", { key: '551f91a348760b5101e88adc3a3d8a3d692fc804', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), index.h("li", { key: '454ccc661d104be10d0a3908fa7516e1f627fb57', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, index.h("duet-button", { key: '01eeca39b9de17e25c39ffec6296c26920b86380', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, index.h("div", { key: 'd92331de76576b275c1189fce2634abf12f49eb7', class: "duet-pagination-page-number" }, this.totalPages))))), index.h("li", { key: 'ba8c5fa8c6a228e7585c1d6bd0a913b92174b7dd', class: {
+                : undefined }, index.h("div", { key: 'f4c0ca8a738f21233a966611c8ce15d7f776c7d7', class: "duet-pagination-page-number" }, this.totalPages))))), index.h("li", { key: '3dc850213f9f9c7aac8cabba1901740d6068cdde', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'fb7c84dfeda7e02cd891269391b07cefaaa1a4e4', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: 'ddf5b89fac538ccdae84e031bea7a2830f656bc0', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (index.h("li", { key: '45f6d91ce4a38bc672c600b11ce700a383154d0b', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (index.h("li", { key: '78c2482a7d36358e53000e55c19057c2b4585165', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '0168ec664180f13c8ed94f258cc24277c46daa32', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, index.h("duet-action-button", { key: '330747e12a1e3d8bc0fb74f3945d99c06d8132d0', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }
@@ -546,10 +546,10 @@ const DuetRangeStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h("div", { key: '445012532d2a6b852f7d08b13eb99611532fe3d3', class: {
+        return (index.h("div", { key: '43d93bf62ed3c3b091933da841d015662b158e50', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, index.h("span", { key: '1f5877f95b12a10e3abf60bd7e27af705738bca6', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), index.h("duet-action-button", { key: '586bd002d9344e99cf366a49e5d2144ac06e66fe', 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: "" }), index.h("duet-action-button", { key: '96fff336833646be477a30c639d8674b27f168d1', 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 }, index.h("span", { key: '0eb7fa8f8e1f5853a16c85f8d9670c70d531f13a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), index.h("duet-action-button", { key: 'b89f2b93dfe5a510bf6acbdf30ce694ff1ac59dc', 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: "" }), index.h("duet-action-button", { key: 'a9d84ec5096ae382828ee82ba75bd558b08d49ea', 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: "" })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
-const languageUtils = require('./language-utils-8f7743a1.js');
+const languageUtils = require('./language-utils-3372de6f.js');
 require('./string-utils-7b13c16e.js');
 
 const duetProgressCss = "*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";

package/lib/cjs/duet-promo-card.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const slotUtils = require('./slot-utils-85cd307f.js');
+const slotUtils = require('./slot-utils-8015a7e6.js');
 const tokenUtils = require('./token-utils-ecc7f5a1.js');
 require('./tokens.module-cf303205.js');
 
@@ -57,12 +57,12 @@ const DuetPromoCard = class {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (index.h(index.Host, { key: 'c4abd3dcbfce62f8d79b4948d6877b88035b799d', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '0a0cb04c17ed4fb89fb540be922681b117385e58', class: {
+        return (index.h(index.Host, { key: 'b73cdd4f3dcd554706a13aeaa706543b681529ec', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '76f17c86f64af2cea4a60ce9882f8e76bc475ab6', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, index.h(TagName, { key: '103edb4446ea96b3fafcf007f4dd5426d76a3bf8', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, index.h("img", { key: 'cad7f76340247352ca42807969ba24731378fab4', class: "image", src: this.image, alt: "", role: "presentation" }), index.h("div", { key: 'f388d58abec244fffea258a4a347213c55a110ba', class: "content" }, this.hasPreHeadingSlot && (index.h("div", { key: 'ee1e4ca580ec8d513309964e6df6baba25ed23d7', class: "pre-heading" }, index.h("slot", { key: '861cb83e332ce81f0b60f2936f21c08011cd3a2c', name: "pre-heading" }))), this.hasHeadingSlot && (index.h("div", { key: '728983cfce0b1c8f845a8003d89567a07ed19403', class: "heading" }, index.h("duet-heading", { key: '9939b4871591c4e9d0beabffc3b6ff7461760103', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, index.h("span", { key: 'db91646994b5b78998e63025cbdf05555a9ca4ba' }, index.h("slot", { key: 'c34869098de09a738c6c0c58e9a2c3c0c87d9aae', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'e4ffd1e72292e51750c1ce63c43a7c8cb7886258', class: "description" }, index.h("duet-paragraph", { key: 'b945d624bea9304f8b106d71f87e9bf002603b84', theme: this.theme, margin: "none", color: this.textColor }, index.h("span", { key: '683854299aa779f9482ecb786f9a51be703076b4' }, index.h("slot", { key: '517f9561d2283fca8f78441392e2f5ad16b9c4a5', name: "description" }))))), this.hasActionSlot && (index.h("div", { key: 'f7eb0d7f9dd83178e0ca0e05bb9cc7a8b719e102', class: "action" }, index.h("slot", { key: 'faee8e1a520ff2b41717d43a356dfb0659391506', name: "action" }))))))));
+            }, style: bannerStyles }, index.h(TagName, { key: 'db345f3d904fc72e3f25618c91ab3f30a0b9e4c7', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, index.h("img", { key: 'ac5645fb64cf5872e0735ce3d97939e37fb10f0a', class: "image", src: this.image, alt: "", role: "presentation" }), index.h("div", { key: 'c82dc662a938ca4849089a048c57caa8efc54531', class: "content" }, this.hasPreHeadingSlot && (index.h("div", { key: 'cd9ce432bdf6f8ffaa63796a258837e9136e1ea4', class: "pre-heading" }, index.h("slot", { key: '257b9408b4489f1cc79f503473a8d458a3cb5456', name: "pre-heading" }))), this.hasHeadingSlot && (index.h("div", { key: '1e93652845c4b65d0ab67a0e05889304064fd7b3', class: "heading" }, index.h("duet-heading", { key: '9e40a46f24aadcee4d43fc36167ed434c2cc8e79', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, index.h("span", { key: 'd230dbaecd853de2b4b58be416d720048b6ea43b' }, index.h("slot", { key: '1f99efac6f9a6ebdf6e72066b50d3fe647dfc3f1', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'e61cf4abe59d58e15cefb7f7ff7aa573922154b0', class: "description" }, index.h("duet-paragraph", { key: '9594eba29974b0176a2fc986df802c8a5afb43f1', theme: this.theme, margin: "none", color: this.textColor }, index.h("span", { key: 'e800d7bb777802912b16ad4f5c76bb7f9df8c9fe' }, index.h("slot", { key: '709d27fb9d198c57c8ca8abbbaaedac0790483a8', name: "description" }))))), this.hasActionSlot && (index.h("div", { key: '2a72594c99d4142f7b1f453df4e24ce794833370', class: "action" }, index.h("slot", { key: '07f8ccc33355d4fc7be72c64fd758363f76f609e', name: "action" }))))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
-const slotUtils = require('./slot-utils-85cd307f.js');
+const slotUtils = require('./slot-utils-8015a7e6.js');
 const watchOptions = require('./watch-options-30a12622.js');
 
 const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;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;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{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)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";

package/lib/cjs/duet-range-slider.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const tokens_module = require('./tokens.module-cf303205.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const slotUtils = require('./slot-utils-85cd307f.js');
+const slotUtils = require('./slot-utils-8015a7e6.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-8f7743a1.js');
+const languageUtils = require('./language-utils-3372de6f.js');
 const tokenUtils = require('./token-utils-ecc7f5a1.js');
 const createId = require('./create-id-1f8c438f.js');
 require('./string-utils-7b13c16e.js');
@@ -212,21 +212,21 @@ const DuetScrollable = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '3b54a0e0a539b3669e6b960b63d4db530828a6d3', class: {
+        return (index.h(index.Host, { key: '6a2f3a6f4036a13721ebcfbb3bb25b8643158e56', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (index.h("div", { key: 'c99af39d9c1b2c6ddd640a5517c9aba227b374d0', class: {
+            } }, this.hasCollapseButtonLabelSlot && (index.h("div", { key: '4bb215f5191f36166ecd690b990d98d8b5734924', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, index.h("duet-button", { key: '232d85eeb640f814572de158f1a54643a0c4e728', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, index.h("slot", { key: 'd1797003948509cbc143a4b0dfea35972007e5ad', name: "collapse-button-label" })))), index.h("div", { key: '0f5f7e114c90cb2dedeaefc7d14cb2d53f4dab3f', class: {
+            } }, index.h("duet-button", { key: '5613531c8bf0412aa04c37ae90faa516b16b30ac', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, index.h("slot", { key: 'fce3a449acdf28e2a89942dc6a9acc436e457656', name: "collapse-button-label" })))), index.h("div", { key: '39a8fc136ad07b789f6bfdd6901c1e806744a059', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), index.h("div", { key: '1af5b1b3ec4fa3e357540d6660f7f820a8c78a87', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), index.h("div", { key: 'c3929264d3c94505dd43827593f1702671629427', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, index.h("slot", { key: '1865d32a0479ba27dbd8afcdc7e9397f5d649600' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, index.h("slot", { key: '3b0b1fde6ad0500b0bf893c4b4e8ae3ac90c426b' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -549,27 +549,27 @@ const DuetTabGroup = class {
     render() {
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
-        return (index.h("div", { key: 'a09d023095d80f1984c13102ed5f85594d0c2e54', class: {
+        return (index.h("div", { key: 'ebe04fec966d8b545c6efd5b34b43551fc2ad1d3', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": this.scrolls,
                 "duet-tab-group-collapses": this.collapses,
-            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (index.h("duet-select", { key: '6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
+            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (index.h("duet-select", { key: '2f5a55d27e5e0483129fd2bdc8aa0cc7bb641a8f', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
                 return { label: tab.label, value: index.toString() };
-            }) })), index.h("div", { key: 'c314e15b44bfec35a9dce7f0b3343adb2560eb1e', role: "tablist", class: {
+            }) })), index.h("div", { key: '05b06b0a5fcaa80f09e8d0550e5a9af194d397dc', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
                 "duet-tab-group-collapses": this.collapses,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.renderTab()), index.h("div", { key: 'a05213a66ee2ac2103eeb887312551edde85914c', class: {
+            } }, this.renderTab()), index.h("div", { key: '66d70f586ee16b2b6be97013971fdb0a320d34c0', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, index.h("slot", { key: '4e1231a85f36bf98be1d5ab1054e031dd2b4b814' }))));
+            } }, index.h("slot", { key: 'c18fde90ff76c6f71fbeae6a2d04a193cb64917f' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-section-layout.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const isInternetExplorer = require('./is-internet-explorer-e7f58ebc.js');
 
-const duetSectionLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px;overflow-x:clip}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";
+const duetSectionLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
 const DuetSectionLayoutStyle0 = duetSectionLayoutCss;
 
 const DuetSectionLayout = class {
@@ -23,14 +23,13 @@ const DuetSectionLayout = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '0513022fd72635b7a29f28bd2d4c499efab5924f', class: {
+        return (index.h(index.Host, { key: '3cdda64194aabb0bf4cef5f273b4eb35d956c63a', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer.isInternetExplorer(),
-            } }, index.h("div", { key: 'f63b99c09e8b7d188e7dee578d6ed7f6f9b3a274', class: {
+            } }, index.h("div", { key: '167f4d34166d423a1ece6a4699ddf139e54f1c9f', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, index.h("div", { key: '156a1bfcfb46fecb6c73120927bae1788efd32a1', class: {
                 "duet-layout": true,
-                "duet-m-0": this.margin === "none",
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, index.h("section", { key: 'fc795216eaedfd65b6e2638a2735c8555b20400a', class: "duet-main" }, index.h("slot", { key: '852e1dc28d14c80a9127b0ca9004a5cba7098c76' })))));
+            } }, index.h("section", { key: '4aa12807146fee156f174be8670802f0d79f9974', class: "duet-main" }, index.h("slot", { key: 'b3fb02f84266a65c67156bef474f9f6f2531623f' }))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
-const slotUtils = require('./slot-utils-85cd307f.js');
+const slotUtils = require('./slot-utils-8015a7e6.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;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;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;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.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";

package/lib/cjs/duet-shaped-image.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetShapedImageCss = "*,*::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-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}";
@@ -34,9 +34,9 @@ const DuetShapedImage = class {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (index.h(index.Host, { key: '9a388c03cd8794d8a5c78322b756eceb14f9f0b7', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'd46a7b16b69201e05928ea5515b99c76fccb659e', class: {
+        return (index.h(index.Host, { key: '1014997f5cd5d7115313762e6ba18827e1a10f15', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, index.h("span", { key: '46afc61323d3dd569cd651a4720693cab08addfc', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, index.h("span", { key: '500823451da6d3ccb92c830a281871c73a1c1a6a', class: "shaped-image-mask", role: "presentation" }, index.h("span", { key: 'b6a32e8b7ed72ff300b8f6a1b8f0ac9c3fe7507b', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, index.h("span", { key: '3f2dd1fff15551bc6477b2d837d6174777f3497a', class: "shaped-image-mask", role: "presentation" }, index.h("span", { key: '77941a17559185e4068b39b3f72cce8d3059de99', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
 };
 DuetShapedImage.style = DuetShapedImageStyle0;

package/lib/cjs/duet-show-more.cjs.entry.js

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.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-8f7743a1.js');
+const languageUtils = require('./language-utils-3372de6f.js');
 require('./string-utils-7b13c16e.js');
 
 const duetShowMoreCss = "*,*::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}.duet-show-more{margin-bottom:16px !important;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:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.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)}";
@@ -101,12 +101,12 @@ const DuetShowMore = class {
      * Always the last one of the class.
      */
     render() {
-        return (index.h(index.Host, { key: '3d096f18fbcc4cff02f201f2c065b56feaceb874' }, index.h("div", { key: '99bd8d06faa921138031f41728d197eccabc8a9b', class: {
+        return (index.h(index.Host, { key: 'f2ae77fcd733d57404b733d43ffb049d3503ecd0' }, index.h("div", { key: 'a0a01d9f4ef3065ced4d4de652969744e6e1e227', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, index.h("div", { key: '6dc1a29a0a0fdf48284af668e0a3800a54c7414d', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, index.h("div", { key: '98d549c12cab0e82c0da5a93755943c7cdd7e020', class: { "slotted-content": true } }, index.h("slot", { key: '88d8df19994904032fbd80b186b80df1ad5c04a1' }))), index.h("duet-button", { key: '2d26e042783015ec2cf5aa6d43b05a64d1cac673', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, 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" }, this.open ? this.showLessLabel : this.showMoreLabel))));
+            } }, index.h("div", { key: '8b799e3b59a456e4873357daa72313f0d29bffcf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, index.h("div", { key: 'e5e04fa045ab43f00086e8799f87ab2b57f0a13b', class: { "slotted-content": true } }, index.h("slot", { key: 'ca94e5187354a6debb373955df2d046a9c9271a4' }))), index.h("duet-button", { key: 'cb4a2fc05e0e917e157458f31c75efb92b0258c1', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, 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" }, this.open ? this.showLessLabel : this.showMoreLabel))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-slideout-lang.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-8f7743a1.js');
+const languageUtils = require('./language-utils-3372de6f.js');
 require('./string-utils-7b13c16e.js');
 
 const duetSlideoutLangCss = "*,*::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}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
@@ -45,7 +45,7 @@ const DuetSlideoutLang = class {
      */
     render() {
         const langTranslation = languageUtils.getLocaleString(this.chooseLangObject);
-        return (index.h(index.Host, { key: '1ffa97535d84470e1212e2edd8e7c5b9f67c2116' }, index.h("div", { key: '10d65fcbf9c3000eb34125021d51af4efbf4eba0', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '737d762ca01b63971b9d61c3e5ca67f8d92cd94c', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '9964f1c2b7baf17d4aad489c6d508fdd24703e80' }))));
+        return (index.h(index.Host, { key: '26940a9efe3228ad051940cfb903980d683cf614' }, index.h("div", { key: 'a031d990d2bf459e73678e682d1952e7225a67e7', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '7ff54cdd19c444cb9d8c8a67b5e563df53f13e0b', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '2c0a83341839a6953c176fd68882dbd05151948a' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-slideout-link.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetSlideoutLinkCss = "*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-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\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(68, 68, 69)}";
@@ -35,12 +35,12 @@ const DuetSlideoutLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '267e75e5afb886c43533da89f39a6937447a5bc1' }, index.h("a", { key: 'ab6062843ce76d39f9408dee693d37834bb8041b', class: {
+        return (index.h(index.Host, { key: '09e56868e9109c72560a96db767efc154bce8e93' }, index.h("a", { key: '06c5bf4091cd8d28c2ef09783da5ec924a598ae7', 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.accessibleLabel }, this.icon && (index.h("duet-icon", { key: 'cf170dcab30ff6147ec97cfea8cf80ae91a07e52', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: 'e3bfb77a0f8b3661936ab9578d27229be577b3a1', class: "label" }, index.h("span", { key: '2dbb1c5eab8c0bd7893987effe7f830a74c11579' }, index.h("slot", { key: '67daf8ce8bed028f853bf5a8999aa0ffc6ae88fd' }), index.h("slot", { key: 'c62fd4e6ae9d31b1f2391485d77d9e4a0dc09b7f', name: "description" })), this.caret && (index.h("duet-icon", { key: '822173dad75ff048010488b1c28494bd89152ec5', 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.accessibleLabel }, this.icon && (index.h("duet-icon", { key: 'd3649e9fdc0d46d249079e80015d31d0809283e7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: '21bc61aa08c8e259bef3845115c1d3def2b9528f', class: "label" }, index.h("span", { key: '9d3c455f8776388201b9e263a3e8f9cfa4cf8cfd' }, index.h("slot", { key: '05330b7c102e31a4e543713159048f747fcea958' }), index.h("slot", { key: 'c63eab53cf753fb61ff69076b213c37f06e77f41', name: "description" })), this.caret && (index.h("duet-icon", { key: '295ebf34531a451c1888310e6abbf8e97eff723f', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetSlideoutPanelDropdownCss = "*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.25rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{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)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}";
@@ -49,16 +49,16 @@ const DuetSlideoutPanelDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'ae396c94bb6581cc91e2757c2c86232728315498' }, index.h("div", { key: '1fbc63be41621dbe711387dec4c733272b58aae4', class: {
+        return (index.h(index.Host, { key: 'fe4d5c5f27f9f4106de41db6681937d60bcb59c4' }, index.h("div", { key: '284adde9302682c56b971fe73f7705f2fee91eb0', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: 'd3956f08bb9197d68db47cd8ce31b222a825862e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, index.h("button", { key: 'ca4402750442dc3cfe434984c80381d1cdfd3b74', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '36278cab4355f36e54ff0bc873ebc27e49b146c1', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: '5babf16dbd6ae3686423c4ece8779d69819e79e3', class: "label" }, index.h("slot", { key: '0d3d0f41eaf979d05c21aba744c26ffd043f9d64', name: "label" }), index.h("duet-icon", { key: 'd6abff8f46d22a4bbd7f4635f53e82a5a1498db1', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: '6ee1b74a69107abab5c9af91a9bd9fe824741d55', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '34c2d5cf9bb779eec11f8852eb8c2bd279028baf', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: '6834d3f1b9b057b877641b1f000065f8a4813250', class: "label" }, index.h("slot", { key: 'f1856cf9b4ce8ca515babc2163da4ef36482e49e', name: "label" }), index.h("duet-icon", { key: 'ae906904ed9255d48b47f705ea8653b65c76df90', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: '071dc719524009f86906d4204464cdcd14aaa36c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: '8bc5889a6505974a8929651a8abd6b4fd98e5f74' })))));
+            } }, index.h("slot", { key: '35141accc2735d157bf80d8c76346585fa47cff1' })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-slideout-panel.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0c9fd2f8.js');
+const index = require('./index-290ab697.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const bodyScroll = require('./body-scroll-dba42314.js');
-const focusUtils = require('./focus-utils-b8926034.js');
-const languageUtils = require('./language-utils-8f7743a1.js');
-const slotUtils = require('./slot-utils-85cd307f.js');
+const focusUtils = require('./focus-utils-87585a09.js');
+const languageUtils = require('./language-utils-3372de6f.js');
+const slotUtils = require('./slot-utils-8015a7e6.js');
 const tokenUtils = require('./token-utils-ecc7f5a1.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-cf303205.js');
@@ -163,21 +163,21 @@ const DuetSlideoutPanel = class {
         };
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
         const backTranslation = languageUtils.getLocaleString(this.backLangObject);
-        return (index.h(index.Host, { key: '805cfaa182eb761f1ce6217e1c62ed5dd007a947' }, index.h("div", { key: '363f2f3eaf901468c5f15ad7dcba4d3b781cc500', class: {
+        return (index.h(index.Host, { key: '70bd33cf81bea6e0e21a3acc777e62f9615c960c' }, index.h("div", { key: '173d84b1e9630496dfd75f1d1788ceb258aa65dd', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '5ec34b3ecd11c56416277f0f4753d6dc1f8efed6', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, index.h("button", { key: '8af158a56baed0c99a678a13c70679a2e37d4641', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && index.h("duet-icon", { key: '5d6a27c57dc78e388b271f0f2d6eb2cd7821c202', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: 'd64964aca9eea3caa8ae881296e258f08146e487', class: "label" }, index.h("span", { key: '6b4148f10a5d1b3065758fb5625da769c52f72ec', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '81eb240dd33e6fb12e4a7cca81de48fdcee2af19', name: "label" })), index.h("duet-icon", { key: '50cc29a5a19817e58bfcf90efa70b59b2fba9fdd', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: '37829b24562f4b2815f7d4ab2affd231e7850d9e', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && index.h("duet-icon", { key: 'ef8953eeeb735665fefc41627200a2939df9fc91', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: '1e1ce042634306e70595feab772ea1986020dbe5', class: "label" }, index.h("span", { key: 'b91e1f83f96194cad5fbccca121036d68667faad', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '6fe342d4f1cc5128f50bd68287713bf2b743bb1a', name: "label" })), index.h("duet-icon", { key: '56091986d5dec8dca5ab057fc3bbd59ac5459bd7', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'f639893ab35cb5c6362f692cb909e734232dcb6f', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, index.h(focusUtils.FocusGuard, { key: '866309235d2682686f46604d200cb8fb7789fd78', moveFocusTo: this.closeButton }), index.h("div", { key: 'bf2bc641f6c8818f917fb40b13f6b7fe5e6f208f', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '67071ec5db130b7f92587562eec7b5ebac45e1bd', class: "top" }, index.h("button", { key: '33da125c06f6246cd7b6a388ffa332c32b8fd374', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, index.h(focusUtils.FocusGuard, { key: '44ead66ea6ff8418096d578f6a822357b186ac4d', moveFocusTo: this.closeButton }), index.h("div", { key: 'b3de10fc0e5139011798a6f9dc45fda74e66f2a8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'b25a3a1c91eb4daf74a5a43e6a38916b055e3e2b', class: "top" }, index.h("button", { key: '9c898e5bc439ae96e4fa636f15d1e4c9880791bf', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, index.h("duet-icon", { key: '24b7d7426f408b7aa4043495bbf6647851f7d162', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: 'cd331fba8d0793d7c2b59d96e9796a50d77b4224' }, this.label.innerHTML), index.h("button", { key: '62fd9e793ff023422c32a9024a74b9befeb1c056', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: 'de1281dc825979a6cb290a8e4faf24e53ed3c49a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'c7e160049359ff2cef0e1713fc416b81461a8e44', class: "sticky-header" }, index.h("slot", { key: '8d216879c47672cc6479b1aa9ba76c3379d5e0ec', name: "sticky-header" }))), index.h("div", { key: 'b0bd9025bc1021ff7771105fc79e2c2fe4545ddc', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, index.h("duet-icon", { key: '647666d32da78fd122547b29b2d6366a74cac38d', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: 'c137000b706a49614251aab9978772f7f032c35b' }, this.label.innerHTML), index.h("button", { key: 'f96fa6523e3cc9dda0142e2e79598be943ed14df', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '17e401b299082405fe58d6e2ebe0183e1480b1b4', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'e40d94664116f4e4ee26c9c9e85d0d98a807445e', class: "sticky-header" }, index.h("slot", { key: 'f1d9bc10ab424bcebaf8c7d5ac28937df83fb988', name: "sticky-header" }))), index.h("div", { key: '027b1f8a337474484867affa518ceb3f95984518', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, index.h("slot", { key: 'd48e80a480587c2dd49773b14f31ddd56fe790dc' })), index.h(focusUtils.FocusGuard, { key: '4dd1a90579416304992efa312c3999f7941d1a65', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: '8b7aefc4d72e80a1e8b2f5095484d5680a1d96e1' })), index.h(focusUtils.FocusGuard, { key: '542e145cc71bb24977c5e2a35fedaa2928c0fcd1', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {