@duetds/components 9.4.2 → 9.5.1

package/lib/cjs/{duet-chip_3.cjs.entry.js → duet-chip.cjs.entry.js}

@@ -5,16 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eb134c64.js');
-const tokens_module = require('./tokens.module-46ddb47a.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-806e7c53.js');
-const focusUtils = require('./focus-utils-b50cfb47.js');
-const teleport = require('./teleport-c6f8391a.js');
-const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
+const languageUtils = require('./language-utils-c291fe9b.js');
 require('./string-utils-7b13c16e.js');
 
 const duetChipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}";
@@ -322,7 +317,7 @@ const DuetChip = class {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (index.h(index.Host, { key: 'f37063c1c2ecee6f4eb47f74012694c6eb944941', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: '3460b9ab3ca900f021fe6dc6af90ac8427f6c7e5', class: classes }, index.h("button", Object.assign({ key: '8fa57c1746f083618d4d4709fa685dbc70dcded5', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), index.h("span", { key: 'fd48b92328f4fdeba76a6523a5aa86b45ad740ed', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '875f64c17c2c540e4c774053a994402957754308', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '4e0c29ccf168b3e0f8564003c094326ff0695412' })))), this.variation === "input" && (index.h("span", { key: '9f69917e7cc2f33bcf0842342b653a0302e7b188', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: '98d020d64882839dad553eaeadd4e39587d6b276', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), index.h("span", { key: '375c4df2c400928cec38ed160526aa7e8f483c52', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: 'e8382d2439f56f61a7219ccc2cbfe5e3b1b16975', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: 'f7c17cc36818a5e1621421c39e3ea38692cd1e21' })), index.h("button", { key: '25a649ba24d9279330a2a1d243be81d617f2fe69', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, index.h("duet-icon", { key: 'be4f0062c4b924c65101accaa0d156d7c7d3954c', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: 'b53a71340c36da0290474301a5ab236b675ee881', class: classes }, index.h("input", Object.assign({ key: '52a7b2d41f97077b0412a67cd01b9d027f8035aa', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), index.h("label", { key: '30820154c15957181130801c462f1674343e0673', htmlFor: identifier }, this.icon && (index.h("span", { key: '7c75e8be6a1bb29e24646d7531caa8e251535804', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: 'cfb4ce296a83a8073d2853f1a2555665434dcc06', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '2a6ea0ea51ce7cda8933e3a74e3c001eeced1d37', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '9aa3af935055abe7847a80fd3569275522b6ef7f' }), this.popupElement && (index.h("span", { key: '1483c767339e447362361ee3691e660a22277cf2', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: 'ba8293f1b0f0d1b97e12aacc9d53c9bfd5cfc751', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: '55bd9c33a98e6c03542abc48c300159a1e97ed16', class: classes }, index.h("slot", { key: '45a049c652e9895d7a36d6131c6aeaa98edcd572', name: "input" }), index.h("label", { key: '793c24a45d8cbfab53d1fac9967849cc86a06a94', htmlFor: identifier }, this.icon && (index.h("span", { key: 'bd54aa850144b45c57c6a9c0f75c7f6729417850', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '2bdfed396d600a5f0da3eccc3de6cbabd41460d4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: 'ac3722012743cbe2aa4f612f75cd10c97a0f7d9d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: 'bf9d8af5da2754882e7fbe69f193d9b494dfa429' }))))));
+        return (index.h(index.Host, { key: 'b1df7c5770002dd9425d26bf8fa17d3721f601d2', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: 'faa1626d1b3317a950205d14d078fbe0237d7415', class: classes }, index.h("button", Object.assign({ key: '10cc3c7ffd551371d87683ed1f77ac4e8f26a054', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), index.h("span", { key: '09730f09588f700c71c44b5a553e2d9f8697ba23', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '5c24873e683e50fe2638d484259298cda0e787e3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '4b3637344329df9466503eac30a67d349fa182df' })))), this.variation === "input" && (index.h("span", { key: '110a424cd1b0c929a93150e286aece0d225570c5', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: '42b26053fda75b29e3c7cdfa659547142478635a', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), index.h("span", { key: '6363c8549b51dd39b76e8f72f57c23450b963923', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '7431ce93955a8cebc8d2f38cee1e7e36ceaee7cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: 'd26a8c7e52b1c4c7f52f82943e8fb678a9350fc2' })), index.h("button", { key: '1cca88cfde7c8dba8f455140f17ee2aade08cde5', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, index.h("duet-icon", { key: '9a68ecb75fb3a364875dfd4d641f47c800d0582a', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: 'c3d47adc6647a5d70ffc49887a300faf937759c4', class: classes }, index.h("input", Object.assign({ key: 'c557b5098446b6e3cf9b44e6d55b1adb09a5be24', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), index.h("label", { key: '9dac1a2fca9e959933fda89eef2dd17434e71361', htmlFor: identifier }, this.icon && (index.h("span", { key: 'ae307754bbdd4907a829e31ee25082463b4f216b', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: 'cba0d0deff98f3900974e1aa583927ae7747102c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: 'be2dda983e43069160117f83d20ada5d003e19f8', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '8efc83f4fa6c1960862f001737cc0a382f2e64e1' }), this.popupElement && (index.h("span", { key: '11d2f0c6552c34208db15624bdcbaa4fb2f4806b', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: 'fb05d3357ecb174ca39e77473ade54c7a771b5cc', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: 'b9788ff66787c6ad9f01e0430087cdaf8aaa7419', class: classes }, index.h("slot", { key: '52e3600944848b6a7fe4bd9b1afb5bb2dfe57909', name: "input" }), index.h("label", { key: '2f68754b97f21f763ffd59ae5081f661f831ee3a', htmlFor: identifier }, this.icon && (index.h("span", { key: '45bac9d17f7fd94c8214438175f1980d9f61bf8a', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: 'f0512358b9ff4ca4f70cf0af9d6b8a4e2c5997b1', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: 'ccfc7316e3e366ba20a315bac570fd30f68b1bc0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '0d715c904b0a004fa16467801c598b6b485aea70' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -331,373 +326,4 @@ const DuetChip = class {
 };
 DuetChip.style = DuetChipStyle0;
 
-const duetPopupMenuCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}";
-const DuetPopupMenuStyle0 = duetPopupMenuCss;
-
-const DuetPopupMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.duetToggle = index.createEvent(this, "duetToggle", 7);
-        this.setOpenButton = (element) => {
-            if (!element) {
-                return;
-            }
-            try {
-                const button = element;
-                button.accessiblePopup = "true";
-                button.accessibleExpanded = false;
-                if (this.controllerIcon) {
-                    button.setAttribute("trailing-icon", "action-arrow-down-small");
-                }
-                this.openButton = button;
-            }
-            catch (_e) { }
-        };
-        this.openButtonEventListener = () => {
-            this.toggle();
-        };
-        this.updatePlacement = async () => {
-            if (!this.openButton) {
-                return;
-            }
-            const middleware = [
-                floatingUi_dom_esm.offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }),
-                this.allowVerticalFlip && floatingUi_dom_esm.flip(),
-                floatingUi_dom_esm.shift({ padding: 5 }),
-            ].filter(Boolean);
-            const coordinates = await floatingUi_dom_esm.computePosition(this.openButton, this.menuElement, {
-                middleware,
-                placement: this.placement,
-                strategy: this.position,
-            });
-            this.menuY = coordinates.y;
-            this.menuX = coordinates.x;
-        };
-        this.open = false;
-        this.menuY = undefined;
-        this.menuX = undefined;
-        this.accessibleLabel = undefined;
-        this.accessibleRole = "menu";
-        this.theme = "";
-        this.skipTeleport = undefined;
-        this.placement = "bottom-start";
-        this.forcePlacement = false;
-        this.allowVerticalFlip = true;
-        this.position = "absolute";
-        this.mainAxisOffset = 0;
-        this.crossAxisOffset = 0;
-        this.controllerIcon = "action-arrow-down-small";
-        this.scrollLimit = undefined;
-    }
-    /**
-     * Element, or id of an element, that controls the opening and closing of the popup menu. If id is given,
-     * the component automatically sets the click event listener to open and close the popup-menu.
-     */
-    get controller() {
-        return this._controller;
-    }
-    set controller(value) {
-        if (this._controller === value) {
-            return;
-        }
-        this._controller = value;
-        if (typeof value === "string") {
-            this.setOpenButton(document.getElementById(value));
-            if (this.openButton) {
-                this.openButton.addEventListener("click", this.openButtonEventListener);
-            }
-        }
-        else {
-            this.setOpenButton(value);
-        }
-    }
-    /**
-     * Alias for property controller.
-     */
-    get opener() {
-        return this._controller;
-    }
-    set opener(value) {
-        this.controller = value;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        themeableComponent.inheritGlobalTheme(this);
-    }
-    componentDidLoad() {
-        {
-            this.updatePlacement();
-        }
-    }
-    connectedCallback() {
-        if (!this.teleport) {
-            this.teleport = new teleport.Teleport(this.element);
-        }
-        if (this.teleport) {
-            this.teleport.activate();
-        }
-    }
-    disconnectedCallback() {
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-        }
-        if (this.openButton) {
-            this.openButton.removeEventListener("click", this.openButtonEventListener);
-            if (this.controllerIcon) {
-                this.openButton.removeAttribute("trailing-icon");
-            }
-        }
-    }
-    /**
-     * Component event handling.
-     */
-    handleKeyUp(evt) {
-        if (this.open) {
-            // When Esc is pressed the menu should be closed
-            if (keyboardUtils.isEscapeKey(evt)) {
-                this.hide();
-            }
-        }
-    }
-    async handleKeyDown(evt) {
-        if (this.open) {
-            if (keyboardUtils.isArrowDownKey(evt)) {
-                evt.preventDefault();
-                const current = await this.getFocusedItemIndex();
-                if (current !== -1) {
-                    if (current < this.itemElements.length - 1) {
-                        this.itemElements[current + 1].setFocus();
-                    }
-                    else {
-                        this.itemElements[0].setFocus();
-                    }
-                }
-            }
-            if (keyboardUtils.isArrowUpKey(evt)) {
-                evt.preventDefault();
-                const current = await this.getFocusedItemIndex();
-                if (current !== -1) {
-                    if (current === 0) {
-                        this.itemElements[this.itemElements.length - 1].setFocus();
-                    }
-                    else {
-                        this.itemElements[current - 1].setFocus();
-                    }
-                }
-            }
-            if (keyboardUtils.isTabKey(evt) && this.accessibleRole === "menu") {
-                evt.preventDefault();
-                this.hide();
-            }
-        }
-    }
-    handleClick(evt) {
-        const isClickOutside = evt.composedPath().every(node => node !== this.element && node !== this.openButton);
-        if (this.open && isClickOutside) {
-            this.hide();
-        }
-    }
-    /**
-     * isOpen.
-     */
-    async isOpen() {
-        return this.open;
-    }
-    /**
-     * Show.
-     */
-    async show() {
-        this.open = true;
-    }
-    /**
-     * Hide.
-     */
-    async hide() {
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-        }
-        this.open = false;
-    }
-    /**
-     * Toggle.
-     */
-    async toggle() {
-        if (this.open) {
-            this.hide();
-        }
-        else {
-            this.show();
-        }
-    }
-    handleOpenChange(newValue, oldValue) {
-        if (!!newValue === !!oldValue) {
-            return;
-        }
-        if (this.open && !oldValue) {
-            if (this.openButton) {
-                this.openButton.accessibleExpanded = true;
-            }
-            if (this.accessibleRole !== "listbox") {
-                this.teleport.makeSiblingsInert();
-            }
-            this.updatePlacement();
-            // Start autoUpdate when menu is open
-            if (this.menuElement && this.openButton) {
-                this.autoUpdateCleanup = floatingUi_dom_esm.autoUpdate(this.openButton, this.menuElement, this.updatePlacement);
-            }
-            setTimeout(() => {
-                if (this.accessibleRole === "menu") {
-                    this.itemElements[0].setFocus();
-                }
-                this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
-            }, 200);
-        }
-        else if (!this.open && oldValue) {
-            if (this.openButton) {
-                this.openButton.accessibleExpanded = false;
-            }
-            // Clean up autoUpdate when closed
-            if (this.autoUpdateCleanup) {
-                this.autoUpdateCleanup();
-            }
-            setTimeout(() => {
-                if (this.accessibleRole === "menu") {
-                    focusUtils.focusElement(this.openButton);
-                }
-                this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
-                if (this.accessibleRole !== "listbox") {
-                    this.teleport.removeInertFromSiblings();
-                }
-            }, 200);
-        }
-    }
-    get itemElements() {
-        return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
-    }
-    get popupMenuStyleHeight() {
-        const selector = ":scope duet-popup-menu-item, :scope duet-notification";
-        const elements = Array.from(this.element.querySelectorAll(selector));
-        if (elements.length > 0 && this.scrollLimit) {
-            const paddings = Number(tokens_module.spaceXSmall.replace("px", "")) * 2;
-            return `${elements[0].offsetHeight * this.scrollLimit + paddings}px`;
-        }
-        else {
-            return "auto";
-        }
-    }
-    async getFocusedItemIndex() {
-        const items = this.itemElements;
-        for (let i = 0; i < items.length; i++) {
-            if (await items[i].isFocused()) {
-                return i;
-            }
-        }
-        return -1;
-    }
-    render() {
-        const styles = {
-            top: `${this.menuY}px`,
-            left: `${this.menuX}px`,
-            position: this.position,
-            overflowY: "auto",
-            height: this.popupMenuStyleHeight,
-        };
-        return (index.h(index.Host, { key: 'df95a1ca83bfed0e3c2e62e4de9a03563491b7a4' }, index.h("div", { key: '0da0cb7b5bf6b0950b867af9d93a8937d40c4223', ref: element => {
-                this.menuElement = element;
-            }, style: styles, class: {
-                open: this.open,
-                "duet-popup-menu-list": true,
-                "duet-theme-turva": this.theme === "turva",
-                "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, index.h("slot", { key: 'f2e56ae51be1d5eb1b8c14a67496079e3dbcd3d1' }))));
-    }
-    get element() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": ["handleOpenChange"]
-    }; }
-};
-DuetPopupMenu.style = DuetPopupMenuStyle0;
-
-const duetPopupMenuItemCss = "*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
-const DuetPopupMenuItemStyle0 = duetPopupMenuItemCss;
-
-const DuetPopupMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.duetFocus = index.createEvent(this, "duetFocus", 7);
-        this.duetBlur = index.createEvent(this, "duetBlur", 7);
-        /**
-         * Component event handling.
-         */
-        this.onFocus = (ev) => {
-            this.focus = true;
-            this.duetFocus.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-popup-menu-item",
-            });
-        };
-        this.onBlur = (ev) => {
-            this.focus = false;
-            this.duetBlur.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-popup-menu-item",
-            });
-        };
-        this.focus = false;
-        this.accessibleLabel = undefined;
-        this.accessibleRole = "menuitem";
-        this.theme = "";
-        this.url = undefined;
-        this.external = false;
-        this.targetLanguage = undefined;
-        this.value = undefined;
-        this.leadingIcon = undefined;
-        this.leadingIconColor = undefined;
-        this.trailingIcon = undefined;
-        this.trailingText = undefined;
-        this.active = false;
-        this.activeDescendant = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        themeableComponent.inheritGlobalTheme(this);
-    }
-    /**
-     * Sets focus. Use this method instead of the global focus().
-     */
-    async setFocus(options) {
-        setTimeout(() => this.itemElement.focus(options), 200);
-    }
-    /**
-     * isFocused.
-     */
-    async isFocused() {
-        return this.focus;
-    }
-    render() {
-        const TagName = this.url ? "a" : "button";
-        const classes = {
-            "duet-popup-menu-item": true,
-            active: this.active,
-            "duet-theme-turva": this.theme === "turva",
-            "active-descendant": this.activeDescendant,
-        };
-        return (index.h(index.Host, { key: 'bf1b38aa7684c8cc3959b6b0725f83962341d58d', role: this.accessibleRole }, index.h(TagName, { key: '71cfa30d7780f2ab9a31f2aa3ff4bec91b8e0b7e', 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 && (index.h("duet-icon", { key: '3552f0f0e6e303f23e012a9baa0b646d7f3eeb5e', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), index.h("span", { key: '1c26c319a37978618960dce5c0e5de9731a576c9', class: "duet-popup-menu-item-label" }, index.h("slot", { key: 'c3f9e10b0f5c5af06d79ba6760b924f5abfb02d9' })), (this.trailingIcon || this.active || (this.url && this.external)) && (index.h("duet-icon", { key: '2b5f54ffc9063c6ef1dfb38d59724a1ff9307ede', name: this.url && this.external
-                ? actionNewWindowSmall.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 && index.h("span", { key: 'b9a42c7f906f16c62189ce82f8c1bbdeee169a7e', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
-    }
-    get element() { return index.getElement(this); }
-};
-DuetPopupMenuItem.style = DuetPopupMenuItemStyle0;
-
 exports.duet_chip = DuetChip;
-exports.duet_popup_menu = DuetPopupMenu;
-exports.duet_popup_menu_item = DuetPopupMenuItem;

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const commonStrings = require('./common-strings-2984301e.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eb134c64.js');
-const slotUtils = require('./slot-utils-66b2afa4.js');
+const languageUtils = require('./language-utils-c291fe9b.js');
+const slotUtils = require('./slot-utils-8d10ec0a.js');
 require('./string-utils-7b13c16e.js');
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const tokens = require('./tokens-57e06fe4.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const slotUtils = require('./slot-utils-66b2afa4.js');
+const slotUtils = require('./slot-utils-8d10ec0a.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
@@ -119,7 +119,7 @@ const DuetCollapsible = class {
      */
     render() {
         const HeadingTagName = this.headingLevel ? stringUtils.sanitizeString(this.headingLevel) : "div";
-        return (index.h(index.Host, { key: 'b6781c86d34d4f4b9560b111474a413c954818d2', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, index.h(HeadingTagName, { key: '1b59bc43bad54d7ba36951b5fc5cb27c8d197498' }, index.h("button", { key: '073aa9d20b4f508e991443273c16f43b15577183', class: {
+        return (index.h(index.Host, { key: 'b9c815342f0c4635b2bf03cb210c7e71e90b54d8', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, index.h(HeadingTagName, { key: '6fb34dc0d618314f3545feae349af2b90669dc38' }, index.h("button", { key: '2c60976671c564a2ba4c2bae7c25a81d46dd089e', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -127,7 +127,7 @@ const DuetCollapsible = class {
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { key: 'b584a9f03de635516bab995166943fbe55139177', class: "duet-collapsible-heading-wrapper" }, index.h("div", { key: 'ebd0e8c2d793c6eaf9afcfeefde3822025b0f591', class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { key: 'cb40e56e922d146a4c799d307a36bcb5de2bf909', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { key: '29f73be47a8506407f8e151b103c0d953a175448', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (index.h("div", { key: '26c25d0365c8243c7ea36101f6e49743346363bb', part: "duet-collapsible-after-heading" }, index.h("slot", { key: 'f1a9005c38fd4310d76dfeea3f50a695bb732195', name: "after-heading" })))), this.caption && (index.h("div", { key: '7d8785de6f4478030bc6422749201f23f3625e3f', class: "duet-collapsible-heading-caption" }, index.h("duet-caption", { key: '2f930fc5ca5fb0169c5b16f181ce5b7267ebc4ca', size: "small", margin: "none" }, this.caption))))), index.h("div", { key: 'fb0d95a53dfa760ec0aa59d2b7e8eab8d9fe5313', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, index.h("slot", { key: '8df7d36426b0c3390fba071740ca60ddc2ee4931' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { key: '3b733940731cc46545abc6866c089123cc96ea45', class: "duet-collapsible-heading-wrapper" }, index.h("div", { key: '4696b9066a27b1ad9786408f13242f4dbca76136', class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { key: 'af4bef7f00f2755cdd2edb7c0834fbc8b39b928e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { key: 'dae6f5b4438375679e96b8af64596caaeb74dd9f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (index.h("div", { key: '6337a53605fe5692e29ff904314fe66028d4adf5', part: "duet-collapsible-after-heading" }, index.h("slot", { key: 'fda139a14f821a8b76a567d8eae0e0274bbf5c9f', name: "after-heading" })))), this.caption && (index.h("div", { key: '46a5a2fab4fd02fa234d593a376b4dd4bce3551b', class: "duet-collapsible-heading-caption" }, index.h("duet-caption", { key: '802fa725384a8566be0264ca8d6d59ff02cd76bc', size: "small", margin: "none" }, this.caption))))), index.h("div", { key: '53cf9e6295a32dbb6aba736c9b8fdfa0239363b1', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, index.h("slot", { key: '6f5055ecdb2266dfc97f419482bffa151a766317' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eb134c64.js');
-const slotUtils = require('./slot-utils-66b2afa4.js');
+const languageUtils = require('./language-utils-c291fe9b.js');
+const slotUtils = require('./slot-utils-8d10ec0a.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-eb134c64.js');
+const languageUtils = require('./language-utils-c291fe9b.js');
 require('./string-utils-7b13c16e.js');
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.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)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
@@ -55,10 +55,10 @@ const DuetContactCard = class {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (index.h(index.Host, { key: '4e145f7fe0409bb47b6ea71c0cf970e436b7a520', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'da28555843c0a763d34c7ddef8727090e373da67', class: {
+        return (index.h(index.Host, { key: '7d4179d7cb8c4bb59a1c22c671fbe0e48c76d12f', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '746d78591b5235b00d84d082b96f97d7f3d8ac82', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: 'e161cae8447cf17c85499d5b8ac46d7eda58172c' }, this.name && (index.h("duet-heading", { key: '454c6abe2d28decaa07122742bee22e711c3f81b', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: '4dfc4f572e57af544c10b32c66e9afb93eac8080', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: '96f61bbb0c884d374d10e94bf4aefb0b63adafb0', class: "email" }, index.h("duet-icon", { key: '2f6608cc7d1e2a2b5da95109823d2e1bab216005', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: 'd4e80f8aee1fc9997b959e005935fdffafc6dfdb', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: '374a1f36f5a62d9888b932000a52a10b63ac7cd4', class: "phone" }, index.h("duet-icon", { key: '2d3c419e0d321f361a9993116fed27845238801f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '07d80aaadfd5963717d64d3733d0ae886c71bc6b', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: '15123cac72ca836226d307ada922cf2f8544a1d3', class: "call-to-action" }, index.h("duet-button", { key: 'a254a916c0f5916e8e39f76cae6724b73198d017', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: '6c527c0e2c594d19b06fb842c4d8a0967b7f04b6' }), index.h("slot", { key: '8291bc130ee09e6b1aa1e71bd15ccf6024c7d3c2' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: 'd92467c574bfe46519683002a9356384e7a91c24' }, this.name && (index.h("duet-heading", { key: 'e0024d46a8ed78ba623164dc5ba462b243a12e8a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: '569b3e131ac8ef6273ac70656c2d9faaf57079a5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: '99a89137c9e10ef6fd3fb3975edfdf0e014c14b7', class: "email" }, index.h("duet-icon", { key: '6d8d6e14a74c16381168f384cc785222b0e6a097', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '8dc230b8d3ccc086b61720fb7b6b6645095899a7', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: 'd796194cecf6deec03d02bab49a0268d553409e6', class: "phone" }, index.h("duet-icon", { key: 'acffc1fe7f7f50a0e588f8fc3147f28a2fb4c0fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '9c1033570e39e0fc68bbe969b7ca2263f92b518c', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: '567da157296dc01f1c5818e9fa9a24a95fd7540f', class: "call-to-action" }, index.h("duet-button", { key: '39f6d00de0bceaec00d73e5eacaf2bbb610832b6', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: '657e7d11d3602ee0009e38ef8dde5309566f6406' }), index.h("slot", { key: '98a6810ad6c915b5825889f058fc9d3a63df040c' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-cookie-consent.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
 
@@ -50,7 +50,7 @@ const DuetCookieConsent = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'b30b45dd5bc6022a8da609883e28a272bf823c6c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '457f367350cef4ec39f323925e64518b0b5a056f', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '681bb01d1031d8e7cdfac21539f49a9445a22fac', class: "duet-cookie-consent-content" }, index.h("div", { key: '6bc301cad7c45d36c5d7846bf96abe989a185ef1', class: "expand" }, index.h("slot", { key: '55da0877e4c6e55b827af651416e6eaeb908c550' })), index.h("duet-spacer", { key: 'bf00aa77836feb5b8cacbc6c76712e6a3b4aa451', size: "large", direction: "horizontal" }), index.h("div", { key: '86ed0f3ff48a2c916fa4174417677a6dfa737a0a' }, index.h("duet-button", { key: '75003f25f1f75e9d40ff2143b4a53441be2ed54f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (index.h(index.Host, { key: '3ce0228a96f65cd1d7e52892ee19e8a1732a40ff', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '24c6d7c27151928edb749a3797f1a8cc5a67be96', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'ed1a82ad8ee72dd7c9a912453faa72ba4e27b3a8', class: "duet-cookie-consent-content" }, index.h("div", { key: '0233b97bcee86c27e59549df832c91b7f8805eed', class: "expand" }, index.h("slot", { key: '2b6a7a2356cc18e61e8aafa78d5f17ea01f85c25' })), index.h("duet-spacer", { key: '4d2dbf87b38a00fee61be0e064fed9ff4958736f', size: "large", direction: "horizontal" }), index.h("div", { key: '5d12618d329eebcf3d5cd3f9508dcbe2492466b7' }, index.h("duet-button", { key: 'ea878954d3e7a1616c8c548fbaabe9828b3afa19', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-date-picker.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
-const focusUtils = require('./focus-utils-b50cfb47.js');
-const languageUtils = require('./language-utils-eb134c64.js');
-const slotUtils = require('./slot-utils-66b2afa4.js');
+const focusUtils = require('./focus-utils-21fac156.js');
+const languageUtils = require('./language-utils-c291fe9b.js');
+const slotUtils = require('./slot-utils-8d10ec0a.js');
 require('./string-utils-7b13c16e.js');
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae9c685d.js');
+const index = require('./index-e6a117fc.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./tokens.module-46ddb47a.js');
@@ -32,7 +32,7 @@ const DuetDivider = class {
      */
     render() {
         const background = tokenUtils.getColorByName(this.color);
-        return (index.h("div", { key: '419938cb054cda71d1fa4d0de273ecce67debfa7', class: {
+        return (index.h("div", { key: 'a8ffb4c7ae688f5132e92183c4f1505ae5137b44', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -58,7 +58,7 @@ const DuetSpacer = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'aa2a7ac6bd334dc7d419d2dbe89da8b0961f64cf', class: {
+        return (index.h(index.Host, { key: '37319380d158f854c7b73b9fc3360a521c6660a3', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",