@duetds/components 10.7.0 → 10.8.0

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { d as debounce } from './js-utils-BlUsLmbQ.js';
 import { j as isArrowKey, k as isNumber, d as isArrowLeftKey, e as isArrowUpKey, f as isArrowRightKey, g as isArrowDownKey, l as isMinusKey, m as isPlusKey } from './keyboard-utils-BaefVzkx.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-DTyUbpD-.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C-lpMyP9.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './token-utils-BILzD7LX.js';
 import './tokens.module-kkZE1C6Z.js';
@@ -393,32 +393,32 @@ const DuetPagination = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '713861c49972efc0620c9d6425aebc4621c60725', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '26f0be5edcc3d2e83961c40a097e804360ec82e4', 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 (h(Host, { key: 'd4335699dfa6e3335dfcafed3de2cc0b2d0e0267', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '08b38d39cdd61be664e02d24ab6c518ce4e652ce', 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 !== "" && (h("div", { key: 'e048dc669a90234e04206d2e919477c456437171', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '4cc0ec61a9b412f51a71b90b1ff1f371d20b6b77', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: 'a21618609f5e18d5febe55d009164ae2b6104cee', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (h("div", { key: 'd0dace3644fb466ba455012c04624c2a24b0ff9f', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '99fced562563224ca9667ddc0c2a3d0cc46604f6', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '392854e8ea2b19e6f7c28434d930db4f733b6485', 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) && (h("li", { key: 'f398d058c0ebf2bdab7ab945bed0b4548bbbfe83', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'de374f4e19bc9a7dea35fda71123e18c040d3cd6', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '045fb3a76f525bf38592dbd063d786d85ef0aef4', 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 }))), h("li", { key: 'a34ff449e6b0f6bfdf045751e137d7bbf82745b0', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '7d0bf05653e187650b301293c8b48ecf7c19775a', 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 }))), h("li", { key: '90d13a9f2c13fcca364cc126b01ad46ce8b6f1e9', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '499f743f212068efe40d91da50a6a5d3a36b1bb8', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '0e1f27295e8d57233da5e99e921deb0acc40bdf5', 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() && (h(Fragment, { key: '855d343b101d8a4cb531e5534121c32fcebb6537' }, h("li", { key: '87e9bf3c0e7709986f8425c68dcf453e37ecea53', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'ff073c3fb7001b83e9bd8254b5f0058350681aab', 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 }, h("div", { key: '2534ef73dffd5a2894f64e37b9b93ef921eeae9b', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '41366d11be98973382389f639c4361fa88b3ee03', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '85acf7a3650a337686849a07b94e3c5ebe3985fc', 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 }, h("div", { key: '0cb3f15c9fbf047ebd3f42a9ea312e2b7eb7cda5', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (h(Fragment, { key: 'c330810aeb916a70838b5902a945179516c08c2a' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'e7827136e1d02443b965071e73e678f3db1d5045', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'ddf79df091880166ff5717d7ad56068afba21e8b', 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 }, h("div", { key: 'eab0f9616b5a0a283d2cfdfa12de2c0a8e7b4c6a', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: 'b90fc9f829527d1d0cede68970d1bdbeeb00097c', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'b842abee7b341e75edbb9242f32febb0fd9027d0', 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() && (h(Fragment, { key: '3fa13a5d834e8c4a9a8a3abe93ef7466955fb3c3' }, h("li", { key: '48750614360629d752ef5338feee64d26ee14070', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '851ea5271176c28b4182c932df5420296360a660', 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 }, h("div", { key: '3577f7013764aaa16cfe26677f0b517d637a55dc', class: "duet-pagination-page-number" }, "1"))), h("li", { key: 'affed7955f766520ba5ab4cbbb2927c31f2e3a7b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'a5c04fd07e5c086c458a50943ea23f8cdd65f136', 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 }, h("div", { key: '5af97877da74ed4b46d77eda227d2c20ab045be3', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (h(Fragment, { key: '8480cff4e6aa59cebc295fee8ee08523d87ef5ec' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: '0d0af2a75256c727c8fc1e362b5c8628e164d51e', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'b9009792ab06fed817fa435c1434c0a73fa1b9ec', 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 }, h("div", { key: '268a3e0ba7d800dacc323398a00b970a72cf1cd7', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: 'edaa7c3c5522faf40e84cff469b09a05138ffccb', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'ced4311041090c7cc3351403e24247e0c5c154b5', 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 }, h("div", { key: '7a39f4ad0995c18ebd0ffbd95b507272b17b5fe9', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: 'ad540cc00840f8452ef0bb93ee6aaa7bdc7b9a9a', class: {
+                : undefined }, h("div", { key: '9c6a910c389d177383641955b31555b814df5694', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: 'df2ef26b5062b14d09f74e6bf165673834d89d98', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'e4fc05e7c0163974b0929387122200f56b352d7f', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'ef49bbd3a02a2938e5d96cf667078e999051c49e', 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) && (h("li", { key: '0f09b068770c1bf14c76d0d2c36e2138fdb3e5af', 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) && (h("li", { key: 'bcc8fc11ffaf043e45579c55efc07afc16fe9347', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'e53ee2acdfdf60f158d51607df8ee61f9af16b25', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'fb6f817b26e12d521918dafb1bf356d8ea75d9b5', 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 })))))));
     }
@@ -618,10 +618,10 @@ const DuetRangeStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'adfdba923ae5fd9a6dfba50fe1c4f55e3b87a865', class: {
+        return (h("div", { key: 'ee60a3b8c9a38eef22d54525e2173980f4471a80', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '4377af5c4c12a8fd56b793dc809cfa21aa2e7850', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '02f43f05ea407fd7d55a108dc6656e0f05490dc3', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '0b970f02212426d7e73e3fe136f14e2ff3c44879', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '802f99d51d6cab2ed946337466def72d9fdad351', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '396ccc56f5b5617029313bc1ade243103a5b1a2a', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '90f158af1224b99186b4b24b6089b37afa9264f0', 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 getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-panel.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 
 const duetPanelCss = ":host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 8px 0 20px 0;\n}\n@container (width > 36em) {\n  :host {\n    margin: 12px 0 28px 0;\n  }\n}\n\n:host(.duet-m-0) {\n  margin: 0;\n}\n\n.duet-panel {\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  color: rgb(8, 42, 77);\n  background-color: rgb(255, 255, 255);\n  border: 0 solid rgb(212, 223, 229);\n  border-radius: 16px;\n}\n.duet-panel.padding-small {\n  padding: 16px;\n  border-radius: 12px;\n}\n@container (width > 36em) {\n  .duet-panel.padding-small {\n    padding: 20px;\n  }\n}\n.duet-panel.padding-medium {\n  padding: 20px;\n}\n@container (width > 36em) {\n  .duet-panel.padding-medium {\n    padding: 28px;\n  }\n}\n.duet-panel.padding-large {\n  padding: 28px;\n}\n@container (width > 36em) {\n  .duet-panel.padding-large {\n    padding: 36px;\n  }\n}\n.duet-panel.border {\n  border-width: 1px;\n}\n.duet-panel.secondary {\n  background-color: rgb(245, 248, 250);\n}\n.duet-panel.accent {\n  background-color: rgb(240, 247, 250);\n  border-color: rgb(198, 225, 238);\n}\n.duet-panel.accent.secondary {\n  background-color: rgb(217, 236, 245);\n}\n\n.duet-panel.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  color: rgb(23, 42, 59);\n  border-color: rgb(212, 221, 226);\n}\n.duet-panel.duet-theme-turva.secondary {\n  background-color: rgb(245, 246, 247);\n}\n.duet-panel.duet-theme-turva.accent {\n  background-color: rgb(253, 247, 242);\n  border-color: rgb(241, 202, 178);\n}\n.duet-panel.duet-theme-turva.accent.secondary {\n  background-color: rgb(251, 225, 209);\n}";
 
@@ -34,14 +34,14 @@ const DuetPanel = class {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: 'c2b446e4eff02ce722d5fc470d9aedcb453e2dd2', class: { "duet-m-0": this.margin === "none" } }, h("section", { key: '1039cfb9fa6e615149ca632ffd85da61d9b00f91', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, "aria-describedby": this.accessibleDescribedBy, class: {
+        return (h(Host, { key: 'f37216ed42183b04d0adc65eaa6e83562dd6cde5', class: { "duet-m-0": this.margin === "none" } }, h("section", { key: '6be8f932e02e034eb5dedcd260162d19c53377d6', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, "aria-describedby": this.accessibleDescribedBy, class: {
                 "duet-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation.split("-")[0]]: true,
                 [this.variation.split("-")[1]]: true,
                 [`padding-${this.padding}`]: true,
                 border: this.border,
-            } }, h("slot", { key: 'c923ad024bfad0670229a5da4ba140f5747549e4' }))));
+            } }, h("slot", { key: 'ce0682b4b1c4a663c5f58f12c5e92d5bca0da715' }))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-phone-input.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-BaefVzkx.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-DTyUbpD-.js';
-import { c as checkNamedSlotElement } from './slot-utils-BhEk4zKY.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C-lpMyP9.js';
+import { c as checkNamedSlotElement } from './slot-utils-BSS0Em_Z.js';
 import './string-utils-C6E9F6QT.js';
 
 const countries = {
@@ -1884,6 +1884,7 @@ const DuetPhoneInput = class {
         this.handleBlur = () => {
             //console.log(ev)
         };
+        this.setPopupMenuWidth = () => (this.countryCodePopup.shadowRoot.querySelector("div").style.width = `${this.element.clientWidth}px`);
         this.handleInput = () => {
             var _a, _b, _c;
             const currentValue = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
@@ -1910,6 +1911,7 @@ const DuetPhoneInput = class {
         this.handleCountryCodeSelectorOpen = () => {
             this.countryCodePopup.controller = this.countryCodeButton;
             this.countryCodePopup.show();
+            this.setPopupMenuWidth();
         };
         this.handleCountryCodeSelectorSelect = (ev) => {
             const item = ev.target.closest("duet-popup-menu-item");
@@ -2074,11 +2076,17 @@ const DuetPhoneInput = class {
             .map(c => c.trim().toUpperCase())
             .pop();
         const identifier = this.identifier || this.inputId;
+        // Inline styles as we can't set styles for duet-popup-menu-item slotted content from duet-phone-input scss
+        const countryNameStyle = {
+            "white-space": "pre",
+            overflow: "hidden",
+            "text-overflow": "ellipsis",
+        };
         return (h(Host, { class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { class: "duet-phone-input-container" }, h("duet-popup-menu", { ref: el => (this.countryCodePopup = el), scrollLimit: 10, showFilterInput: true }, this.countriesToList.map(country => country.isoCode === lastListFirstCode ? (h(Fragment, null, h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), h("span", null, country[this.language], " (+", country.telephoneCountryCode, ")"))), h("duet-divider", null))) : (h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), h("span", null, country[this.language], " (+", country.telephoneCountryCode, ")")))))), h("duet-input", { ref: el => (this.duetInputElement = el), onDuetChange: this.handleChange, onDuetFocus: this.handleFocus, onDuetBlur: this.handleBlur, onDuetInput: this.handleInput, label: this.label, caption: this.caption, error: this.error, name: this.name, minlength: this.minlength, maxlength: this.maxlength, autoComplete: this.autoComplete, component: "phone", variation: "button-left", type: "tel", disallowPattern: "[^\\+0-9 ]", required: this.required, disabled: this.disabled, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true }, h("duet-button", { ref: el => (this.countryCodeButton = el), slot: "button-left", variation: "input-button-left-secondary", margin: "none", fixed: true, icon: "action-arrow-down-small", iconSize: "small", iconRight: true, accessibleLabel: this.getAccessibleLabelForButton(), onClick: this.handleCountryCodeSelectorOpen }, h("span", { class: "flag-container" }, this.getFlagForButton())), h("slot", { name: "tooltip" })))));
+            } }, h("div", { class: "duet-phone-input-container" }, h("duet-popup-menu", { ref: el => (this.countryCodePopup = el), scrollLimit: 10, showFilterInput: true }, this.countriesToList.map(country => (h(Fragment, null, h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), h("span", { style: countryNameStyle }, country[this.language]), h("span", null, "\u00A0(+", country.telephoneCountryCode, ")"))), country.isoCode === lastListFirstCode && h("duet-divider", null))))), h("duet-input", { ref: el => (this.duetInputElement = el), onDuetChange: this.handleChange, onDuetFocus: this.handleFocus, onDuetBlur: this.handleBlur, onDuetInput: this.handleInput, label: this.label, caption: this.caption, error: this.error, name: this.name, minlength: this.minlength, maxlength: this.maxlength, autoComplete: this.autoComplete, component: "phone", variation: "button-left", type: "tel", disallowPattern: "[^\\+0-9 ]", required: this.required, disabled: this.disabled, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true }, h("duet-button", { ref: el => (this.countryCodeButton = el), slot: "button-left", variation: "input-button-left-secondary", margin: "none", fixed: true, icon: "action-arrow-down-small", iconSize: "small", iconRight: true, accessibleLabel: this.getAccessibleLabelForButton(), onClick: this.handleCountryCodeSelectorOpen }, h("span", { class: "flag-container" }, this.getFlagForButton())), h("slot", { name: "tooltip" })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-popup-menu_2.entry.js

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
 import { o as spaceXSmall } from './tokens.module-kkZE1C6Z.js';
-import { M, z, o as offset, f as flip, s as shift } from './floating-ui.dom.browser.min-B_NkY9T0.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
-import { s as setOpenerExpanded } from './a11y-utils-DZqe1lDK.js';
-import { f as focusElement } from './focus-utils-id9x3opi.js';
+import { M, z, o as offset, f as flip, s as shift, b as size } from './floating-ui.dom.browser.min-BQTM1aqo.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
+import { s as setOpenerExpanded } from './a11y-utils-DbDY4hy4.js';
+import { f as focusElement } from './focus-utils-BwoMMpkj.js';
 import { g as isArrowDownKey, a as isEscapeKey, e as isArrowUpKey, b as isTabKey } from './keyboard-utils-BaefVzkx.js';
-import { a as getLanguage } from './language-utils-DTyUbpD-.js';
+import { a as getLanguage } from './language-utils-C-lpMyP9.js';
 import { T as Teleport } from './teleport-CxwkvTlZ.js';
 import { n as newWindowIcon } from './action-new-window-small-EH8_HdAm.js';
-import './slot-utils-BhEk4zKY.js';
+import './slot-utils-BSS0Em_Z.js';
 import './string-utils-C6E9F6QT.js';
 import './_commonjsHelpers-DvwKrUS6.js';
 
@@ -126,10 +126,19 @@ const DuetPopupMenu = class {
             if (!this.openButton) {
                 return;
             }
+            if (this.menuElement) {
+                this.menuElement.style.maxHeight = "";
+            }
             const middleware = [
                 offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }),
                 this.allowVerticalFlip && flip(),
                 shift({ padding: 5 }),
+                size({
+                    padding: 5,
+                    apply: ({ availableHeight, elements }) => {
+                        elements.floating.style.maxHeight = `${availableHeight}px`;
+                    },
+                }),
             ].filter(Boolean);
             const coordinates = await M(this.openButton, this.menuElement, {
                 middleware,
@@ -424,17 +433,17 @@ const DuetPopupMenu = class {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: 'faa607d185d31d39be849eaf1bc2e04a18dc6844', role: this.accessibleRole === "menu" ? "application" : null }, h("div", { key: '30e8fda181937ec87b45753e11407752b9cb8bdb', ref: element => {
+        return (h(Host, { key: '719d2a7e1c11ff9163309781fec512cc4e37fa4a', role: this.accessibleRole === "menu" ? "application" : null }, h("div", { key: 'a8dfefb0508a16c814d88e2fecc32409011f90db', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '63a51a1dade7d51632c7cc03dcc5889943c06384' }, h("duet-input", { key: '0afe720395fbe6388ce6fb8fa106540671768f10', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '8dafb4aa2cec51336c1ac0ce62fc7d55aa8950e6' }, h("span", { key: '172e686cfd6f5cbaab6e64a49ab86ad9ef6f860d', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: 'd8332f24330773e5d0be9adcde515d949c95c08d' }, h("duet-input", { key: 'e2754d948c53aa5b1af9752bd8705b32b3a93bcb', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: 'f8fe6c8dacb340d88c4896ce56c2ccecd38f655e' }, h("span", { key: 'ccca6cce4b4c5852c2bbb50954c002505a6d2872', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), h("duet-spacer", { key: '01b48e3d5918af7980363bb2256e65e9e109bfa3', size: "xx-small" }))), h("slot", { key: 'd2dec433d6eb6720850805950182ff9edeaa4dc3' }))));
+                `)), h("duet-spacer", { key: '843f6111e7484d49e20e528e95e090678812d819', size: "xx-small" }))), h("slot", { key: 'f5c3eb16c8bc812f982ec6c2e0b95f5cbbe643cc' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -444,7 +453,7 @@ const DuetPopupMenu = class {
 };
 DuetPopupMenu.style = duetPopupMenuCss;
 
-const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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, 42, 59)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}";
+const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;min-width:0;height:100%;padding:8px;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.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1;min-width:0}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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, 42, 59)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}";
 
 const DuetPopupMenuItem = class {
     constructor(hostRef) {
@@ -546,11 +555,11 @@ const DuetPopupMenuItem = class {
         };
         // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
         // This is a tradeoff and now Safari announces these items as buttons and links with the label.
-        return (h(Host, { key: 'dc904d95dbb1b0274fcdadcea67ce47aba4d7fe5', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: 'ee50bbb09eba600e81b860df3102e0a2cd6288f2', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage, "aria-current": this.active ? "true" : undefined }, this.leadingIcon && (h("duet-icon", { key: '2393da90d783cc2cde59d87a05035d3539009c94', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '3b89e70152736a394a1d783146d7fcf7042af27c', class: "duet-popup-menu-item-label" }, h("slot", { key: '7e2c5bff4d032a76c871b346477c1380d41ac23e' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '1307e84b95a9f3f731701377a93275e00b17682e', name: this.url && this.external
+        return (h(Host, { key: '5a9f85c614eb0525860c91e07dac83db868b26ff', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: 'a7362c89ea53df72a450570693052218434c1cb3', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage, "aria-current": this.active ? "true" : undefined }, this.leadingIcon && (h("duet-icon", { key: '4c19fb2ac64438dc692a6c81cf8d51b48114cca7', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'e5ae676e11f424cae135d54b5bab02d2de476eb8', class: "duet-popup-menu-item-label" }, h("slot", { key: '42cc85d521d8515ce3d5e413c117a98d41f008ff' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '2a675b18dc0e1162df79ae87fab5ebeda3477959', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'ccdd5e50e27621e4c9bddc18ddfb4fa32c5df087', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '2d23cea5ab743b54774fbda5a252153d11e1ddf5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-DTyUbpD-.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C-lpMyP9.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetProgressCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(240, 247, 250);border-radius:0;box-shadow:none}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);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(240, 247, 250)}.duet-progress.duet-theme-turva .progress-bar{background-color:rgb(253, 247, 242)}.duet-progress.duet-theme-turva .progress-bar>span{background-color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]{color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(253, 247, 242)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:rgb(253, 247, 242)}";

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
-import { D as DuetPicture } from './picture-utils-4PMNZDR2.js';
-import { h as hasSlot, c as checkNamedSlotElement, a as getElementsFromNamedSlot } from './slot-utils-BhEk4zKY.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
+import { D as DuetPicture } from './picture-utils-Cl2qK3GJ.js';
+import { h as hasSlot, c as checkNamedSlotElement, a as getElementsFromNamedSlot } from './slot-utils-BSS0Em_Z.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import { g as getColorByName, p as postfixTheme } from './token-utils-BILzD7LX.js';
 import './tokens.module-kkZE1C6Z.js';
@@ -85,12 +85,12 @@ const DuetPromoCard = class {
             },
             sources: parsePossibleJSON(this.sources),
         };
-        return (h(Host, { key: '97dab264c5d107592d20f0f417be8f19afe3d8fd', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'c45359578b2b47d473998c61c848da71b70c800d', class: {
+        return (h(Host, { key: 'a11868d1112419d418d0e9ed0fb62d5cfad351e4', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '15a7d5bbf45eb253980ec7d5a9d1a0ab22567eb5', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'ef88f3802caf987b1f4507d4666e4c1e995c03ed', href: this.url, class: { "content-wrapper": true, "duet-theme-turva": this.theme === "turva" }, ref: element => (this.aOrDivElement = element) }, h(DuetPicture, Object.assign({ key: '56569975e0e19da32854f893faa7735b8ad02aed' }, pictureSource)), h("div", { key: '2f7457dfc83c5d90fb9bab5db26a4785d48af1c1', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '2219e5e9347de718cd7a1d7d647e8309ee650831', class: "pre-heading" }, h("slot", { key: 'd5da5a114026a15e4dcbef0017a9e4e626f1f4dd', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'c3c9d6e2cde6750417e55cd568e92c2c6e1e794f', class: "heading" }, h("duet-heading", { key: '30369ab97d1b23ebb0efd58498f088663a7fd77f', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '697f670a938866d937aed46cf361e3fb038047b9' }, h("slot", { key: '20d4d9b0ebccd08a2c3058284bbe6ab7cf5631b6', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '6336dc1b21d5e7e2280000db82489ef2ebce379d', class: "description" }, h("duet-paragraph", { key: '1d5200f1d385d5600a4db1aafc9ff8f8adfc0945', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: 'a814b4225fc2b5882542079a92057a5aa4be8a25' }, h("slot", { key: '8dfe422bb5fa8a28be96b4a61a02c00d53158dca', name: "description" }))))), this.hasActionSlot && (h("div", { key: '37b653137388b4a43968de02eb65a4b9907c3022', class: "action" }, h("slot", { key: '594172da1335d25e8856e4d7f8db3543a82a8f2e', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '74cafd91fd84b708b39d04ab2ff76e80f040c6cd', href: this.url, class: { "content-wrapper": true, "duet-theme-turva": this.theme === "turva" }, ref: element => (this.aOrDivElement = element) }, h(DuetPicture, Object.assign({ key: '455e032e836d10caf961d1b7e9e9f5927ee2110c' }, pictureSource)), h("div", { key: '8b8d9f4df668c52eed6d356a5713474760d38f0c', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '30c8391d3082c4f13fd5fe15688078834b1d33b6', class: "pre-heading" }, h("slot", { key: 'e1f9aff9e5943734f31af4a79d826eec45fed120', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'b540f06b51e05fefadd176294331c5333977fa45', class: "heading" }, h("duet-heading", { key: 'fce865ee3ea25de126bc75c4f2b96daacf2470d3', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": "h3", margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: '46225638ad07ce667b2cb7d8a341e404fa091b1f' }, h("slot", { key: 'd8d502652a8163b0437669aa07f2b933eb3f630d', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '4d3ce20fc62961f6b9ebd4a1846bf55db3d33b2e', class: "description" }, h("duet-paragraph", { key: '058e06c452f4cdaeb9954f44dfa2dc48c15841a1', theme: this.theme, margin: "none", color: postfixTheme(this.textColor, this.theme) }, h("span", { key: 'f74e2644fdfbba489502f98ff4e4a9e2b20d06eb' }, h("slot", { key: '1a570c3b1db0b4964069fc8b9f3a5bd56a8de326', name: "description" }))))), this.hasActionSlot && (h("div", { key: '2ab71f64f6bbccf208b4281a096df0488c34d580', class: "action" }, h("slot", { key: '120257629db8b69ee16078f519e55a163c16687d', name: "action" }))))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
-import { a as getElementsFromNamedSlot, h as hasSlot, c as checkNamedSlotElement } from './slot-utils-BhEk4zKY.js';
+import { a as getElementsFromNamedSlot, h as hasSlot, c as checkNamedSlotElement } from './slot-utils-BSS0Em_Z.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-BmMFVM-y.js';
 
 const duetRadioCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:28px !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive):last-of-type:not(:last-child){margin-right:28px !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{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;line-height:1.5;color:rgb(8, 42, 77);hyphens:auto;word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::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(8, 42, 77);border-radius:50%}.duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-label.checked::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-label.disabled{color:rgb(98, 121, 138)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}.duet-theme-turva .duet-label{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, 42, 59)}.duet-theme-turva .duet-radio+label::before{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-label.disabled{color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio:checked+label::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-radio[disabled]+label{color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]+label::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]:checked+label::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}";
@@ -186,17 +186,17 @@ const DuetRadio = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7042b59543dd4cf7627ca41b07a3fee3598c684d', class: {
+        return (h(Host, { key: '29c7e9f14ff4c754ebba4120c003a837a0ac32f0', class: {
                 vertical: this.groupDirection === "vertical",
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '39a07c45edaba71d4380c430c48a9f8f2d5e6786', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '5c3161f12b2def6f54245a063751ba5608fa13fd', name: "input" }), h("label", { key: 'a98ef594efee0f9ef478eb4163c4757dec88b3b4', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, h("div", { key: 'd2408d28b5d18fd9f039e12263dfea29aebe3b00', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '73c0247859265711e30f1b2aa9a6d88e8fec2d65', name: "input" }), h("label", { key: '03196671dde4b1ec067e049f1d9a10715fa48cda', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, h("div", { key: 'a1293298a68f71ccf0b6bba309bae33ff66932a9', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
+            } }, h("div", { key: '49caed7ab06483a88f1ec6e13b42d58bbd6d0c49', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
     }
     get element() { return getElement(this); }
 };
@@ -355,7 +355,7 @@ const DuetRadioGroup = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'efd5c1575bcaa27689fda3d887405f1f8c89d40b', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'e7a49a48e778e7536ec79e4dd3f6cc1657c38f39', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'bb72a0c834b31079cd07c6894c98192f346876a7', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '8e0657188162e21abc47f50b341776e83b358476', name: "tooltip", slot: "tooltip" }), h("div", { key: '800d524204ac076c087cdd7916077613b454475d', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '265f7219a181ecc24adf1708a1dd3e2d69b23253' })))));
+        return (h(Host, { key: 'b2b6d23b32ce0192c2793ac76f8178b4658abf78', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: '51275fe0f808f32e82bda0389f306546f006eb9d', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'f12dac2f01fd32293e7d075e70ecedad6695709e', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'bb8d90fd7e329d57129fc7594ad6cd13e142fe3c', name: "tooltip", slot: "tooltip" }), h("div", { key: 'c49b8642d476b6b3a43d286481523adf573d5232', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '7a0f2eb3f85a4ac1803ae0be898aadc1360a98ea' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
 import { i as colorGray, j as colorPrimary, k as colorGrayTurva, l as colorPrimaryTurva } from './tokens.module-kkZE1C6Z.js';
-import { D as DuetInternalLabel } from './label-Caev3m-F.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { D as DuetInternalLabel } from './label-D835wXCb.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { i as isInternetExplorer } from './is-internet-explorer-DxESMgwA.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-BaefVzkx.js';
-import { p as proxyInputToSlot } from './slot-utils-BhEk4zKY.js';
+import { p as proxyInputToSlot } from './slot-utils-BSS0Em_Z.js';
 
 const duetRangeSliderCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-range-container{position:relative;width:100%}.duet-output{position:absolute;top:12px;right:0;z-index:200;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-range-disabled .duet-output{color:rgb(127, 150, 165)}.duet-range{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-range:focus{outline:0}:host(.user-is-tabbing) .duet-range:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-range:focus,:host(.user-is-tabbing) .duet-range:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-ie .duet-range{display:block;width:auto;height:26px;background:transparent !important}.duet-range::-moz-range-track{height:1px;-moz-appearance:none;background:transparent !important;border:0}.duet-range::-ms-track{color:transparent;background:transparent;border:0}.duet-range:active{outline:0}.duet-range::-webkit-slider-runnable-track{background:transparent}.duet-range::-webkit-slider-thumb{position:relative;width:24px;height:24px;-webkit-appearance:none;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease}.duet-range:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range::-moz-range-thumb{position:relative;width:24px;height:24px;appearance:none;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-range:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-range:disabled{background:rgb(181, 198, 208) !important}.duet-range:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-range::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-label-hidden .duet-internal-label,.duet-label-hidden output{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-output{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, 42, 59)}.duet-range-disabled.duet-theme-turva .duet-output{color:rgb(120, 145, 164)}.duet-theme-turva .duet-range{background:rgb(178, 194, 205)}.duet-theme-turva .duet-range::-webkit-slider-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range::-moz-range-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range::-ms-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range:disabled{background:rgb(178, 194, 205) !important}.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range:disabled::-moz-range-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range:disabled::-ms-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range::-ms-fill-lower{background:rgb(230, 23, 64)}.duet-theme-turva .duet-range::-ms-fill-upper{background:rgb(178, 194, 205)}";
 
@@ -162,13 +162,13 @@ const DuetRangeSlider = class {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (h(Host, { key: 'e210a09d9e24ecda74f73465103e52fd0ef3e151', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: 'c06f45aec60dddfd2bc63c0c37e985fb4892262c', class: {
+        return (h(Host, { key: '740ff7d06f193b8bfe148e68702228b0e969e177', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: 'd401cbcaed967a4f946771a878893bbdf5b8b765', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, h(DuetInternalLabel, { key: '3c28b5f14ecf125f07146f93500cfc765e895583', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'a87614cb264ff78db2d931ae109f6c982c057c9d', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'efeb770492d9fb26cf60c72b9a5dda6de43dc583', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, h(DuetInternalLabel, { key: 'd19d2ae90fe8aba1b8894566f9cd1c445c56df7a', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'c596df8a741761dd493cf18adf08f7f0f1f4b94f', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'de318d3817d8f23921312361fe2f35fa9b79dc88', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
-import { h as hasSlot, g as getElementsFromDefaultSlot } from './slot-utils-BhEk4zKY.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
+import { h as hasSlot, g as getElementsFromDefaultSlot } from './slot-utils-BSS0Em_Z.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isTabKey, q as isShiftTabKey, d as isArrowLeftKey, e as isArrowUpKey, f as isArrowRightKey, g as isArrowDownKey } from './keyboard-utils-BaefVzkx.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLanguage } from './language-utils-DTyUbpD-.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLanguage } from './language-utils-C-lpMyP9.js';
 import { d as getShadowByName } from './token-utils-BILzD7LX.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import './string-utils-C6E9F6QT.js';
@@ -290,18 +290,18 @@ const DuetScrollable = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e4fcbff642e107e2d34afda150b6d018d9495bfa', class: {
+        return (h(Host, { key: '8c26c49fa79b5ae44744540e1910fc5cd23e2280', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '0812bcf7ea5189d289b2802404f7a5b72f84e914', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'a56b751635fce29f6cd1838c696267913e1a8bb7', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'b800fd6f995333456428d33f3bd879d998e69161', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '28a8ddf0c43d1fc83562f90222107add5742c568', name: "collapse-button-label" })))), h("div", { key: 'd8dbfd839185724f0c731fd05fc7318edd55f8ef', class: {
+            } }, h("duet-button", { key: '5dbff0b7fbcdc5be8d30276efc1d537e14715133', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'eba374d5ac518957c878f5c8b7610cc749776908', name: "collapse-button-label" })))), h("div", { key: '3aa49b4cc6c52939d07e56f53aa02f915cc94dfd', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '52896f20aa1556374ae606865b9baa3d26e5f309', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'c85bf3929c372cbea0b8be43f5e9aa912ef0df2e', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -309,7 +309,7 @@ const DuetScrollable = class {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '033251e2116f215b006650c265e0f28b51b4255c' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'a5b51ed3a159ce2b580850e8973800c75af4b3d5' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -425,7 +425,7 @@ const DuetTab = class {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '91c006415c8db98625168cc1509f085f9f25424e', ref: element => {
+        return (h("div", { key: '52685c26793f37570debd51c11fd6d9c0eacb7a1', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -434,7 +434,7 @@ const DuetTab = class {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: 'cbcb9eb3c000e67f2aa896af7159101672c5c8af' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: 'bc08f9d93e9cb6653bfb2a97f5cc5fb9f67a1fe9' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -720,13 +720,13 @@ const DuetTabGroup = class {
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
                 "duet-theme-turva": this.theme === "turva",
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label), element.indicator && (h("duet-indicator", { variation: element.indicator, "accessible-label": element.indicatorAccessibleLabel })))));
-        return (h("div", { key: '417e3a0eb99cdf3d6df636586be7435cad2144ac', class: {
+        return (h("div", { key: '494ac1333a13dd37b390174ca79a3a90e89f13d0', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'da12d48bcbb77d4e88ca34c63ee54c63db53eacd', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'eb4e340563793bfda1941a66200f6d07929bccb2', 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,
@@ -737,11 +737,11 @@ const DuetTabGroup = class {
             } }, this.variation === "checked" ? (buttons) : (h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: '25e346444619db75d262e11a84acdfaaafa2257c', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: 'fc769c72a4f684dc6f6cf0e893b93215b98b2d87', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: 'c63f225ca6cd084bb78f4f3bcc046d21c9d47e0a' }))));
+            } }, h("slot", { key: '20db6ecc342cbd347bdf35885289259106a07442' }))));
     }
     get element() { return getElement(this); }
 };