@duetds/components 9.2.10 → 9.3.1

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-de99a5da.js');
+const languageUtils = require('./language-utils-9e680f03.js');
 require('./string-utils-7b13c16e.js');
 
 const duetShowMoreCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-show-more{margin-bottom:16px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-de99a5da.js');
+const languageUtils = require('./language-utils-9e680f03.js');
 require('./string-utils-7b13c16e.js');
 
 const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
@@ -45,7 +45,7 @@ const DuetSlideoutLang = class {
      */
     render() {
         const langTranslation = languageUtils.getLocaleString(this.chooseLangObject);
-        return (index.h(index.Host, { key: 'a3f0902bcc3942cfdd9bd39d753bfcfeeebf8bd4' }, index.h("div", { key: 'e4b2d5245b065602e7b74bab03d2ad9a6390d5ab', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '10f383d1179787ca4dda410b10ac2785bcbbcc36', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '3a3f899dd72eb996f48ac588474810a95fa6fc19' }))));
+        return (index.h(index.Host, { key: '7fdf56886b7eef7853a2390545e83b43e1aea17b' }, index.h("div", { key: '95c15df38395b09803b5a48382950a07d5d8a6b1', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '5500047f8d4ae1a3d118abd0e0e850211212cc4a', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '906ac6c0864cf946423ed34875c4c122e0784113' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetSlideoutLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
@@ -35,12 +35,12 @@ const DuetSlideoutLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '756d30871c5f34ca3520a5bdecf5269c6a0b4afb' }, index.h("a", { key: '16dfc8d2bcae2379ab25ce353eda255e79d6ad6b', class: {
+        return (index.h(index.Host, { key: 'aa07296629d813134f481a3e1ebfb6d31951bc48' }, index.h("a", { key: '56ae85701570dfa3ae4cae8f15fb395f9199776a', class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (index.h("duet-icon", { key: '6551aa92fee9498b1fc2b4ebb18a89ff1c72e607', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: 'f841f0d234ffca0d1dbaaae18e9de9f1de02de55', class: "label" }, index.h("span", { key: '452f28fecf67c0da43ea807dd572d1db83e10ae6' }, index.h("slot", { key: '896258d4f5fbcc5efa21d49cd867e0578302dbef' }), index.h("slot", { key: '6de4aa964201a5ffe68d7f894a499289db302527', name: "description" })), this.caret && (index.h("duet-icon", { key: '3b7c9337d8d76eb9bcc71fe7277e84599692bce4', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (index.h("duet-icon", { key: '4872989601ff5a2c3ff458b53345292f358956a9', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: '71fe6a89063381d1ec5d4a8d6960954660374bc0', class: "label" }, index.h("span", { key: 'b9e2aca6c05cc945917f87d74b3f4c611814e8cb' }, index.h("slot", { key: 'b917c1d51c62a2ab229c396f7afb3468c0b240e6' }), index.h("slot", { key: '775dbc1e31d128b448b72e876f0f53609358c709', name: "description" })), this.caret && (index.h("duet-icon", { key: '47c65d4e0cc5745e120730849beb97dcee30cb74', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetSlideoutPanelDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}";
@@ -49,16 +49,16 @@ const DuetSlideoutPanelDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '79b5b5d923940bc3b0ab0515ccab7d498b327d5e' }, index.h("div", { key: 'b66ac749e1950d6c70c1c465479604cd91c03cfd', class: {
+        return (index.h(index.Host, { key: '15a51ee1392b5cfaf0faf892381a354e9c2ad7a8' }, index.h("div", { key: '7a65752a7969698e0a6b9994dcc4c0d3eea60ede', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '7155b74267a0786267237b0170e30a4c20d8d180', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, index.h("button", { key: '35ce652834bb7c5dfbf2b6211cfbfd2130c2e588', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '014c5790e8eb52f02d10ecf398271b233b88f7b0', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: 'be3875ea25d4f094220b3599aa15bf7e014e81bd', class: "label" }, index.h("slot", { key: '36b0112f4b2aa6ed192c19da3397beca24b8b29c', name: "label" }), index.h("duet-icon", { key: '2d4c1df9d41e97d1c7bb031252d31baa865a587c', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: 'a9729a27afa76ccee3c7d3b14e7d48dab1dcb7a3', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '963ee3c6c6d7ecc6c94a08afe16d3f5f9dafaa66', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: 'd4e56a5ba15d2d6cbe9dc2cd005b09d538fff5a1', class: "label" }, index.h("slot", { key: '0264c8d9575e402e1bb0042a5d4603d7da816156', name: "label" }), index.h("duet-icon", { key: 'd406ceffdb866733a623fd3000f88eed53984cef', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: '28cf7810dd58248178981e491e918138cf3d2d58', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: '63761e3a8bbea310fbc531dd63eae808be5cf3e4' })))));
+            } }, index.h("slot", { key: '9c02645c7b1732774cfe05087e819acf382733e0' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const bodyScroll = require('./body-scroll-dba42314.js');
-const focusUtils = require('./focus-utils-d551f3ab.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-const slotUtils = require('./slot-utils-8c651e5d.js');
+const focusUtils = require('./focus-utils-5c18768b.js');
+const languageUtils = require('./language-utils-9e680f03.js');
+const slotUtils = require('./slot-utils-5b1180b0.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-46ddb47a.js');
@@ -164,23 +164,23 @@ const DuetSlideoutPanel = class {
         };
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
         const backTranslation = languageUtils.getLocaleString(this.backLangObject);
-        return (index.h(index.Host, { key: '10b414a1d813be3e7f5ef8070b2c1d984c25ac44' }, index.h("div", { key: '50ee38592ea290018fefaf87e3c8625579636ed9', class: {
+        return (index.h(index.Host, { key: '4f6b906ea71b580ba0caff7862d79e685515e872' }, index.h("div", { key: '5b9938129529e0abdbf3d61ca38814fef9cf5cf4', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '4222c80ec11e0f6acb4eeaebf216968e42537c70', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, index.h("button", { key: 'bd4e836d9da0174031251e74c5d34db39f3f17c1', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: 'ef87af453a36ae15d81ed98b882798092522610c', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '540a8e1f36285104c675438d0a053ce5a8aeaa38', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && index.h("div", { key: 'a90b2189e9b0fe8325b12db27faa55955a5aaa0b', class: "duet-slideout-badge" }))), index.h("span", { key: '9f266762f46f74d6c627098e57315df106bf9dfe', class: "label" }, index.h("span", { key: '60a41c1094f9ba9b51cd6e29666af8f601b8a8d2', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '4160b184173ed8e9e3e93cee11cb8b797911c350', name: "label" })), index.h("duet-icon", { key: '1572389c79f37ff516d2462ec7dfc9e6e740c6c8', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'fc738196e7f3d69ca2cc01db8fcbf5a7be3c39f1', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: '5a365effdcebd66bbc8d75eeb39e1ee0191beeb4', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '29aba3ddbefd3d672a5363f7aab60c3991774dba', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && index.h("div", { key: '077cac4c7174dc6447fc47119aa490452761c496', class: "duet-slideout-badge" }))), index.h("span", { key: '0e93520908b67a9e847ca2ab7423981677333d2c', class: "label" }, index.h("span", { key: '39442d5e839c85757a0432fe11f969e578071a63', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '8d98e276788faa2763ba3fc54465330ee20b8ef7', name: "label" })), index.h("duet-icon", { key: 'af4c4882cb21ce8308f00cb0092eabb3c5504ca9', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: '71e6a873aebc6b069ed3b662f60e2836e88c0768', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, index.h(focusUtils.FocusGuard, { key: '00a3795728a3374280aaa5f2b6b97f67bac388c6', moveFocusTo: this.closeButton }), index.h("div", { key: '84e8cf7f05aedd1fd6df3f08cd06b66abbd1ef17', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'a462d45d835fe35e6ce1e64e9527aeae033c192f', class: "top" }, index.h("button", { key: '5b4eb5d8985437d6701987273dbe10d55185c0cf', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, index.h(focusUtils.FocusGuard, { key: 'e569bb2925b05d5efb54f7b989866db66e7ffb18', moveFocusTo: this.closeButton }), index.h("div", { key: 'aa65fd87af6069abde6bc75704d81908bd029711', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '575ac5a4587e6da02b5e2e25b0e20bb33682b146', class: "top" }, index.h("button", { key: '4295a54970f66eafff8c3e4387601de695f42be4', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, index.h("duet-icon", { key: 'b17a49853ca91e459db693d0c1dcbe861f9ee663', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '033f64eb9236b0a1cc28214b0393f3c7e62d62f2' }, this.label.innerHTML), index.h("button", { key: '005c6e62887ae4effd15bc19266a4b72d45f11bc', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '0934dfbccb73be3827e684b1414f2a76c080b0fb', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '984c15369f3cd4a09dfd02efe5aa65effb2f453c', class: "sticky-header" }, index.h("slot", { key: '28aea810fee655e0039f9412a5a0e979d4e0991e', name: "sticky-header" }))), index.h("div", { key: 'd0fed891a8cd1320d5edd35d4461d1df9f1bec7d', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, index.h("duet-icon", { key: 'c3f91ef9423ba10b7ac4d2629c5fb64cd5e08bd2', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '52032aa97cc19a95f91552a930cd889fe1b62b4d' }, this.label.innerHTML), index.h("button", { key: 'b379d71da45ca0bd9fb9a314e3b9840309aec919', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: 'ffc2b05a5a751e180b6d8a214cfb1f35fc5a5870', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'f92511246cc63b6e8a66d5c3ea0ad967666a340c', class: "sticky-header" }, index.h("slot", { key: 'bf6a0326ae3c93476614fe52837cfac964e4d46e', name: "sticky-header" }))), index.h("div", { key: 'e95ca842f9bd2a732f74659b40f17c6afda7929f', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, index.h("slot", { key: '859c0b8b029620561483192901482f2d7ac69fd8' })), index.h(focusUtils.FocusGuard, { key: '5676e24c74f3223c83eaa6cf67d05cc93c8ea339', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: 'b37c65c7a43d6bcac92a2a183f4edf85883cbecf' })), index.h(focusUtils.FocusGuard, { key: '1e6c58673a5953e5a75571909130bdebdc5a6de2', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const bodyScroll = require('./body-scroll-dba42314.js');
-const focusUtils = require('./focus-utils-d551f3ab.js');
+const focusUtils = require('./focus-utils-5c18768b.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-const slotUtils = require('./slot-utils-8c651e5d.js');
+const languageUtils = require('./language-utils-9e680f03.js');
+const slotUtils = require('./slot-utils-5b1180b0.js');
 const teleport = require('./teleport-c6f8391a.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
@@ -36,8 +36,12 @@ const DuetSlideout = class {
         };
         this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
         this.hasStickyHeaderSlot = false;
-        this.setOpenButton = (element) => {
+        this.setOpenButton = (element, addClickListener = false) => {
+            if (this.openButton) {
+                this.openButton.removeEventListener("click", this.openButtonEventListener);
+            }
             if (!element) {
+                this.openButton = undefined;
                 return;
             }
             try {
@@ -45,6 +49,9 @@ const DuetSlideout = class {
                 button.accessiblePopup = "true";
                 button.accessibleExpanded = false;
                 this.openButton = button;
+                if (addClickListener) {
+                    this.openButton.addEventListener("click", this.openButtonEventListener);
+                }
             }
             catch (_e) { }
         };
@@ -89,17 +96,11 @@ const DuetSlideout = class {
         return this._opener;
     }
     set opener(value) {
-        if (this.opener === value) {
-            return;
-        }
-        if (typeof value === "string") {
-            this.setOpenButton(document.getElementById(value));
-            if (this.openButton) {
-                this.openButton.addEventListener("click", this.openButtonEventListener);
-            }
-        }
-        else {
-            this.setOpenButton(value);
+        const isString = typeof value === "string";
+        const element = isString ? document.getElementById(value) : value;
+        if (this.openButton !== element) {
+            this._opener = value;
+            this.setOpenButton(element, isString);
         }
     }
     /**
@@ -127,10 +128,14 @@ const DuetSlideout = class {
             this.teleport.activate();
         }
         this.setStickHeaderStyleMutations();
-        this.mutationObserver = new MutationObserver(() => {
-            this.openPanel = !!this.getOpenPanel();
-        });
-        this.mutationObserver.observe(this.element, { childList: true, attributeFilter: ["open"], subtree: true });
+        if (!this.mutationObserver) {
+            this.mutationObserver = new MutationObserver(() => {
+                this.openPanel = !!this.getOpenPanel();
+            });
+        }
+        if (this.mutationObserver) {
+            this.mutationObserver.observe(this.element, { childList: true, attributeFilter: ["open"], subtree: true });
+        }
     }
     disconnectedCallback() {
         languageUtils.disconnectLanguageChangeObserver(this);
@@ -140,9 +145,7 @@ const DuetSlideout = class {
         if (this.mutationObserver) {
             this.mutationObserver.disconnect();
         }
-        if (this.openButton) {
-            this.openButton.removeEventListener("click", this.openButtonEventListener);
-        }
+        this.setOpenButton(undefined);
         this.setStickHeaderStyleMutations(true);
     }
     handleOpenChange(newValue, oldValue) {
@@ -249,16 +252,16 @@ const DuetSlideout = class {
         };
         const topLevelOpenMenuBarTranslation = languageUtils.getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
-        return (index.h(index.Host, { key: '14fdba7fda5928417732464bfb4fd9b16f7b2064' }, index.h("div", { key: 'ad888076253b6aadf02beac7fd057ac3fb4fdf3d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '402885b296bd543ddbe8cf83908e90a181b9da10', visible: this.open, "display-device": "large", zIndex: "600" }), index.h("div", { key: 'e93a803cbfbe0be22ec7fd6f70c890bf1b652532', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (index.h(index.Host, { key: '6e5e82df416b1ecb00cff9f68a29958da62a20be' }, index.h("div", { key: '6159dec7235283ca300ef58f479f6ffbf776a812', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '07e23e529d9fce358179aa7f5043ba60cc56709e', visible: this.open, "display-device": "large", zIndex: "600" }), index.h("div", { key: '892d3a0b4d482032bcb690764a6e00b82a3795c3', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, index.h(focusUtils.FocusGuard, { key: '0e6e26357b438fb966c72cf164a4c39ce8b235bd', moveFocusTo: this.closeButton }), index.h("div", { key: 'c65959274e1c3191495c03d01adb69c76d23e3e4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'd03362b067baf916076e9992e63933b309e84e44', class: "top" }, index.h("button", { key: '893421c3ed8c0224031b2db5c2db1f1eb7f1791a', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, index.h(focusUtils.FocusGuard, { key: '69f48564aca2c2bcfb4162c4c68dc81253590a09', moveFocusTo: this.closeButton }), index.h("div", { key: '20f6e5982ba1b1912490953fc6d942a2689ba368', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '1da38aeb57837d9e32cc5e1441e1b585fa94ffa7', class: "top" }, index.h("button", { key: '99058f882152f721b179848e56b8730ac22505a7', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: '354bcaf0344522712c12904991ade60e97924b88', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'a55711bc7b1ad408dc4720372cedc676a303fe84', class: "sticky-header" }, index.h("slot", { key: '15ef13899e66f98dd681b8105528d8f55fd2f2a2', name: "sticky-header" }))), index.h("div", { key: '698ce98219d2c6d387e92b96a71967bc632dee00', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: '46a02404e3c835245738669ce08b0f58bf5ff59b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: 'cc749c84e33bab659bbbdf87f05b3a886ee18880', class: "sticky-header" }, index.h("slot", { key: 'f4ae41432a781d3e542fe7c4b7cf30d24cadc325', name: "sticky-header" }))), index.h("div", { key: 'a8fb4902e1118fe7ebce133d5f07425c38c42ee0', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, index.h("slot", { key: '75862e49d89cdd2e20ecaa574b1c76da95f3c1c6' })), index.h(focusUtils.FocusGuard, { key: 'e74750f4e595532c2fb7185a40f57efa7e032122', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: '0316c27c324fbd1a18cb10793b6d07eb7d90cdd2' })), index.h(focusUtils.FocusGuard, { key: 'b1f0f1f05d2d5e2db735ad8f96d51acc83c90b82', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');

package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
 
@@ -40,12 +40,12 @@ const DuetSubmenuBarDropdownLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '06b062162cb366accf11fd8844dc842cb4086e11' }, index.h("a", { key: 'aeba09894b5f6a4aec3c462fef6f62966fd3849f', class: {
+        return (index.h(index.Host, { key: '60141679d4da6a7724aa40a2445f9453b89493f1' }, index.h("a", { key: '7bcc708536db8a5bae64318ea75be58e8814a9ee', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && index.h("duet-icon", { key: '72463c8f6d29475ed51097a63b8c627e35454570', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '457b5b54be2bdbb03e665ed5549ac06b45e0a591', class: "label-container" }, index.h("span", { key: '0fe3839576cb252a5f928774b0808bf85913d6fe', class: "label" }, index.h("slot", { key: '4ca119e9809d2122107fbade53b8f0d21f499f99' })), this.caret && index.h("duet-icon", { key: '98119ea79cc812daa6857fa4286c97f0ffd6d4ca', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: 'c4cbb062c343bb3bf6b15d771de4618f1d75b531', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && index.h("duet-icon", { key: '3154b1713b8ee0ecb9dde907cc87b59193051c67', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: 'b7e0771fb6af597db0aeab77c26b6f10ad5fd37f', class: "label-container" }, index.h("span", { key: 'a2356f448e5634bc9a3e0151cb71adf812cc4135', class: "label" }, index.h("slot", { key: '01ede3bc095dbb8c37a7d0d7506b59b844f005d2' })), this.caret && index.h("duet-icon", { key: '57d6d0dee133a2a16ea63ee8dfe6707beb4a5231', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: '1601244392f22c8232aba7daa7a473b711b695d4', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const tokens = require('./tokens-57e06fe4.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
@@ -105,18 +105,18 @@ const DuetSubmenuBarDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '82d9bb10d3b975fb643a1ff0735369158fc0267d', role: "listitem" }, index.h("div", { key: '04220a59fb49f405a8e072c61dd7f629275844a9', class: {
+        return (index.h(index.Host, { key: '27c7987ace491bb1c392d343e7fb77964a8e01e6', role: "listitem" }, index.h("div", { key: 'c81d2ea06dd9d7be974b8ce0afb38aec268083f2', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, index.h("button", { key: 'e3b117a883729e81e5b044b700638798005758a7', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, index.h("button", { key: 'e5aa57571f004c86e1da8f35b31be84f85c9b795', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: '4f6aa1cd847b01bb6149300dd095bc2d90f0f8ee', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'e4e0fe843ffb97eb94ac1940b3daabbfdebaed09', class: "label" }, index.h("span", { key: '7527471d9064055386d235ff8a576a66b93e9246', class: "label-text" }, index.h("slot", { key: '13887aced4d286f3a79ffd7f125f124801d436a8', name: "label" })), index.h("duet-icon", { key: 'aa48764d6c7ee181d825621d1b565a92d0ac1a58', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: 'b03feb7412459e67e233d5c1dcf6f6263e574898', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: '28d03b6fd216ea81b1510b5c0af41df61b69610e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '388a6679345cd44d696d41dc027ec479ae0db473', class: "label" }, index.h("span", { key: '88e6ce4a33c009e72e1258d35f1eddabbacc3654', class: "label-text" }, index.h("slot", { key: '246e8f4033aa438782153691904e29a76450734c', name: "label" })), index.h("duet-icon", { key: '932079ae3e397891f203e7e876afbc83bb1258de', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '2353d72ac49a26b83fe262e30dd443819169bc1d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: 'a1ad4d341602b1f922d38f24c8183be203867abb' })))));
+            } }, index.h("slot", { key: 'c21a441648636df186c7440b2c12f248712aecae' })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-submenu-bar-item.cjs.entry.js

@@ -5,14 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-2984301e.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const a11yUtils = require('./a11y-utils-2d779fe7.js');
+const a11yUtils = require('./a11y-utils-b489bafd.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-require('./slot-utils-8c651e5d.js');
+const languageUtils = require('./language-utils-9e680f03.js');
+require('./slot-utils-5b1180b0.js');
 require('./string-utils-7b13c16e.js');
 
 const duetSubmenuBarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;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:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-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-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-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-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}";
@@ -68,7 +68,7 @@ const DuetSubmenuBarItem = class {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (index.h(index.Host, { key: 'b31ed9815a70a51dcd572ca7d1485930c2440939', role: "listitem" }, index.h(TagName, { key: '9ee1cc13ac91783544600e501b1fab1eb70997d6', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: '4deab5b50ec0e4066872c2744cb8e65d0a0e7287', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '46be26631ba05fed851d7fb9c74cf11d6ce925a8', class: "label" }, index.h("span", { key: '3bb375080720c6d70901eb425d85bcc3829454ee', class: "label-text" }, index.h("slot", { key: 'fd3e9665db1ff76e1435288cefffba0c9e75273b' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: 'a3f85c5afc2a5234e3aad56f7262030ef3ad509e', class: {
+        return (index.h(index.Host, { key: '422b60d03cfc581066bf2a651c455d9ef443b176', role: "listitem" }, index.h(TagName, { key: '50b6aeb9f94871750adabb74239ea642f0667bc8', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: '383cc30c4a1255e7f644a4f8274b238c06e59d34', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '4a8d38ffde015d48649c9bfd6167c69e3b964146', class: "label" }, index.h("span", { key: '713811bc3a97ccaccaceda79f199c53ae9fa33f5', class: "label-text" }, index.h("slot", { key: '140d7d6c6bce716719347aa37b031c17ae3fb6d2' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: '692f1e1e6582473a9c738f878be4a9dd58ce2d13', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/cjs/duet-submenu-bar-link.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
 
@@ -38,7 +38,7 @@ const DuetSubmenuBarLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '0a4400868d61377b3ce3df2c080a0aa42ad53a8b', role: "listitem" }, index.h("a", { key: '005d137af08a1c049d12707de80a41968e29b6fe', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (index.h("duet-icon", { key: '3d900e1209d6e99e2361348c9fda2b0e562987b4', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: '99b597aeb8dbe29036e8e006160c86884f5e3387', class: "label" }, index.h("slot", { key: '8c81d3eb726c6e5fd647e351f1fdeb7eab64d109' })))));
+        return (index.h(index.Host, { key: '9e08c272ab8cc2dd9aafbdc95544134a516910fc', role: "listitem" }, index.h("a", { key: '8db55a81215eb0842ea3f90d224cffb3edf37ddb', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (index.h("duet-icon", { key: 'd9189db67ff4c5a2b9d80c6ec4939f6628481bac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: 'bad512b87073b3f25cb22f9b72dee43d1a76b28c', class: "label" }, index.h("slot", { key: '3afcf14180bccbbacf368d368673d863a9fdfc61' })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-submenu-bar.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const tokens = require('./tokens-57e06fe4.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-dd2d7d91.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
@@ -131,19 +131,19 @@ const DuetSubmenuBar = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'e1887ce1a641c6c58a54f0cc22d6548b71274312' }, index.h("nav", { key: '324f9788c4c5f0f07b6a6462e6333b9021c24b8d', class: {
+        return (index.h(index.Host, { key: '5a56d3033586978e79fc650f948ee3e654c74288' }, index.h("nav", { key: 'f95152df380577251c94868a2b1a03b493482a77', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (index.h("button", { key: '5f4aab6f8d310a840b9428d100990a279bd88344', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (index.h("button", { key: '5cfc4bfc97b1c462e6a504735808925e66d42018', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, index.h("span", { key: '80740c4fe31825abf62d11762f8c11bcab49b3c1', class: "label" }, index.h("slot", { key: 'b59a92e6417e6c0da5dfce940b386cd026fa4f26', name: "label" }), index.h("duet-icon", { key: '370f031d4cd186535f3f62f5952461914364ca8a', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: 'a482eaf5d9705512b952c67ef7e038fcce800c5a', class: {
+            }, onClick: this.onClick }, index.h("span", { key: 'aaf7e9216f796c05bcd44131869c241ed6791dea', class: "label" }, index.h("slot", { key: 'd98b04e45e3be67aac0d0ffdceb13f214ad24052', name: "label" }), index.h("duet-icon", { key: 'd680597442edb82e4fbc8615a818684cbbc19488', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: '3caf8786684e484dff8b20fbb4c273f33bfc7cbf', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, index.h("div", { key: '8e71057de372c6ec2c2c9b00a754e9dddbe5ff14', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, index.h("div", { key: '8b582ed198b49ed593b8dce4ab7ca5f1c7824d29', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, index.h("div", { key: '6b216f3309c1da5a171a3fa39b31fcad805d76f4', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: 'f4c31cc6c1c32d56d50a0d2e664ebf727255a025' }), index.h("div", { key: '0a170fb9952aefa7fa6150514497fdef9caf8cea', class: "list-padding" }))), index.h("duet-overlay", { key: 'd513c9c698863e334c70587b7d905023d48d2f46', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, index.h("div", { key: 'e34b873658de23e4164810509a93ce533f6eb094', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: '8f46f67375fad075efc56a28794c4706d85da4e1' }), index.h("div", { key: 'af6a6337b995853fbc04e8f50d7248c1d0878e4e', class: "list-padding" }))), index.h("duet-overlay", { key: 'ec26b0420f1eb4a93fa019cc24d22d3f160e7788', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const inputUtils = require('./input-utils-1096a2c5.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-const slotUtils = require('./slot-utils-8c651e5d.js');
+const languageUtils = require('./language-utils-9e680f03.js');
+const slotUtils = require('./slot-utils-5b1180b0.js');
 require('./string-utils-7b13c16e.js');
 
 const duetTextareaCss = "*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}";

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');

package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
 
@@ -40,11 +40,11 @@ const DuetToolbarDropdownLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'e3efb6b70c66d5e89b942e11630bd1f3ca09da23' }, index.h("a", { key: '82b9283918f64f724ff10590e14e6267b4d228a5', class: {
+        return (index.h(index.Host, { key: '42a33532d4dd0b3e6e4bf2869dd22a781748ef15' }, index.h("a", { key: 'a6012ec3add1d4cd1e4e02b13928f743cfddd43a', 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 && index.h("duet-icon", { key: '566a78b23fde16d94550884b68c34cc0174de0dc', name: this.icon, size: "x-small", margin: "none" }), index.h("span", { key: '2c87685e3a77848c8571c42f5dc4f8e57f566dfd', class: "label" }, index.h("slot", { key: '69dca8568d3358138faa101900b558daf8709b4f' })), this.active && (index.h("duet-icon", { key: 'a646b68f9de5deba152c5c57d1f35ac9d8d65db0', 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 && index.h("duet-icon", { key: '37a8b94728da8a7e0567053295df19e0b0b76896', name: this.icon, size: "x-small", margin: "none" }), index.h("span", { key: '030a9c1d1143302973f2588aa426a949df0ed3c8', class: "label" }, index.h("slot", { key: '23aaf52fc62cf20248e88138fcc4fd780dbba8d0' })), this.active && (index.h("duet-icon", { key: '23ed4c8db968d6f3ed6a25a0591bb157e93f5135', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-308de19b.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
 
@@ -59,18 +59,18 @@ const DuetToolbarDropdown = class {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (index.h(index.Host, { key: '25b52f5f9d6dd23c6fc82c1ba514284087c88170', role: "listitem" }, index.h("div", { key: '2547a078631c1588f7ad3c95adccfc525ffb63b1', class: {
+        return (index.h(index.Host, { key: 'dae4918c82360d9da61fa1d20762123860af33d3', role: "listitem" }, index.h("div", { key: '8f3edc8779f3fee050c5c725510a8536c8a255d0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, index.h("button", { key: 'e1d93883c560598b35ac8be798475095c7f1a631', 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: {
+            } }, index.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: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: 'ab5f1a464057077698ffb25e919df7fdaaab4639', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), index.h("span", { key: 'b3d7603015f2fae719a254ec60b8a2e43107edd8', class: "label" }, index.h("slot", { key: 'f6676d4bd0c1f092627b1ce1bbcbfdd6499c8447', name: "label" }), index.h("duet-icon", { key: 'b84679735414c634310004d5c9b4dbceaaedb6ed', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '5718a6a649198a601507dd916feee0f356f9786c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (index.h("duet-icon", { key: 'b4764264253075f8605b024099dc7c3a3dadb834', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), index.h("span", { key: 'af3de973879ed184c4260dc2e73796a055b68793', class: "label" }, index.h("slot", { key: '04d1eddf51a06bbf1577e26c247d7f4cf8a7f186', name: "label" }), index.h("duet-icon", { key: '1a71a8f3df871d0b776f0c8774388ff9361c60fe', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '0efef11353d0f91d685e5515e4c1f29ec5ad6173', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: 'c0d3e846d10e190162c97c680c4b0ecec3eceb33' })))));
+            } }, index.h("slot", { key: 'ce8f9025a95a337ba2035d68060a644bc621bb8a' })))));
     }
     get element() { return index.getElement(this); }
 };