@duetds/components 9.12.2 → 9.13.0

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
+const index = require('./index-4babbdda.js');
 
 const DuetShareChartItem = class {
     constructor(hostRef) {
@@ -14,7 +14,7 @@ const DuetShareChartItem = class {
         this.color = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '0c89fc95cf25c2faf556ea7b7de8ace02d848ce9' }, index.h("div", { key: '8cdb7f31ae240b68eda387beb52855c36acef5e6', hidden: true }, index.h("slot", { key: '6858e722e101a5d677b61dada80744180b31fbe0' }))));
+        return (index.h(index.Host, { key: 'd445b3fcd17ec7e9a3b0a2a8cadb9396883c8059' }, index.h("div", { key: '5cc83a7a215cbf2c11d2efea994394e31161ecc5', hidden: true }, index.h("slot", { key: 'efe3dd0892bce32e1adfde3f8f818b4c3112291d' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
-const languageUtils = require('./language-utils-db49b98b.js');
-const slotUtils = require('./slot-utils-018275a5.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
+const languageUtils = require('./language-utils-83791d57.js');
+const slotUtils = require('./slot-utils-c565d8b9.js');
 const tokenUtils = require('./token-utils-6258d3f7.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-a7c77c13.js');
@@ -69,10 +69,10 @@ const DuetShareChart = class {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (index.h(index.Host, { key: '0215aa7c7d7e02cf9cc239fd9582c00a933ddc5d' }, index.h("div", { key: 'f7d0d4503f87b5b91a58db6604e60d1bd5a69939', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (index.h("span", { class: "duet-share-chart-share", style: {
+        return (index.h(index.Host, { key: '4fdb192aa20cd6f6437d85d5a3f747acdbff79ef' }, index.h("div", { key: 'aa0fb6bec4450f520c6717af033535a1dba32e4e', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (index.h("span", { class: "duet-share-chart-share", style: {
                 width: `${(item.value / this.itemsTotalValue) * 100}%`,
                 backgroundColor: tokenUtils.getColorByName(item.color, this.theme),
-            } })))), index.h("ul", { key: '6da551b4f9bec7edaa8c58084d9e4cca2e212651', class: "duet-share-chart-item-list" }, this.items.map(item => (index.h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, index.h("span", { class: "duet-share-chart-item-color", style: { background: tokenUtils.getColorByName(item.color, this.theme) } }), index.h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), index.h("span", { class: "duet-share-chart-item-value" }, "\u00A0", languageUtils.formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (index.h("duet-visually-hidden", null, `${languageUtils.formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), index.h("slot", { key: '8d64324a687b9858be5de32341b390e12721928a' })));
+            } })))), index.h("ul", { key: 'e1fcc132bd62897160224822eb8b6260e3915cf3', class: "duet-share-chart-item-list" }, this.items.map(item => (index.h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, index.h("span", { class: "duet-share-chart-item-color", style: { background: tokenUtils.getColorByName(item.color, this.theme) } }), index.h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), index.h("span", { class: "duet-share-chart-item-value" }, "\u00A0", languageUtils.formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (index.h("duet-visually-hidden", null, `${languageUtils.formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), index.h("slot", { key: '2eeb09621a94b00304aa0a8ebcc89d99c2b9485d' })));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-db49b98b.js');
+const languageUtils = require('./language-utils-83791d57.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}:host(.duet-theme-turva2) .duet-show-more.duet-theme-turva{color:#172a3b}";
@@ -102,12 +102,12 @@ const DuetShowMore = class {
      * Always the last one of the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'f3173450b4f7285549fb9eddf878c9fbb75539ac' }, index.h("div", { key: '6df93a8cfbb0308957ccf9755e3aa2a382f3390d', class: {
+        return (index.h(index.Host, { key: '92c7a8a940fa6b4ade953646d8f2a0f9764d7cb8' }, index.h("div", { key: '2c243c0e75ff7c85608ff9124dad4217fce9ca09', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, index.h("div", { key: 'ef68cd495253247788c1966b5fbf0794694dcee7', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, index.h("div", { key: '7ef4551d4014d3767c7c5c1295cdd932b573dbe5', class: { "slotted-content": true } }, index.h("slot", { key: 'cb62e16a9d8397cee71e1df9d905310e8c399c69' }))), index.h("duet-button", { key: 'b70902ab3cdb24cb1e63fc36c143bc6e39ace4d7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, index.h("span", { key: 'd38229ca020c8d226fade3be4a0be3ad502cbb06' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, index.h("div", { key: '71705332d3aa1bfe177c6d965a9e5bcbae98be86', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, index.h("div", { key: '07ab4d6a2a63a4c5828f77aff112aa0b6edc45cc', class: { "slotted-content": true } }, index.h("slot", { key: '27fa6b74575cf303bddde356b7b96099a7500443' }))), index.h("duet-button", { key: 'b52389d6f0d70da19c9a0e855516b65ef7dd1611', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, index.h("span", { key: '7a21e35febf93126d1bde48f59bfea260c547674' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
-const languageUtils = require('./language-utils-db49b98b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
+const languageUtils = require('./language-utils-83791d57.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)}:host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after{background:#172a3b}";
@@ -45,7 +45,7 @@ const DuetSlideoutLang = class {
      */
     render() {
         const langTranslation = languageUtils.getLocaleString(this.chooseLangObject);
-        return (index.h(index.Host, { key: '2ab888a7ae849f65aa6e7f707bdb9a63e74fcb1e' }, index.h("div", { key: 'd439f10d6618e506cded6281ec65a0247b9fb77e', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '24c14d344ce2454cde7e260044717d45a472bfc0', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '3d9e342638a8f134981efed8deadf7a3ca8f0d46' }))));
+        return (index.h(index.Host, { key: 'a7713847bd3e1a3c0f2f3ee2a3c4953b16ab9dab' }, index.h("div", { key: 'dcc4f8c8be73f4e158021db290ebc41a928f26b5', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: '66bf96bab08b50be6a5a70efe80cb1bdc0a2668c', name: "navigation-language", margin: "none", color: "secondary" }), index.h("slot", { key: '11f293894f1a4845bd1e41871a0d64efeffec8b2' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
+const index = require('./index-4babbdda.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-a54bbf77.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
-const a11yUtils = require('./a11y-utils-e59debeb.js');
-const languageUtils = require('./language-utils-db49b98b.js');
-require('./slot-utils-018275a5.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
+const a11yUtils = require('./a11y-utils-7f0f44ac.js');
+const languageUtils = require('./language-utils-83791d57.js');
+require('./slot-utils-c565d8b9.js');
 require('./string-utils-7b13c16e.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 .label-content::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:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}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)}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after{background:#e61740}:host(.duet-theme-turva2) slot[name=description]::slotted(*){color:#172a3b}";
@@ -53,12 +53,12 @@ const DuetSlideoutLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'a40416f8f46c552dc52f47dc5a20dd6b297e5451' }, index.h("a", { key: '0c1100e6fa2c94b27b1de37cf9fb7110f1b015b7', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (index.h(index.Host, { key: '37e7f55eccaef46f0fdb0cc722167b3d2be07250' }, index.h("a", { key: '7888b5689d718e5618dbd8119513c9ad0bd88eaa', target: !this.href ? null : this.external ? "_blank" : "_self", 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.href && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (index.h("duet-icon", { key: 'cfa9532a3b552492020986415bf5f6f12082f2b5', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: '3d388ab4d01f32217775f5ef88ad46daef148235', class: "label" }, index.h("span", { key: 'f75a096671d5b8f97c067cfacbda83d3bd9d8db8' }, index.h("span", { key: '2aec2f0aef1f95cce2d253b3b7b381d38161bcdc', class: "label-container" }, index.h("span", { key: '9b16b7cfe6ca4fdae793736fae5523bdf5371bd5', class: "label-content" }, index.h("slot", { key: '5597bac9103fd5b2e1d09e2b943d83c9e8f79d82' })), this.external && (index.h("duet-icon", { key: '5902a878fe378a712b9704f7a72cbd34e5386b8c', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), index.h("slot", { key: 'c017fa9fefdcdef5c3f5ce50e7814e3ad31b427f', name: "description" })), this.caret && (index.h("duet-icon", { key: 'ad14153a7ae8c4392a9677bd83dfa69101986e04', 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.href && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (index.h("duet-icon", { key: '0fdcbb18f34d423c59650e55bccee40efedb9f49', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), index.h("div", { key: '06d69d19e7780580efd75a285c6d58008dc7ef4e', class: "label" }, index.h("span", { key: '6db329897b1ad576bce79b2da3c2586992786239' }, index.h("span", { key: '01b2c540cb6096bf321cd52272c7bfc7284f9532', class: "label-container" }, index.h("span", { key: 'fd2b7ff9885cd3a24f1b81e14b0e972daf606da9', class: "label-content" }, index.h("slot", { key: 'c05ee9479a383f4a3a99d1060054e4b07a510337' })), this.external && (index.h("duet-icon", { key: '669c2f06ba1388a117029c4bebb472a22a51d90e', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), index.h("slot", { key: '81fe3d16cde666a547216e35ebfe7c4d9289713b', name: "description" })), this.caret && (index.h("duet-icon", { key: '31f873adfe1e59fc420ea6cafcc9133a10e92f43', 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,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.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}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .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}:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:#e61740}:host(.duet-theme-turva2) slot{color:#172a3b}";
 const DuetSlideoutPanelDropdownStyle0 = duetSlideoutPanelDropdownCss;
@@ -49,16 +49,16 @@ const DuetSlideoutPanelDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '61e8058eef36825a98bc85533bcb5f23e81fdbf6' }, index.h("div", { key: '613bc029822550b61c975eaff0ec1734cffbe115', class: {
+        return (index.h(index.Host, { key: '56faee9144d28aa60667fdf09a6cb8505a2d5019' }, index.h("div", { key: '13fac67091478d3f93b4dcdda87d78769cb684f7', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '7d0ea9527674af103958a94c574fa929bf33fdc1', 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: 'ca6bcd9c33c48f8ce6c6b6beecdc6f2abb3049d0', 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: '59a45ada4c16c2acb57d285f0ecd174d70548a37', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: 'c8e5930cbece0e969fe96b9f534227b4d76fccd8', class: "label" }, index.h("slot", { key: '21485c8cafd5de8ce62f7eb0a23bb75cf1ac87d8', name: "label" }), index.h("duet-icon", { key: 'd47eb2b8e169425338c1671f41bef35a2e22e8b3', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: '18622029483e38d5b07f8058aef4899f3e0289f9', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: 'b3635153f84663988ea84257c9cfaa5d3aea7a2f', name: this.icon, size: "medium", margin: "none", color: "secondary" }), index.h("span", { key: 'ef13c8e149d1736216107e243d27ccbb6f303cb7', class: "label" }, index.h("slot", { key: '58486ebae7658383e393bcbcde5db4af478a4bc8', name: "label" }), index.h("duet-icon", { key: '3935b244f34872dc262934a8754596ce50bb255a', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: '6368cfe15f050458ab5a859977b8d5144316bd52', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: 'a8ff7bee4522da310d4a86916a877d626e67970a' })))));
+            } }, index.h("slot", { key: '7e5c69e4d53d0832a3f833c6bc297c3069f12fa7' })))));
     }
     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-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const bodyScroll = require('./body-scroll-dba42314.js');
-const focusUtils = require('./focus-utils-aab4fc49.js');
-const languageUtils = require('./language-utils-db49b98b.js');
-const slotUtils = require('./slot-utils-018275a5.js');
+const focusUtils = require('./focus-utils-3b3e2586.js');
+const languageUtils = require('./language-utils-83791d57.js');
+const slotUtils = require('./slot-utils-c565d8b9.js');
 const tokenUtils = require('./token-utils-6258d3f7.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-a7c77c13.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: 'c618207a4d1f48bf3d6826e1403f814dfefab575' }, index.h("div", { key: '24aeed548e03a4ba674fd5273c4f702f8121db77', class: {
+        return (index.h(index.Host, { key: '56eb135660ee88050732a5d2fea1ad481f9eb292' }, index.h("div", { key: 'ac82e6b523a166482f63f844fe4665bb9c51cf67', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '86f88c9bbe4895bd068180e5b995b33f32d02062', 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: '237fd45dcf65a5276ba815e0b1f96edf37f34792', 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: '4c2c622204fdd0f993285435eb35d99c469deba7', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '47471be5905639b85633ca7c078fc8a2b8b3434c', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && index.h("div", { key: '010cb1b61008c593fdc2ae9a75b85f4333bbf6b4', class: "duet-slideout-badge" }))), index.h("span", { key: '83e55977bce3226cacaddf855b620fca72b06d39', class: "label" }, index.h("span", { key: '9d2cab5ad2ffd23583afc55ddf53cab71f8a3774', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: 'd5ae73ff0c7304bf80d6a42bb58265fadadc6261', name: "label" })), index.h("duet-icon", { key: 'b1500d208ee1d7f73139aef3eb067d7f88bd161f', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'b4b7095bd5b8b0bf9123970308284d05910d29ff', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: 'eb4918cee89d1a28119e7c96a41dd30876b9882e', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '585083f0736aca5f20850536cf4ac576354d0adb', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && index.h("div", { key: 'e5b2e4bc6d70118c462ab6740e6c89a588babebe', class: "duet-slideout-badge" }))), index.h("span", { key: '2c533f9ab954b21ad9ee1f489a896f8661d6b744', class: "label" }, index.h("span", { key: 'd18761f73625fe1ed2061413dde2ef1649e0d8e6', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: 'b8877cefe56a922264fd7b8cfdb59699b321cca6', name: "label" })), index.h("duet-icon", { key: '9223672f3ef2c5f4e24d93180266c12ebb81f873', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: '970e055462866b6c2e0d9f8f61fa0f44014e1f8c', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, index.h(focusUtils.FocusGuard, { key: 'b727beeabc7dbf3ddac34ec3bb2b83088fdd8a64', moveFocusTo: this.closeButton }), index.h("div", { key: 'ae27f00c16f42cdc381e039374ca60469b7e47e8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '2247b741022af7ea503e766eb23d88317153e4be', class: "top" }, index.h("button", { key: 'b5845650af972cd12875faf5f7591636fb26e936', 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: '55077ddbf3f4b2b9f7418ac25e18925d0790f51d', moveFocusTo: this.closeButton }), index.h("div", { key: '173896613871ccb4612a777f81cc7aa099f846dd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '5de8816912ec989b3c3a592f71d82769f81705cc', class: "top" }, index.h("button", { key: '7daaf548d0726af440efe31d65dda28ab7b10590', 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: '9db41b0be45366ff69d05b07144ddb0e61200fef', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '3c77687dc007b4c7f2d8f64db30a512cfccb84c7' }, this.label.innerHTML), index.h("button", { key: 'b483ddbfbb812cd765892a1233b51ebeb609f794', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '4c752e1fae7537d84b3a4d0c5c3f49a65510129a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '90a3a6cc8807e8d3d47532498277130ad8b06cc5', class: "sticky-header" }, index.h("slot", { key: 'bb9821613913f9b1698091345f6f9570a6b53c05', name: "sticky-header" }))), index.h("div", { key: 'efed104d95f95cfe31d0a4e785c54f089c221811', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, index.h("duet-icon", { key: '51d4e6709d84ea7ae022637b49b0f3fe1848374b', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '8fb630a47d81b8cd39c2b41eee44de476ee2d909' }, this.label.innerHTML), index.h("button", { key: 'ebe66dcf5fb90368364bf99aa17e16a1c1f618a7', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: 'a625e7fe337d30f0663e785b574ea068fcafa161', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '5c949cc572f5fece64b0fcb5054ba0feb7e3852a', class: "sticky-header" }, index.h("slot", { key: '967df86d4dcad22d11b312e508de6114fa2e40cd', name: "sticky-header" }))), index.h("div", { key: '2fad52921cca02a904eb498d690d27284e6a928e', 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: 'fa57d978d819397f7b0ef84ed9e5581899d41750' })), index.h(focusUtils.FocusGuard, { key: 'b42d0431e7a6c14f457ca07a5d703dfa22039b5f', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: '8877447b3854175bbd232289e9e3309f6efea81f' })), index.h(focusUtils.FocusGuard, { key: '9f96ad5a3cfb71dc1991b8f91e2fa4d7c0710a87', 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-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const bodyScroll = require('./body-scroll-dba42314.js');
-const focusUtils = require('./focus-utils-aab4fc49.js');
+const focusUtils = require('./focus-utils-3b3e2586.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-db49b98b.js');
-const slotUtils = require('./slot-utils-018275a5.js');
+const languageUtils = require('./language-utils-83791d57.js');
+const slotUtils = require('./slot-utils-c565d8b9.js');
 const teleport = require('./teleport-c0eede18.js');
 const tokenUtils = require('./token-utils-6258d3f7.js');
 require('./string-utils-7b13c16e.js');
@@ -266,16 +266,16 @@ const DuetSlideout = class {
         };
         const topLevelOpenMenuBarTranslation = languageUtils.getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
-        return (index.h(index.Host, { key: 'b06138095b2584f939132470fee653ef6407cfbc' }, index.h("div", { key: '7fe5aa734dc9d773a50f15fb1d33816d59bea675', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '058c7f9bcb9fd8a39023ce1af7928520b9256ca3', visible: this.open, "display-device": "large", zIndex: "600" }), index.h("div", { key: '168dea6e198121886c481bf3cc4a5685e5e9b635', 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: '5b1e8dd6a1d23ddfd1fd4ec9953358648f83b2f4' }, index.h("div", { key: '1b3d3922fa437e5a673eade5e37bdf4301f78c04', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '5320d50095216834367b1dadf87aac40844c1330', visible: this.open, "display-device": "large", zIndex: "600" }), index.h("div", { key: 'a66f039db9a25bf386d1b432aa0a5e31431d425c', 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: '732f5891a311e78215c6b11c16e1ed53801a685e', moveFocusTo: this.closeButton }), index.h("div", { key: '99a512217fa513b1ba7ef090b9d70bd82607486b', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '04e5a3a6262b6bd74a618ea7aa4d5daabcc4efd5', class: "top" }, index.h("button", { key: 'e65ce50234a3cfb411c6520e890119f643056f4c', 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: '40b2443754bf241922b967ff7a513c959761f1fe', moveFocusTo: this.closeButton }), index.h("div", { key: '3b3fddbbcf56a58504c68e8c1e2b2900aedc5d64', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '2a59af527b5aff6888cf32062ac395ea70c419d4', class: "top" }, index.h("button", { key: '947f06b59448c995e2512e5bcc97cbd6d109b6f9', 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: '2e3b651ed8ddd41b52f4013c5c8ce5d5b13d2ecd', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '3c94f5082d687f924775f938ef39e8ec79a2b603', class: "sticky-header" }, index.h("slot", { key: 'bf3757c7225a27018e664a3f2dd6a21388e5792b', name: "sticky-header" }))), index.h("div", { key: '43abbab29280b8cea873b84eb79bacf574016e89', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: 'aebc4e8f5e9782c5dc7d6b3531aaa7652afd8cc3', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '49d1788b366efacc2240cd1120861b6826e6c989', class: "sticky-header" }, index.h("slot", { key: '337568b5b2fce699eefe02c958d18b23cfd56686', name: "sticky-header" }))), index.h("div", { key: 'c1e094ea625aee5b60ff298d17d817366c6ccd9d', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, index.h("slot", { key: 'acfbeb5b6e39ee7fe06abf4b0cb90515fe5e88c4' })), index.h(focusUtils.FocusGuard, { key: 'b20fb123efe1d1185aa0a1d2c62175c1f86aa909', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: '396e59703e3eb7d0647fed3c96d20cd3f43c100a' })), index.h(focusUtils.FocusGuard, { key: '5b400bf78b36b3e576fb30fc82a84fb1c754fd79', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-status-icon.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const tokens = require('./tokens-e6fda5ee.js');
+const index = require('./index-4babbdda.js');
+const tokens = require('./tokens-22702e71.js');
 
 const DuetStatusIcon = class {
     constructor(hostRef) {
@@ -79,10 +79,10 @@ const DuetStatusIcon = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f312ca2d2c72d562db976219a24fe72b14952ae0', class: {
+        return (index.h(index.Host, { key: '0c7e9e81aa0df937ac47bcfaf99525e669866704', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, index.h("duet-icon", { key: 'a1a9463867f3801ab1a3b5dcbbf8d1a8df84487a', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, index.h("duet-icon", { key: '8b806b24e99faa5637683e31bdb29aea671c1097', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
 };
 

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
 const commonStrings = require('./common-strings-a54bbf77.js');
-const languageUtils = require('./language-utils-db49b98b.js');
+const languageUtils = require('./language-utils-83791d57.js');
 require('./string-utils-7b13c16e.js');
 
 var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
@@ -218,7 +218,7 @@ const DuetStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'fe47ed64b8023aa730babf53656e72184f937483', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '88422772394488a36ea8a058393a0435fe73637c', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: '0e681560769ea5572ee4d6590ef4d680856b6d30', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: '4148e310b4635d4add0a7a599e94eee69821c485' }))));
+        return (index.h(index.Host, { key: '740a97432ec3cd68e37e0d1c15ef857fda784e03', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'cd7bb18ecc5f6912692e126352addfd6d261ed31', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: 'e544dcae3ddc94efef5586ec9cf89101c4438be7', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: 'a66d4563c4a9f66d31e8bb14502a10c70d663baa' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
 
 const duetSubmenuBarDropdownLinkCss = "*,*::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-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-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-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-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\";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:#e61740}";
@@ -40,12 +40,12 @@ const DuetSubmenuBarDropdownLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '4c88ac33c4d5a8c55dcf089231ac23a7c3107ffa' }, index.h("a", { key: '4ef81ca8437bbc26bd559fc76ac8434d35a52f3b', class: {
+        return (index.h(index.Host, { key: '70dc6010e5c86ad45da1c5181093ccdd36aedf8c' }, index.h("a", { key: '88f6be423630593baa34df5aaa95658f4d62e144', 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: '8c837f0188dc98d57c0a2a746bf3e9361feb2777', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '913bb6c4477411898a7e7ff43ea85c0afaf97f2f', class: "label-container" }, index.h("span", { key: 'e3117259f4bd9101db5fe1587ee4b1785fe31440', class: "label" }, index.h("slot", { key: '8a4bb1311544492d308473df41ad19e82ac9162c' })), this.caret && index.h("duet-icon", { key: '10fa1e1927b9c6a4a6186a547498505065c86927', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: 'bd0321e5a2da527156ae208eaace152c92bb2a67', 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: '1b8442b9b12ea7e7d70a4cafb650f44e623ed079', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '649f4c2ba3d389a010c5a2d931d88052ab32738a', class: "label-container" }, index.h("span", { key: '0956e484078fe3c11a3dbc9c583c9a00f78beb22', class: "label" }, index.h("slot", { key: 'd38dda8929e0d9fd12abe02ea3e43dc4514699be' })), this.caret && index.h("duet-icon", { key: '0ae18e14eb823bcac1af33ae2bd4fbab222296e1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: '2e54718adef2328ea759432eea812e3e959931e7', 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,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const tokens = require('./tokens-e6fda5ee.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const tokens = require('./tokens-22702e71.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
 
 const duetSubmenuBarDropdownCss = "*,*::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-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;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:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::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-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;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);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-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)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button{color:#172a3b}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:#fbe1d1}}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{color:#8c001e}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open{background:#fbe1d1}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}";
@@ -105,18 +105,18 @@ const DuetSubmenuBarDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '78764f2fa2d385122f181df83f8aa19f28f519b1', role: "listitem" }, index.h("div", { key: 'b951d99383563ef459e188871d36f0de73f49ea0', class: {
+        return (index.h(index.Host, { key: '70868aabae55a1cf5a33ffa60fa5f4503538dea9', role: "listitem" }, index.h("div", { key: '9809d5a4eab393c96dd7851edb141543e3133768', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, index.h("button", { key: 'b34fbbfaa54487ccca2504b88f204665b8295f8b', 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: '28578844117f1a8125be55516cff56ac1e8a7f15', 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: '133885d52099c50ce44995b63cfecb8b57abff4e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '04e4ca0fe30c6c22697c93d45616a9be37f518fd', class: "label" }, index.h("span", { key: '31af52e632b10711c32e673ec2b077595e5ed3b3', class: "label-text" }, index.h("slot", { key: 'a27acda9d5e996be374c51890d8ffa076ece5cca', name: "label" })), index.h("duet-icon", { key: '5c7b7c11b80e7da0c737d48501c90d896076ae57', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '4924c49a1deb22b6f833235b5c665b9bb2f32c0d', 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: '9c8abf604b85505fcb162655ba88d8ee98d0c33f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'e5ede13eceef98527bf96e09fa02bed5f3a56596', class: "label" }, index.h("span", { key: 'f6c75d3c08f19179ee759a0d049eae30f2c9f464', class: "label-text" }, index.h("slot", { key: '02f6d7e96cb114febddb08e4ff3d0acb074c9033', name: "label" })), index.h("duet-icon", { key: 'd1e66d3f724512be2a0da418530fd733beefa784', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '5dbf142f285d703e83580e73497a92bf79173a63', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: '324a1de65c74124df7da639f2968c59471f8511c' })))));
+            } }, index.h("slot", { key: 'f20c64dc6799152a072355db08285ae3254a21a4' })))));
     }
     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-9f14a370.js');
+const index = require('./index-4babbdda.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-a54bbf77.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
-const a11yUtils = require('./a11y-utils-e59debeb.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
+const a11yUtils = require('./a11y-utils-7f0f44ac.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-db49b98b.js');
-require('./slot-utils-018275a5.js');
+const languageUtils = require('./language-utils-83791d57.js');
+require('./slot-utils-c565d8b9.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)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:#e61740}";
@@ -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: '8fb2aff6481efd09c3311a2114bc40ed8ba9cd06', role: "listitem" }, index.h(TagName, { key: 'e5146d02c7e463de148535b30ae968f5a4ab6f26', 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: 'f1b826b1a8f8621331d580399681fbc04558d7f8', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '04075e5d9ff4f33cae9131923277731134313a80', class: "label" }, index.h("span", { key: '0009392cf8fce40690b9c0cfd703b7936c889976', class: "label-text" }, index.h("slot", { key: 'fee724aaecfd6f7a8d9b7deda76b7030d050dbfe' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: '26150ce8a2f3a10ab89341ccdba9ec83f491dd3e', class: {
+        return (index.h(index.Host, { key: '15d1f01cbd76c4ced8aa252ed81917561aeeef90', role: "listitem" }, index.h(TagName, { key: '9f15d11e5868c3a481013409fb19379340a330f9', 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: 'bdd450ab99c8780a4cbde43bfafda57632e452a2', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '3fa29d16137ca86381aade1733233f69c9aa2ac4', class: "label" }, index.h("span", { key: 'a3156e9e1fe7b81cc1f0c651e17c8e05482901fb', class: "label-text" }, index.h("slot", { key: '50b0c3530a7acd735a6d0d563bd4a59fee5512db' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: 'c9d8546f6eea591cf4932bf78364aae8eac66f4d', 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,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const index = require('./index-4babbdda.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
 
 const duetSubmenuBarLinkCss = "*,*::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-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;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:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-bar-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-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.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-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\";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after{background:#e61740}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active{color:#e61740}}";
@@ -38,7 +38,7 @@ const DuetSubmenuBarLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '9296bbea6c18f9a71e8f8af622d3373fc11bda98', role: "listitem" }, index.h("a", { key: '3604e921c4cd954ed3887f771139f4d7b406d5ec', 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: 'ffa831cdf89e889ee004b2820ff091747061c3db', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: '604fc3f30829cf1e4e58a4bb02b08644cb6bfd37', class: "label" }, index.h("slot", { key: '3d7acd4cea860399f4618e8bfc99229b072c8d16' })))));
+        return (index.h(index.Host, { key: 'cf46769797af8d0cfbfc34a5d9f754e064b23da3', role: "listitem" }, index.h("a", { key: 'ba77c3487605554e93c2628b6ca4a13558dd63cc', 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: '80b4386830ee4f24c1898e7fc81b06cb5542aad3', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("span", { key: '5232690bfa4c2ead759d2dd89a08efa0cb0ddb39', class: "label" }, index.h("slot", { key: 'b27e4d3d3cdb1ff0005ac3ffca339852c0ae0b2b' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f14a370.js');
-const tokens = require('./tokens-e6fda5ee.js');
+const index = require('./index-4babbdda.js');
+const tokens = require('./tokens-22702e71.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-dd2d7d91.js');
-const themeableComponent = require('./themeable-component-59982a4b.js');
+const themeableComponent = require('./themeable-component-a007f8ee.js');
 
 const duetSubmenuBarCss = "*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:#fdf7f2;border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:#fdf7f2}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:#172a3b}";
 const DuetSubmenuBarStyle0 = duetSubmenuBarCss;
@@ -131,19 +131,19 @@ const DuetSubmenuBar = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '8d2a6b2a0b7c84afb8d61508907992f8b6bdda06' }, index.h("nav", { key: '98d23766ad48d99a0838520d6f67ce91b412198e', class: {
+        return (index.h(index.Host, { key: 'b9ed84c0da82f7c093fa3cc5c9602ca1fe44a4ed' }, index.h("nav", { key: '0f8fe04555854be9bc7c6a2d15a15653ffbd1016', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (index.h("button", { key: 'd7480f342588cc6a36320b77a896dcab23b6eaa6', 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: 'b6399d5854b6f89f428c24fa3a43fdd67de000d2', 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: '4993924e6fc711bebf1730098bfce3b03352d3a3', class: "label" }, index.h("slot", { key: '96d2a2598974b954d7356e30f0944a1391889b81', name: "label" }), index.h("duet-icon", { key: '31f715447d28b021e55472a6f0206d416ec9bfad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: 'dcee976dcad422cad0659ab4660908a5a3cc199a', class: {
+            }, onClick: this.onClick }, index.h("span", { key: '1d5e8668c8b750f4972504df8bed57245ef5eabc', class: "label" }, index.h("slot", { key: '20c27756f7a5aad70a898fff440360f28c28d91b', name: "label" }), index.h("duet-icon", { key: '43057e0edf41bb7e391ca83b88945a2b9b25ef2e', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), index.h("div", { key: 'c5e37557b3b340b72d9884217c94e2901278e597', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, index.h("div", { key: '06f7df5458d96f348d6ee9fd51ed36b8882b786b', 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: 'dce4cefa83a6e80dc7c8360c282317a135c4c0ab', 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: '8e176f888c84b7c1ac873f24412679426a872326', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: 'f4df0b6566761ccbde3d382f29a1100bfb12ad15' }), index.h("div", { key: '5f95cb75994341f33fe801a198c6d907c08b497c', class: "list-padding" }))), index.h("duet-overlay", { key: 'af3a1f80bede46a7a8aba422119493ae64fb8cf0', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, index.h("div", { key: '75d2f4b701d7f2b44c305da5bb697d4cf73faf1d', class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", { key: 'e5b60df2f15ee80a4a6bd17960ef48be2bde1756' }), index.h("div", { key: '5b8e5fd8fa81cf1fade618d0211471941dae339a', class: "list-padding" }))), index.h("duet-overlay", { key: '2fdc9e8c03721caed4b5b2d05b436375cd57b39e', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {