@duetds/components 9.12.1 → 9.13.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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { d as debounce } from './js-utils-9b9e0039.js';
 import { k as isArrowKey, l as isNumber, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey, m as isMinusKey, n as isPlusKey } from './keyboard-utils-daf80d44.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5ce51b7f.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1aea3619.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './token-utils-7360bb84.js';
 import './tokens.module-821694bb.js';
@@ -343,32 +343,32 @@ const DuetPagination = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '2a6229532f13b87abbe9516a7e1d963f326bbe5f', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '17bb09135ec2469462f97327dd10fc4df8b7ba2f', 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: '550a0fc5ef320fe167a76073ac541e5c7d5fc906', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '7276d529426c05ac4586f1111615893e89192ca3', 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: 'd7790c2abfd67c48c2c00902c68974dd8626bf71', "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: '8575683476771915a156987555b607d1d2aa41d8', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '611763930ab1762f00066404535bf671646f11c7', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (h("div", { key: '6c876ae7965c0db70dfc9d4bb38185b3400fd980', "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: '491ab26e71e2274ec1f3ae9f9fa807c96c26988f', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: 'b044281e69261b30b387c5511bac3ff44cceffd3', 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: '07de0cbb95475c4f651e407083a98842e6f8ce1c', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'a6255e0ba8858f57f18821a3b1586d069e668c60', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '6ac18d6caf5e66bcbb2d7081ddb6f15ad002cb32', 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: 'a77c83085ba874fa552956d7bacbaa51df0f60dc', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '8497e8b2e090635cf36df9342a57bd69f6c0ca3e', 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: '63c11bc55792509810011a9b5998e28b806af088', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '9b88ef244fddf7edb6b198a2eeaa39e17bdf97c1', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '785127577a59b664ac24dd84ba49fa4ff766b12f', 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: '484cab98fb6fe5db348a64fa07a1f1c121ba4466' }, h("li", { key: '107163ced817f01f0396ef770709d8f79aa850cc', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'f3990bec3ff33472269bfe339ccb14fdaecea604', 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: '7f1dc1c7b3be8cec6ccb6316e92581b9647c30c4', class: "duet-pagination-page-number" }, "1"))), h("li", { key: 'eb308628880c8e4b3b26c58458e7206aabd5a9d5', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'a82f0b31fe15c31942c3dde3704657117adc85a0', 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: 'accb27855f8adce6868045c91119095db44c737c', 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: '472d8b4c7ba1d4970f3dca8c20db2d0677d887c3' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'dd9a303384ff2e3305cb0fe933c65de2c3b52bc4', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'bfcf00cc19f04fcdb04338328e903775968aa679', 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: '9663d211118c3d4eaf8dc7c486f537876465d90f', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: 'a8384c6ae3229e426b4dcca36496b3957aeec92b', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'adef2d4a9d24ef1b6b6555ef83795b65c3aa7e39', 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: '2e20e28716d50f15ff6b3d0155503885c6d4b1f9' }, h("li", { key: 'e7ca743b6441e11f4e7ca05f2d70bd51e0d8249f', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '0ca7e2d7f9b372f7e8159b415f65bb0e034b4412', 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: 'd962fe9e611a86d7a920a79844e4f218f612f2e0', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '0c98e2881a6a27df7c04f39885fdb0091e576e63', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '60657c4c2e7d780ba28f043a8bdb4cdd2bbe056e', 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: '04541316f789326e8beab65643257d6163dc7862', 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: 'fd65168afa2ec2fda465bbc67f65fbbb7ef82fad' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: '16f9aaa144f051f8b69d077c82c7b1373df20533', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'cb8a5a9c94e69471f20a34674e70e5033461f6ca', 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: 'f0f2535ec2b567e905d09e8b53ecb0c8c8356a3c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '0b55a14d5c021e0287574d8b0087d539286d0aa2', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'ffbcc148424ed5780261538630d9bf3838fd004d', 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: 'a22f994edb17fa5865b564324bf3199970e2ae2a', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: 'd1d2308979af9cda7b793a5b945044e22c64a891', class: {
+                : undefined }, h("div", { key: 'e3555c707cce955ffa25c1a0a0f69e87b00aa930', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: 'afe74ceb64b04457870df86a203cead270c0a576', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '29a745ff6e2ea1485c4fd7aef4e658b343fa9c1b', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '2349f3eefaa6ffd9a681fe51fd4897e96087758e', 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: '668f3da154d7d5d42f115cf197a95b8a83ba9365', 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: 'b2b64a21aebddfe74abbba43fa76cc3dcbd1c1e9', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'eefec009212d7dee560c9f21d1cdf959bfaac645', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '0d0a88080e449b5b36f8c5ac22bff1482f5bf2ac', 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 })))))));
     }
