@duetds/components 9.3.2 → 9.4.1

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -26,7 +26,7 @@ export class DuetTabGroup {
             }
             if (isTabKey(ev) && !isShiftTabKey(ev)) {
                 ev.preventDefault();
-                this.element.querySelector("duet-tab[selected]").setFocus();
+                this.element.querySelector(":scope > duet-tab[selected]").setFocus();
             }
             if (button) {
                 ev.preventDefault();
@@ -76,6 +76,7 @@ export class DuetTabGroup {
         this.padding = "auto";
         this.setTabIndex = true;
         this.tabChangeConfirm = false;
+        this.switchLargeBreakpoint = "small";
     }
     /**
      * Component lifecycle events.
@@ -193,30 +194,32 @@ export class DuetTabGroup {
         // TODO: get rid of plain-scrolling class, as we always scroll
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
+        const largeBreakpoint = `switch-large-at-${this.switchLargeBreakpoint ? this.switchLargeBreakpoint : "small"}`;
         const buttons = this.tabs.map((element, index) => (h("button", { role: "tab", id: this.getButtonId(index), "aria-selected": element.selected ? "true" : "false", "aria-description": this.getAccessibleDescription(index), tabindex: element.selected ? "0" : "-1", part: `${this.identifier}-button ${element.selected ? `${this.identifier}-button--selected` : ""}`, type: "button", class: {
                 "duet-p-0": this.padding === "none",
                 "duet-tab-button": true,
                 "stackable-tab": this.variation === "checked" && this.tabs.length <= 3,
                 selected: element.selected,
                 [`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: 'd44a264bf004343e9f82164c4901341d85dd77dc', class: {
+        return (h("div", { key: '207a82ac69bc1e0dc240a920b5cc2c7a8ba9ab62', 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: 'b96d7b205e288a166ab6a3be7eec9b4606270ad1', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '71e4268271d5193a1b9c7a8878ca9a3895f2d2d2', 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,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.variation === "checked" ? (buttons) : (h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: this.variation === "default" ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), h("div", { key: 'df29ecb045edeb7954209cbaf9ee5433e69a3881', class: {
+            } }, this.variation === "checked" ? (buttons) : (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" }, buttons))), h("div", { key: 'd0671945a27f612e16f322d4b0a50e1f29ee50af', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: 'f917ae4a86513650ae87f9c7f1093bdaba852712' }))));
+            } }, h("slot", { key: '90483c74164e3e6a6c9119dffbf9be6cfbd85853' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }
@@ -568,6 +571,26 @@ export class DuetTabGroup {
                 "attribute": "tab-change-confirm",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "switchLargeBreakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"small\" | \"never\" | \"always\"",
+                    "resolved": "\"always\" | \"never\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "By default switches to larger size from small breakpoint.\nNever disables switching to larger size and always forces it."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "switch-large-breakpoint",
+                "reflect": false,
+                "defaultValue": "\"small\""
             }
         };
     }

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

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'e378254253a226b9edcee4bd3a64283ad15673b2', class: {
+        return (h(Host, { key: '26ab3b66d99bdff07554198125e8867b84051c9f', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: 'b338423743800018d8f1b19ae20ca8c0a4bd5c36' })));
+            } }, h("slot", { key: '1df61c45d1faa92385e24949ff773ec71852e0a5' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '73a1a1a48a93a92a6f133b3e314538594905f0b3' }, h("nav", { key: '1d5c122d89e33742f392eade29e07fba67a0c94d', class: {
+        return (h(Host, { key: '562a3b82275cd77dc7f90d6c53776923965415e0' }, h("nav", { key: '074728e56d1f75a560331c1a4a8f12cea3343aa8', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '009d685a22843ea975f1390f30c0e0f0d2b86cdc', class: "container" }, h("div", { key: '38d682f6662b41dec2fd29e6a6ef58beff217d5f', class: "list", role: "list" }, h("slot", { key: '490ffd492b38a3a3f61a7b0d5022edc90ca60cbd', name: "left" })), h("div", { key: 'cd6a3ec4a6f8fcd6a88575893a58e4cc98d62728', class: "list", role: "list" }, h("slot", { key: '2a02055c44765e717c1cba43c7c41d82f6ef6ea2', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'f2379c6e218e998c32f8b8a808d3ba1a9fc0602c', class: "container" }, h("div", { key: '6a7a09168fc5ad7f0b8fac5019fca192d800a4dc', class: "list", role: "list" }, h("slot", { key: '45621a40c7ecdb2e834ea94b6e72eeb434113b8f', name: "left" })), h("div", { key: '32c6e4b3e88e5a5226d9d6a33d93dfe16079335c', class: "list", role: "list" }, h("slot", { key: '75e255dcc244d524f02921fc033d9e07789f8e00', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'dae4918c82360d9da61fa1d20762123860af33d3', role: "listitem" }, h("div", { key: '8f3edc8779f3fee050c5c725510a8536c8a255d0', class: {
+        return (h(Host, { key: '8fbd3b46ad171ee7b574657c43ab4b407013d69d', role: "listitem" }, h("div", { key: '165f7588d2a312cf1634787769dfbec7fb2fc9b0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: 'cd6b86c7556c3763f0b892e9dea91147727a7277', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '294a5b99afacd0b5b60fd6401b137a9bb9d12ec0', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b4764264253075f8605b024099dc7c3a3dadb834', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'af3de973879ed184c4260dc2e73796a055b68793', class: "label" }, h("slot", { key: '04d1eddf51a06bbf1577e26c247d7f4cf8a7f186', name: "label" }), h("duet-icon", { key: '1a71a8f3df871d0b776f0c8774388ff9361c60fe', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '0efef11353d0f91d685e5515e4c1f29ec5ad6173', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '459f1498c922214c00c2ba2262c7ccd04667cb35', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '07a73618ab9564ed67182f485396666ac047f0e0', class: "label" }, h("slot", { key: '58150ae58e28c2c5632aadfda2f448e7af2ec279', name: "label" }), h("duet-icon", { key: 'eccfdad69e2d56ffc7758dcd76b080636b40bd6e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '3c9a55859599ac5c6588df392d5da459498aff39', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'ce8f9025a95a337ba2035d68060a644bc621bb8a' })))));
+            } }, h("slot", { key: '29bd581d23c750855f88f5c86d47b9cac49085ff' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '42a33532d4dd0b3e6e4bf2869dd22a781748ef15' }, h("a", { key: 'a6012ec3add1d4cd1e4e02b13928f743cfddd43a', class: {
+        return (h(Host, { key: '6d0acb25371f7ba29bd7d704652468fc8f468919' }, h("a", { key: '57cb4cb5d070bffe6bec22b4e2cfe89c9ef60c42', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '37a8b94728da8a7e0567053295df19e0b0b76896', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '030a9c1d1143302973f2588aa426a949df0ed3c8', class: "label" }, h("slot", { key: '23aaf52fc62cf20248e88138fcc4fd780dbba8d0' })), this.active && (h("duet-icon", { key: '23ed4c8db968d6f3ed6a25a0591bb157e93f5135', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '2ea6d01bca873e3a404643caed491464eff38e79', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'c602605a04e30bca8cdfabbf6258fd9c96c2fc2f', class: "label" }, h("slot", { key: 'b8c818584bb0bca390b299377a0a33c91770b3d1' })), this.active && (h("duet-icon", { key: '59301d160c207f3b04992609b29c714c5add7361', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'e0782009ac1abad8319168aa9e8b682bc15ead67', role: "listitem" }, h(TagName, { key: '51cc267333667a6890a860864253ca7f9b0b6ef7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'fb158728efc0bdd81c51f1d460075fb44285a8a1', role: "listitem" }, h(TagName, { key: '96916988666e74411d5cb7b047b6223e11b3c84e', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: 'f1d7d394586be43d8e9713a4d2ab713c32a8cc2b', class: "duet-toolbar-icon" }, h("duet-icon", { key: '1c7f6a96fb5f8ecdd8cbb724e153509f29601e25', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '4bc879287df60720eae32b88bf0f1dd855d11ecc', class: "duet-toolbar-badge" }))), h("slot", { key: 'aaaa897c0f2d1e094c797100b622e921e4762434' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '8d4bcd35f65ec3899d3c568f978426521b9a30a8', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'a20bef22ae5d20b2717cf5df267495eb32bd08eb', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: 'e78b1d52ea395b96e1d08fd76fa8f79038d25165', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'd17013e6997e2b39349287e65497bb8d4c44ba21', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'a64289c5923a1bf0e7caac725c3c73b0774b2f37', class: "duet-toolbar-badge" }))), h("slot", { key: '9f998077db9c78e6a8e9638a45b93f77b93de320' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '09f85c3d0046e30b20f7f819f2bc7e21ef6b4b24', class: "duet-toolbar-icon" }, h("duet-icon", { key: '9794cce5544abb7000ab9e608aa44333b62c0495', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'd2f473835ff5183bd96a8e1c775b5fe866cad355', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'f6a86fcdb6f02444ced9aa44a346bbb61557cb80', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'c0474aff0b8baba6eb146018d612c23236d18cf8', role: "listitem" }, h("a", { key: '59afb14e71531de7cd605e7afaa754ad5dd9d4bd', class: {
+        return (h(Host, { key: '258aa71d94e0e3959eef224ab891ceb4db3886ad', role: "listitem" }, h("a", { key: 'e3557495157f9c6212582f47cf027f1f8389d7e9', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '6403402c9fa39bcd5c64c008393114ae37acb748', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'a507f84b3eabc3954eab980e01407b5de2e6a09f' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '28195a63fb2020c70155284152086fa6fd4be0a1', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '85fdc84a09716bf992dbb7325b9677ed74fec706' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -39,12 +39,12 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9e42fe5ece18df279fc2f1238b81ed751fcba6e3' }, h("button", { key: '46f7d00f60e8a681f745e888c9dd4eebaae7cdf1', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: '2a4a781b1045443be8dca56d456bab9ff7d9cdc4' }, h("button", { key: 'da62c139588718b4a57ff95d607cc65683219d20', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: 'fc76763237d9e982e4674d8bb638372e67949119', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0fb1cf0c4d93b0cabd1330a217a84ef6af2c0851', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '521e808bdf960d1aafd66f16c46aa0d59708f5eb', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '8292f492ecb67f52b30c7794ca3e7593621e90e4', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: '9464bd42026038aa453d5035bb27519ebd90bae9', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fb7040dfd935553c00e6920989b23fc68fb296d5', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: 'ac6c40e508076470433d4ddff60250249e6667d6', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '4994c9b2523e6629b91505cb4aaa8d9a43b6aa9a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: 'b9e5af9b7d4981703d14528d730b3f98f1a43077' }, h("div", { key: 'f87b14cc5a9c1e1f2814419de54dcf780ed9d4ca', class: {
+        return (h(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, h("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '8821eb6b5943579e592de43d82ab88408d017a66', moveFocusTo: this.buttonEl }), h("div", { key: '63237a369131153304c032842cf18b78e6131cf8', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '5d0b8cad1c781f6714472deb831930f0655ffb7d' })), h("div", { key: 'bdca178c2801a3b4f4920e60c12271b3c1839413', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '60ff34f09aa3de7daa8886f657813e852b98c165', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '1b644babda9746b7af48a62c562276b37f4ce39d', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'eb2963986920179ea780b74cab029766f2a5fc19', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c06b20ac17e644dd17aaba2176acb500ed430205' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '80cc95b8f7a39e8792736397fff46a6988e6d9c8', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), h("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), h("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '727088b9a85be66d826cd9381de5f8d123861cd5', class: {
+        return (h("div", { key: '422e3ef16e6442e5e64ddeb7cf159aba8480bb0c', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'd47f6cd20617c0c772a16f52f7fd1d0b6539afb6', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'c51d083b38c433b1013f39e0a3090796ae5b0388' })), this.hasAdditionalContent && (h(Fragment, { key: '1268398435755fff9fa43abc2c5ffd748aa2ab41' }, h("button", { key: '02822a01f20f55a95978e7a396624a18b86a663b', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'de0f600be8f32c6603d65d8a40fe5ffe25bf65f0', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '6d9aaf8a8630048c66ef52d6fd45f9122067f4e2' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd3c9fd10adf089cc50f9187529a38c605b341b2d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '59bcb373997df5fccc7431f42a3b097f00fa3ba9', class: "duet-tray-expandable-content" }, h("slot", { key: '111104943aa5e4dc6a6a025bd20f07e06b6f7972', name: "additional" })))))));
+            } }, h("div", { key: '2a123be4ba03f0ca7097365d9d28501f3e55dfb1', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '170a493490fc917470b22039d4d9205c4925ad48' })), this.hasAdditionalContent && (h(Fragment, { key: '398d11e06e1f271c565170e15ecb307741e1d9c5' }, h("button", { key: 'ee94b64530befedfd2d8388fd4ad18d49f32e1f3', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'af7c543c625487955c4c06b3904ace9e0042bcc1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '4800b309084526993db20f4e98b9ecd45e6831d0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '7cd6e21a5665066901ea37827c47e5569bc9ff5e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'a8912419d82f6acb7eb4e8c4de5a3b083ab059cb', class: "duet-tray-expandable-content" }, h("slot", { key: '9de06515af6bd91e8b82b45e7dfec1ead9b8092d', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

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

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: '34dabb707733d49a37d7665b2ce21dac3cb69b99', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '53da3e1d39ae3d0a72ea1e836ed84a7ed5505745', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '50da1a23f5016f0666627e8455e072cfa5b96ca7', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '6895fe8edf7ed8eec62bb4f141222ec699cbb00f', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '01b14bc9aef86e1044a9d4ebf56017068b10df4b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '2c3b18a000bfeb370a6fc83a23fa5b534cd09b43', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '3b143bdded7b1feddd54867d6d4b2ed4e2d915cf', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '85599b8ce8e5b05c80c5c3e5276356c7324bdef3', name: "filefooter" }), h("slot", { key: '425f33860900e6110a625c5c4c7da8bcc1313053', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '881d401f134a7e3c412cd1f01bed6117f96bbc19', margin: "none", size: "small" }, h("div", { key: '5e498fd2880ec86684cf3da9690b139ad05fd97f', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'a05a45a3f7efc7d767db95eeb75a5da261b08edb', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0d0ff9d5fad94af744e9632125af447fd7144fd0' }, h("duet-spacer", { key: 'fed503af8f9301defa2f2d8f29385e28fa1a8716', size: "large" }), h("duet-button", { key: '7a4f79bf0df839531c714f39202900a25d339612', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '7f8970727b44bee3669b221659dd1f5a72df4ee2', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '074fc7ec948f6d0ab5c89c7d2d3d3ec3358343f4', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '84797a77942534e80a641d8a2ce9badef0e77937', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '224610821155dae048fd126b8d517486fa6efd38', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '6d01352482dd687520dd26d8d7c0d3863b61d4a4', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '328346632314eb8a8d0ae41de9761a488fc0bc1c', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: 'cab1390fc0ff3a6eb197be8e7ea16d719c2b6dc4', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '26051e329900efc2b29e6d8ebb6b2f1184ec547c', name: "filefooter" }), h("slot", { key: 'c9018b5e95065813d29ee08ce924794e1ee476ff', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '8fffcc2935df87ccfa5bd89d3df773b9810d2f63', margin: "none", size: "small" }, h("div", { key: '17c320b6eeefbd2b5f047b77eb613aa4e912cbdb', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'ada6f8c46784788c5900ad5a6dddfebed8a70e39', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'f352401910296a33c56ef5bb2e3f0b7e4be0594a' }, h("duet-spacer", { key: 'ae4ae0b0490a4e88dab0a7319fd2dde20f05e400', size: "large" }), h("duet-button", { key: 'ded36c705e15f44936844d057962cb731d47941c', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'e649c65801873ad2a2bfa16b63b6f83249f0212b' }, h("duet-spacer", { key: 'da7ebf591d35cf11d0ecbb52246bf3e84feb711d', size: "medium" }), h("duet-alert", { key: 'e8fdb5af79535f54f65dcf0bebb0ffe5865dc699', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '145eb761bd1a288de31527f8cfd1006deb6c2f4d', "aria-hidden": "true" }, h("input", { key: '38490151c6483827901990610b2a17ced63c27f6', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '385520d7dc48477cea039a0c71f1bcd5e1730cca' }, h("duet-spacer", { key: '79ea5d94a4eda84e3f8328a2ac1e42890e0bbde2', size: "medium" }), h("duet-alert", { key: '33e5de19e511439a04deeb8478e167558946c4a7', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '2fc08bb48c1f47113399c63fd1a81dcef85fc0cf', "aria-hidden": "true" }, h("input", { key: '81268132202065717f2e21b1f8dc4ef3e2173394', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b39f90588bbf94f860b3a3353f8cc7748d74df25', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'b61dbf75e645b8f17ae6a72bc9304d068d3218f2' }, this.statusMessage)));
+        return (h(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -80,9 +80,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '179fe6956ec8b8b935e73a289c0191de154768b4', class: {
+        return (h("div", { key: '9a4a5dc0a101ccb013a41d6b87a8c9ed8b0e2d7b', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'b98fbb8879abe956b787710bd8988a535aece789', class: "item-categories" }, h("duet-heading", { key: '39b4c46eda25dc1f5017f7b3ae4770437b91edc1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '05f123dc1a55f5938d0a008337f16b262412f431', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '0825080f168d051916cd4f278dd0f7be3e713a17', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '991a499e99a6df39b0f7895bdd3019acaa751c3a', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'ecdfc43a5217eb4b917c54c728c751d7457fc4b8', class: "item-categories" }, h("duet-heading", { key: 'd8ebd5747f8a58146523c31cfe9a145fcaccb673', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '8cff3489a1f96f62170c2653c3b10bca450db5e2', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '45f4bbb20e7a4d1f6b3ba0022e54c01c4340a740', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '2e20dafc9e776166217d42e921c942344d61c26f', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a26d430acd67a8e002cbb5d4e10fc83664ea2fc9', class: "duet-visually-hidden" }, h("slot", { key: '2a9832f540a371230bc15e334e7351ef06539a6c' })));
+        return (h(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, h("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/utils/keyboard-utils.js

@@ -51,3 +51,6 @@ export const subscribeTabbingChange = component => {
 export const unsubscribeTabbingChange = component => {
     tabbingChangeSubscribers.delete(component);
 };
+export const enableUserIsTabbing = () => {
+    listenKeys({ key: "Tab" });
+};

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-9fb49035.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-9a854b9b.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-7623dd11.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-c1f97fa7.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-8e60819a.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-447bdf9c.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-1080a6c7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-396dec0e.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { d as defineCustomElement$3 } from './p-54a8c7e1.js';
+import { d as defineCustomElement$2 } from './p-2ccad3d5.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1080a6c7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-167f1cfd.js';
-import { d as defineCustomElement$2 } from './p-25ea4a16.js';
+import { d as defineCustomElement$3 } from './p-2ccad3d5.js';
+import { d as defineCustomElement$2 } from './p-5c11ac99.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
@@ -52,14 +52,14 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
      */
     render() {
         var _a;
-        return (h(Host, { key: '5507d8811565f6ba44aa8ac7cdcfd80af38b17be', role: "listitem" }, h("div", { key: 'f81a05e3ff108ac5a6951c7f43fd918e9b72348c', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '2b55ec337f3592b5a5bab62730e88792a9b031fc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '2d355db059be9572e3bee4af2976d52e3cb8b032', class: {
+        return (h(Host, { key: '86f359b6ae37d52eefe60d2524b28e90389853a3', role: "listitem" }, h("div", { key: 'a7e38d3f15c6b459db45ee75194892c626dda720', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '271bc89989282bafdc1c02251786cc4ff9d29c94', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '27e40d9d4b5213650880dc8fd347708c8074ba7b', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: '0d905f6b5a31c16ed0710b929692deab65a012df', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '149a01e2cc3fcf4278eb88881a600ed588231dfb', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'c9100d96b29f13b0827855cf280a2f2d8adbe956' })))));
+            h("duet-icon", { key: 'f7693293ba453f019340e643224ae2d4bc615892', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '9f5a4594c9c261eb89dad2e969993c776a71dcec', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '7103eb6d7c67af60d40d4eb4c01df8cb60d8f122' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1080a6c7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-6e022235.js';
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '8a426eb6c98df0cadaac3a0f8dc1847c10a545ac' }, h("nav", { key: 'c8d054052dcafa0f839a909b2b71be421efff769', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: 'c415b13be8e9488af4ea05f6cb7683f800e784d2' }, h("nav", { key: 'cdc999fc5feb95f3e86817c96e27310878069077', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'fb3c49caf848585c11b4a08839325cda03712f01', class: "container" }, h("div", { key: '204c53bf2469034d50929394b53c9022bf257592', role: "list", class: "list", style: { color } }, h("slot", { key: '5f125ef249b0ca6ddf2172771c8417c38bc12569' })), h("div", { key: '4edea42420783c03219e14926c83be9a96211b89', class: "bottom-border bottom-border--container" })), h("div", { key: 'ca4a0c58ba1428fafe0f2bb3a4a2a66f2aae9ab4', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: '3deb22c5304308a401f0d0bd813b2db2b52a9e82', class: "container" }, h("div", { key: '5cd6fb7973bd6bdaee4608400ba37fb772ee87a3', role: "list", class: "list", style: { color } }, h("slot", { key: 'c1a43f4a9067038018295d862a76158551bfaaee' })), h("div", { key: 'aabc2c2960849710bf8629f1581a2b8f36603277', class: "bottom-border bottom-border--container" })), h("div", { key: '773551300797191fabd148e89c25847a02805bd0', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbsStyle0; }

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-c90eb69a.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-1b3d1a63.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-callout.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1080a6c7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-2ccad3d5.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -35,11 +35,11 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '72ff6ae8998a3e9508ade4f9d8c77d60ac7499e3' }, h("div", { key: '2f79c17aff1548964939b00d2cf6f15b7fcf0940', class: {
+        return (h(Host, { key: '6c2f849981a4d7c83b0980a79e44db7a51d71cc2' }, h("div", { key: 'c3a6f40936c21dbe492f9790c71698f492c82092', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '76bb9de5af1b8897ad134fbac7b6c559d17dbd6b', class: "container" }, h("duet-icon", { key: '8e4eea34ba80a963dbd5a795301fb082e7e7e9b2', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '1356b0a45346c05d6b4580b1e9ea13287ed7b5fc' }, h("slot", { key: '60e849845ab365cf7cddb34b43f4939620ba9a0d' })), this.hasAuthorSlot && (h("figcaption", { key: '0e91ea489fcc96f1844b816755b406650ec19ebb', class: "author" }, h("span", { key: 'd54420792e6b9deeb72076e2628d62c170440520' }, "\u2014 "), h("slot", { key: 'c91de5e850bb38807363fc0491689e90e8f8b71a', name: "author" })))))));
+            } }, h("figure", { key: 'c4dadc943944d9b2501f84c59101d7c8bfa780ba', class: "container" }, h("duet-icon", { key: '328934a3141ec35008240e6e2ca58c2c3d3cf291', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: 'a12401bf972a3a0eb0817b51286a0448ec4fbdd6' }, h("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' })), this.hasAuthorSlot && (h("figcaption", { key: 'c7ecac8d10789ad47a17e795267d8eb584c119f3', class: "author" }, h("span", { key: '169f299b6b65721127a409a51292761b14aa7b78' }, "\u2014 "), h("slot", { key: '38fa9b0ebd195d75dec72b2bbdd5e239dc099f53', name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCalloutStyle0; }

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-5d23c028.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-d74ee462.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-card.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-1080a6c7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-167f1cfd.js';
-import { d as defineCustomElement$2 } from './p-25ea4a16.js';
+import { d as defineCustomElement$3 } from './p-2ccad3d5.js';
+import { d as defineCustomElement$2 } from './p-5c11ac99.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

package/lib/dist-custom-elements/duet-checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-fd2cf87d.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-77a6d407.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-checkmark.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-873a94ec.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-e6396ef5.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-chip.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetChip$1, d as defineCustomElement$1 } from './p-88047e60.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-705254ba.js';
 
 const DuetChip = DuetChip$1;
 const defineCustomElement = defineCustomElement$1;