@@ -542,10 +542,10 @@ const DuetRangeStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '3fa08eaa9b32a3e86c05908cf62749a1f2d06160', class: {
+        return (h("div", { key: '3d8d9ed5879447251d48ae757daaf8ffef02ad3d', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '3cc01c7b2b558f049f5dce477ac09d2046f9adaf', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: 'be8e08eb55049747a64b8dbedf553809958ef6fa', 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: '0930fe197ce06ee4ab4d9f513ee72054b6406e93', 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: 'c88c202c7002fb522a26377fb353ca2a24a94eb7', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: 'bfab979e32c0b863937a1cab50cd8f6b48d0fb69', 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: '59a4f61632394157513cd4f632bed9e46a19e44c', 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-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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5ce51b7f.js';
-import { c as checkNamedSlotElement } from './slot-utils-2a4783cb.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1aea3619.js';
+import { c as checkNamedSlotElement } from './slot-utils-03502471.js';
 import './string-utils-192eb3c8.js';
 
 const countries = {

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-82e1aa6b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5757a151.js';
 import { q as spaceXSmall } from './tokens.module-821694bb.js';
 import { o as offset, f as flip, s as shift, c as computePosition, b as autoUpdate } from './floating-ui.dom.esm-ebc91b33.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
-import { f as focusElement } from './focus-utils-107c9dcc.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
+import { f as focusElement } from './focus-utils-0d727936.js';
 import { c as isArrowDownKey, f as isEscapeKey, b as isArrowUpKey, o as isTabKey } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage } from './language-utils-5ce51b7f.js';
+import { a as getLanguage } from './language-utils-1aea3619.js';
 import { T as Teleport } from './teleport-aa27d5f9.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import './string-utils-192eb3c8.js';
@@ -450,11 +450,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: '855ded901c72934bac1959da3b87bddc4510f234', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '0ff260f8a56f6d2b8dc841efed00cc1d60c79c4f', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'bc7550f68280ed7fc512994919fba2f5315f9d3d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '7a0da71e0a62507c7a92bb9804c350ce539db409', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a259f892030a63c8638546ba897ede8ced555aac' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '85ccdb025eaa1159afd2d19931a5461d5092d319', name: this.url && this.external
+        return (h(Host, { key: '76a5ddd0306fa03e605cef3d3e484dca33446d14', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '55c06e263ba92718f8927cb910e239023a5de9f4', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: '8283f27db74c5905d7510f0aa46bccdfc229c3a7', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'd37328836527cbae445ebf804c9a9b6cfc841df3', class: "duet-popup-menu-item-label" }, h("slot", { key: '48d6351f97fd1a41dd9168bbb15d3c18b5896f7c' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '9796f803a10e25097178ff191c003ee6ceee5dba', name: this.url && this.external
                 ? actionNewWindowSmall.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: 'b281a83d0a76db4efa87bae68076ce42e153e482', 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: '4380153a8426a1254a897efe10cad603dbf8a7d6', 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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5ce51b7f.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1aea3619.js';
 import './string-utils-192eb3c8.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(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.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(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[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.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(255, 241, 241)}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar>span{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]{color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:#fdf7f2}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:#e61740}.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:#fdf7f2}";

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-2a4783cb.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './slot-utils-03502471.js';
 import { g as getColorByName } from './token-utils-7360bb84.js';
 import './tokens.module-821694bb.js';
 
@@ -53,12 +53,12 @@ const DuetPromoCard = class {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'd106a014e2f606089c38d6dc260b1ad45ca54957', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '5686290471d3dd623d00687c2d8589d68cf41a6b', class: {
+        return (h(Host, { key: '3d281bb1f739ba86d5b36c6043be731799ad8fa5', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '0aa1940692ce1672ca4af76af2fa4126306f1235', 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: '6969a22abb5eef82bd7b7be41f549f8e0068ee1b', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'bb0a3199e2fe2df65755fd95b1c7d864c24e4321', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '33993c917fd1a136cde8a94968d3378ada24a87f', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '7d29c53b121f8d7c1b9ed3c8a5f8b8320f23605a', class: "pre-heading" }, h("slot", { key: 'bbe8d30708743401c10d77e8e396d68a623b3799', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'e7f37460aabadc39bd6d58107df780f3370c20c6', class: "heading" }, h("duet-heading", { key: '73014d60a050052991ca8b9cd4b708e09cc4b2c5', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'aeb47383807703238ef6b8e05d60b546e9ce5401' }, h("slot", { key: '22c41d18e22855f6bf5a5a0f1a394cc80211412c', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'f9062af866af231584a768fabb3cd41c93a5ecb3', class: "description" }, h("duet-paragraph", { key: 'a36fa27d4a90966385b9fd2a7da872ab7cab05ae', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'c447f09c8e3f8614a6b14259020308dd612fea18' }, h("slot", { key: '1b25d2412516f52a3332d8b9694c8f203e2e32db', name: "description" }))))), this.hasActionSlot && (h("div", { key: '724d901256f13542bb24489bf487a56d44fbd57b', class: "action" }, h("slot", { key: 'ea8b1fe60559b9b1ba9f1e6efa59ca7e587d7d13', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '5cf0d74f8a0212ed297d2619d49e39d8c28e246a', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'b7cc5de830483c0e7a964cfcb72d7f3151a41a24', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '7608b5880c5906171f05a3c1e87c0e17bd2935d0', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'ad6469a6f8edddc9f7752c1f834571787b89cc38', class: "pre-heading" }, h("slot", { key: 'd4f0a18260609d18b0178f397a459997f5355def', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '8bc0b5df3919ec6a4a8cade9004a1f62813f5c77', class: "heading" }, h("duet-heading", { key: 'c55032096a863f88788173207ee7c22f2538106e', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '365672773038187f60ad94999a42b214a865a233' }, h("slot", { key: '8e1e4376fd09e6c2cc91e71c02874db4cce56786', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '00a6f5bd073cb18c9fdc307615466c885c9be409', class: "description" }, h("duet-paragraph", { key: '0c750a27469650603afb05b38762fb26c542ca51', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '7ae8e761077676b809d53e23b649d554e0f8d3fc' }, h("slot", { key: '8dab7cd1b4e77586abc3f266179c621c4aed3921', name: "description" }))))), this.hasActionSlot && (h("div", { key: '4eadb71d3c9f7f6598ab708251ad2ee1bcf94719', class: "action" }, h("slot", { key: '43d40d4c3afacd136f1a05f44bc0964675bfa53d', 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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { c as checkNamedSlotElement } from './slot-utils-2a4783cb.js';
+import { c as checkNamedSlotElement } from './slot-utils-03502471.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-e22542d2.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(8, 42, 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(8, 42, 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(98, 121, 138)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(143, 147, 158)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(143, 147, 158)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(127, 150, 165)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(127, 150, 165)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{color:#172a3b}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:#172a3b}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:#172a3b}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:#7891a4}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:#7891a4}.duet-theme-turva2.sc-duet-radio-h .duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:#7891a4;border-color:#7891a4}";

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-82e1aa6b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5757a151.js';
 import { i as colorPrimaryTurva, j as colorGrayTurva, k as colorPrimary, l as colorGray } from './tokens.module-821694bb.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { i as isInternetExplorer } from './is-internet-explorer-2c48f686.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';

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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
-import { h as hasSlot, a as getElementsFromDefaultSlot } from './slot-utils-2a4783cb.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
+import { h as hasSlot, a as getElementsFromDefaultSlot } from './slot-utils-03502471.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, o as isTabKey, p as isShiftTabKey, d as isArrowLeftKey, b as isArrowUpKey, a as isArrowRightKey, c as isArrowDownKey } from './keyboard-utils-daf80d44.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLanguage } from './language-utils-5ce51b7f.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLanguage } from './language-utils-1aea3619.js';
 import { d as getShadowByName } from './token-utils-7360bb84.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import './string-utils-192eb3c8.js';
@@ -235,18 +235,18 @@ const DuetScrollable = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fc5cbda348d0355f0d099d89dd8418207b762788', class: {
+        return (h(Host, { key: 'd16fe365f308d4f01e90314b861a38a391766069', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '3e9bd6fc04f24564eb9cb3a6a2810a4eae817316', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '4ba3965faddef21a8b2a8158ca7b5a15826c41c2', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'bb24a52b6f19eb479d5d89611382093095eec895', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '3f0973a591d40475081199c18df434406de413c4', name: "collapse-button-label" })))), h("div", { key: '7fecc01c6395afef2353c3eb4e3447c1e019daf1', class: {
+            } }, h("duet-button", { key: 'c09fe36578bc21723d8956cfa1179eb193f8a8aa', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '99ade10a731e97298c3414da467877a6f7b03db3', name: "collapse-button-label" })))), h("div", { key: 'dae4d1c1c6a48c295b67a3897185ee32aab91d45', 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: 'eef96129135056ddd374f36b2aa85e385a675dca', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'abfe476824df3e3ff6532458d19a4036d6c25c65', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -254,7 +254,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: 'd7b6a4370e3ab8766a882fd00768e71266f2f4b1' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '91dfa3fca48d62c75a1df155ac59c10dc97ad395' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -528,10 +528,10 @@ const DuetTabGroup = class {
         return localTabs;
     }
     getButtonId(index) {
-        return `${this.id}-button-${index}`;
+        return `${this.identifier}-button-${index}`;
     }
     getTabId(index) {
-        return `${this.id}-tab-${index}`;
+        return `${this.identifier}-tab-${index}`;
     }
     getAccessibleDescription(index) {
         const description = this.tabs[index].getAttribute("accessible-description") || null;
@@ -580,13 +580,13 @@ const DuetTabGroup = class {
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (h("div", { key: '65d54bf37b3b0932c751aa4e83f624640ebe9582', class: {
+        return (h("div", { key: 'ba7736ac0b95d5470fb0ed873d4b38a154dcbb64', 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: '7e87ceae30d8592e78e653583cef697027c5795f', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '4a074d5dbd67da42ed48f8d3dfe9ec4310236d80', 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,
@@ -597,11 +597,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: 'ffe1a88c1c80818ba0406333400d4aa4e3ae6101', 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: 'f5f7596722133e827c24c7db62ddba338bbfb1bf', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '11959e3d29cc4dfda1bffdda369167447e1b3449' }))));
+            } }, h("slot", { key: 'cfbca5d14ae3d8ea6b76d6c7d48a1d3f8f6dfcce' }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-82e1aa6b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5757a151.js';
 import { i as isInternetExplorer } from './is-internet-explorer-2c48f686.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) .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}}";
@@ -19,13 +19,13 @@ const DuetSectionLayout = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6bc31c9e1170800e377bae9bfddbfb0f50b3747d', class: {
+        return (h(Host, { key: 'abc489bb9f01029b229a5021e8918bb04bfdd2e4', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '56cdfd23f32d5ff47130d9f247b95d81fd57bad2', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'b1a797a77e8f60f14c966ceba0eb1c41fefdd7cc', class: {
+            } }, h("div", { key: '31a1523883a51b86ad132ca814a54327f0c8d950', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '50e8bf12a2c214d17322c63a53aab9b6b375eac0', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: '87aec98914b281099c0a16b8d6e4e16048cafdc6', class: "duet-main" }, h("slot", { key: '116e073f6de9c5ffc8c84f967a4bfc2aff067440' }))))));
+            } }, h("section", { key: '9d316453e681f174990e0832ab37ca81d5791900', class: "duet-main" }, h("slot", { key: 'e4de9102f8914fb94d228c3db88b48aa96d17616' }))))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-select.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-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { c as checkNamedSlotElement } from './slot-utils-2a4783cb.js';
+import { c as checkNamedSlotElement } from './slot-utils-03502471.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.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(127, 150, 165);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(143, 147, 158);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(8, 42, 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(8, 42, 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, 247, 250) !important;border-color:rgb(245, 247, 250) !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(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !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(143, 147, 158)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 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(98, 121, 138);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(143, 147, 158)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.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}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#7891a4}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#172a3b}.duet-theme-turva2.sc-duet-select-h .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:#172a3b}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{color:#172a3b;border-color:#7891a4}.duet-theme-turva2.sc-duet-select-h .duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:#172a3b}";

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, h, H as Host } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.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}";
 const DuetShapedImageStyle0 = duetShapedImageCss;
@@ -30,9 +30,9 @@ const DuetShapedImage = class {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '16d09ec20d546b5d340f23ba2f6789c3be57026e', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '6c9753158ad968fe0b682108c5b29cc9bd202d62', class: {
+        return (h(Host, { key: '638dcfbd244960e00fd9d26cd3a78e1f28b85e84', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'bfa3cd57dfa2f5e01314890b5827c37f3b9f1933', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '66289a76e9b44b58bb3f3398e0d45c0d4dd97672', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '0fba329399362e59f4ccf5721c1066c8d4bf7fae', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'bc68a2fa96268d470a352482d6023666fcc04d5e', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'fe3d0cbb8686f710b2c267306669203de22aaa05', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
 };
 DuetShapedImage.style = DuetShapedImageStyle0;

package/lib/esm/duet-share-chart-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-82e1aa6b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5757a151.js';
 
 const DuetShareChartItem = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DuetShareChartItem = class {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '0c89fc95cf25c2faf556ea7b7de8ace02d848ce9' }, h("div", { key: '8cdb7f31ae240b68eda387beb52855c36acef5e6', hidden: true }, h("slot", { key: '6858e722e101a5d677b61dada80744180b31fbe0' }))));
+        return (h(Host, { key: 'd445b3fcd17ec7e9a3b0a2a8cadb9396883c8059' }, h("div", { key: '5cc83a7a215cbf2c11d2efea994394e31161ecc5', hidden: true }, h("slot", { key: 'efe3dd0892bce32e1adfde3f8f818b4c3112291d' }))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-share-chart.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
-import { f as formatNumber } from './language-utils-5ce51b7f.js';
-import { a as getElementsFromDefaultSlot } from './slot-utils-2a4783cb.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
+import { f as formatNumber } from './language-utils-1aea3619.js';
+import { a as getElementsFromDefaultSlot } from './slot-utils-03502471.js';
 import { g as getColorByName } from './token-utils-7360bb84.js';
 import './string-utils-192eb3c8.js';
 import './tokens.module-821694bb.js';
@@ -24,10 +24,6 @@ const DuetShareChart = class {
             "danger-600",
             "danger-800",
         ];
-        /**
-         * Local methods
-         */
-        this.colorPickCount = 0;
         this.items = undefined;
         this.theme = "";
         this.unit = "%";
@@ -56,28 +52,23 @@ const DuetShareChart = class {
             this.childObserver = undefined;
         }
     }
-    pickColor() {
-        const color = this.defaultColors[this.colorPickCount];
-        this.colorPickCount += 1;
-        if (this.colorPickCount > this.defaultColors.length - 1) {
-            this.colorPickCount = 0;
-        }
-        return color;
-    }
+    /**
+     * Local methods
+     */
     updateChartItems() {
         const children = getElementsFromDefaultSlot(this.element).filter(el => el.tagName.toLocaleLowerCase() === "duet-share-chart-item");
-        this.items = children.map(child => ({
+        this.items = children.map((child, index) => ({
             text: child.textContent,
             value: child.value,
-            color: child.color || this.pickColor(),
+            color: child.color || this.defaultColors[index % this.defaultColors.length],
         }));
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (h(Host, { key: '8cde787631aaefbe212629a037cf8c398cd2f083' }, h("div", { key: 'f7632b55f599164ae9dc6c8af3f70fcc7188e8a6', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
+        return (h(Host, { key: '4fdb192aa20cd6f6437d85d5a3f747acdbff79ef' }, h("div", { key: 'aa0fb6bec4450f520c6717af033535a1dba32e4e', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
                 width: `${(item.value / this.itemsTotalValue) * 100}%`,
                 backgroundColor: getColorByName(item.color, this.theme),
-            } })))), h("ul", { key: 'b7902638812b20d9afd3d5bc156e74b1ed162d8c', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '4d57f6b752926c779e6b2f52b217383cb135c236' })));
+            } })))), h("ul", { key: 'e1fcc132bd62897160224822eb8b6260e3915cf3', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '2eeb09621a94b00304aa0a8ebcc89d99c2b9485d' })));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-82e1aa6b.js';
-import { i as inheritGlobalTheme } from './themeable-component-6ed84cf7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5757a151.js';
+import { i as inheritGlobalTheme } from './themeable-component-e507940b.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { i as isKeyboardClick } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-5ce51b7f.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-1aea3619.js';
 import './string-utils-192eb3c8.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(8, 42, 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 .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-show-more.duet-theme-turva{color:#172a3b}";
@@ -98,12 +98,12 @@ const DuetShowMore = class {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: 'f3173450b4f7285549fb9eddf878c9fbb75539ac' }, h("div", { key: '6df93a8cfbb0308957ccf9755e3aa2a382f3390d', class: {
+        return (h(Host, { key: '92c7a8a940fa6b4ade953646d8f2a0f9764d7cb8' }, h("div", { key: '2c243c0e75ff7c85608ff9124dad4217fce9ca09', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: 'ef68cd495253247788c1966b5fbf0794694dcee7', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '7ef4551d4014d3767c7c5c1295cdd932b573dbe5', class: { "slotted-content": true } }, h("slot", { key: 'cb62e16a9d8397cee71e1df9d905310e8c399c69' }))), h("duet-button", { key: 'b70902ab3cdb24cb1e63fc36c143bc6e39ace4d7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'd38229ca020c8d226fade3be4a0be3ad502cbb06' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '71705332d3aa1bfe177c6d965a9e5bcbae98be86', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '07ab4d6a2a63a4c5828f77aff112aa0b6edc45cc', class: { "slotted-content": true } }, h("slot", { key: '27fa6b74575cf303bddde356b7b96099a7500443' }))), h("duet-button", { key: 'b52389d6f0d70da19c9a0e855516b65ef7dd1611', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '7a21e35febf93126d1bde48f59bfea260c547674' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
 };