@duetds/components 10.5.0 → 10.7.0

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

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
-var slotUtils = require('./slot-utils-BXdHT3A1.js');
-var tokenUtils = require('./token-utils-DY3-olMV.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
+var slotUtils = require('./slot-utils-4v5bqyQh.js');
+var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
-require('./tokens.module-CTbvyezn.js');
+require('./tokens.module-CGRpZaa1.js');
 
 const duetShareChartCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;color:rgb(8, 42, 77)}.duet-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}.duet-share-chart-item-list li.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, 42, 59)}";
 
@@ -71,12 +71,12 @@ const DuetShareChart = class {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (index.h(index.Host, { key: '76dcdb711e01b723ebfc6a7ac917640566d3c519' }, index.h("div", { key: '0e33db2ae8dbd50fcca75bfc44780e47f540b35c', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items
+        return (index.h(index.Host, { key: 'ba78b52814e18d4a98cf429a006a3363c004fae2' }, index.h("div", { key: '545e5ae574e55f8f516c28b2611386306667dc08', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items
             .filter(i => !!i.value)
             .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: 'af7cc163b43b67f726f90a32bd8bebb172a65ddd', 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: '4648ee2e833c07161de6ceb6179678b978e07741' })));
+            } })))), index.h("ul", { key: '84ded0fa2267a1187feda3ac3d0774b8628532ce', 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: '5657cc260498b721b27387d03a650a677498b872' })));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
 var createId = require('./create-id-DtslnIOq.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetShowMoreCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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, 42, 59)}";
@@ -144,12 +144,12 @@ const DuetShowMore = class {
      * Always the last one of the class.
      */
     render() {
-        return (index.h(index.Host, { key: '63b3a492707e1a57c1611b073e6b663f3b3f5550' }, index.h("div", { key: '663d694dedf732ed665fdd22ac8bfbb609aa4ba2', class: {
+        return (index.h(index.Host, { key: 'd09f18e15e280f4a09bae1d89d8eb471c4b885a3' }, index.h("div", { key: '949dbbcd73eb37252f098b4bc3e169ec0e3adc5b', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, index.h("div", { key: '035ca78df910e7b4c7266e94ce54011f73197274', ref: ref => (this.contentElement = ref), class: { content: true, "duet-theme-turva": this.theme === "turva" }, id: this.contentId, tabindex: this.open ? "-1" : "" }, index.h("div", { key: '6a41aea8c1bd21d5112e1d0fadb83de9c25b99a2', class: { "slotted-content": true } }, index.h("slot", { key: '7cbe45659e187d12579f798c9019be8aa6c40c83' }))), index.h("duet-button", { key: 'fb2e655522a81a79a288db8a6ba720e3ada41a5d', 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: '5cb30295ce5968c5d7a87185652db0640ab42839' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, index.h("div", { key: '5c78082532033803e3d40d1b855b73eb03b91416', ref: ref => (this.contentElement = ref), class: { content: true, "duet-theme-turva": this.theme === "turva" }, id: this.contentId, tabindex: this.open ? "-1" : "" }, index.h("div", { key: 'ee8ff8232b890ccc701009ceec3c1949f63c1298', class: { "slotted-content": true } }, index.h("slot", { key: '8c48e2cf5d3b4c62e03b1ebf3486041f30bd92dd' }))), index.h("duet-button", { key: 'f310b7cc5c62fd6300054a8147d0b8733ca6dee7', 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: '059e01e1c0ea1424eaac85471b3d4a80258f3aec' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetSlideoutLangCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-slideout-lang{display:flex;gap:16px;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:-14px;width:2px;height:50%;content:\"\";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 42, 59)}";
@@ -45,7 +45,7 @@ const DuetSlideoutLang = class {
      */
     render() {
         const langTranslation = languageUtils.getLocaleString(this.chooseLangObject);
-        return (index.h(index.Host, { key: '34f0930dcf8021c6864fb605ea004dc58e6b8c9b' }, index.h("div", { key: '9433641622ace86c08d679f5de5a06c065bc24cd', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: 'bc6f8729f8011ff306198f5e6a6c050145199d03', name: "navigation-language", margin: "none", color: "secondary", size: "small" }), index.h("slot", { key: 'a1608d54cdb7ec066e5757e46ec943db0aeb3eed' }))));
+        return (index.h(index.Host, { key: 'fb16f7ca32c1c5b70c7cb19b34d39e0de068a71d' }, index.h("div", { key: 'fe1252db925d2af57a4dc783d777dbdf691994b5', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, index.h("duet-icon", { key: 'a4597bafb6db9221e482610d9283c992aa42cca9', name: "navigation-language", margin: "none", color: "secondary", size: "small" }), index.h("slot", { key: 'df424707a999430019c6cd6853b58ea0d55d2463' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
+var index = require('./index-BGRMvA4R.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var a11yUtils = require('./a11y-utils-DaAO4N9d.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var a11yUtils = require('./a11y-utils-DmCjy3Q3.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
 require('./_commonjsHelpers-4N64IRaP.js');
-require('./slot-utils-BXdHT3A1.js');
+require('./slot-utils-4v5bqyQh.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetSlideoutLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:16px;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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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.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:1rem;font-weight:600}.duet-slideout-link.large{font-size:1.25rem;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-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\";color:rgb(23, 42, 59)}.duet-slideout-link.duet-theme-turva.active .label-content::after{background:rgb(230, 23, 64)}slot[name=description]::slotted(*){color:rgb(23, 42, 59)}";
@@ -86,12 +86,12 @@ const DuetSlideoutLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '8af50d9b7ac2dff34a22383644c26bc271feb186' }, index.h("a", { key: '2331800cc3a3541998250f6e0d77989311da783d', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (index.h(index.Host, { key: '71791bded96b7d6edf41608fc4d9c492741ddbce' }, index.h("a", { key: '9c8645e7357b0e6a0d5f4407f82f96c6f42aea5a', 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: 'ce90f34daf34e3fad2b5ad7b3b5e37dad9c1fd20', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "small", margin: "none" })), index.h("div", { key: 'a5fc2cc4c2a7c166b57b529ff62d133775b8dc51', class: "label" }, index.h("span", { key: '49dc50b3f9fccbca74e22a2a62d8b8037484f386' }, index.h("span", { key: '732a205ac37b15f4f242c827b90600ff15194c74', class: "label-container" }, index.h("span", { key: 'cc338ec61125f8695556d8ecc08d9d75d2ded84e', class: "label-content" }, index.h("slot", { key: '9eacab150163fb2dba6e373a4a3b8ca05346916d' })), this.external && (index.h("duet-icon", { key: '6420a54645299ae8b19bfcc8626a929b6cc4f5cb', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), index.h("slot", { key: '9546111ca2eb2084ee09d4d48ad60eae283fad70', name: "description" })), this.caret && (index.h("duet-icon", { key: '8d9d92137460efafad759509121e6dae57165a72', 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: '8f76be0cc20b53561e9f1bbd954a8e19e1bf98a3', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "small", margin: "none" })), index.h("div", { key: 'f1e91400ccba4abe58478161a5123dac9e006554', class: "label" }, index.h("span", { key: 'c93d3f5220ce1ac55c83985bb1df18511bba18a4' }, index.h("span", { key: 'af6eba590285a896e6f4b9f9d87db82beb0ef9dd', class: "label-container" }, index.h("span", { key: '62e6519e6f026941b5ac4f8cc65e638d11512002', class: "label-content" }, index.h("slot", { key: 'fe67fbd9819d698956bfd3595ebd70e2d03536d8' })), this.external && (index.h("duet-icon", { key: '56d97a47dc264cf28c0b4b08efa53751ea6c8537', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), index.h("slot", { key: '88c0508cea00310b08cfb79fe23d7f1e07c44305', name: "description" })), this.caret && (index.h("duet-icon", { key: '186cd9ee20d9c4302e115c857ebcbc0493289870', 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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
 
 const duetSlideoutPanelDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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:16px;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:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.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;visibility:visible;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 36px;overflow-y:auto;scrollbar-width:none;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}slot[name=label]{font-size:1rem;font-weight:600}.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, 42, 59)}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}.duet-theme-turva slot{color:rgb(23, 42, 59)}";
 
@@ -58,18 +58,18 @@ const DuetSlideoutPanelDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'f64a64dc68d8df8aebfa507aa995894eb65bb2ce' }, index.h("div", { key: '18fe7e1d42915f5c5363c5eb95e86db85b214049', class: {
+        return (index.h(index.Host, { key: '6731d76d5bb4f77aec9aada9825967e260d0f041' }, index.h("div", { key: 'd746d29ae7d36c11330934d76cbabc3169bf5e61', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, index.h("button", { key: '06555319532a4a266c061fd1d9c37170c8f9fce0', 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: '4660cdc322f09987348f760e910e0ae5ae9562e5', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '0ea9ceb0e10517319ada16db751234cd3f620d69', name: this.icon, size: "small", margin: "none", color: "secondary" }), index.h("span", { key: 'd2fc1e1e76b6cde371078a56be4f463fa2592ab2', class: "label" }, index.h("slot", { key: 'e24116c6f0faf563303c6cfb862c635b5b46852b', name: "label" }), index.h("duet-icon", { key: '8cd1fdb85c9b4c70767c962dd87e4363f79cb384', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: 'ff90c4f48368c6020919db5272954fbeaf25bcbd', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && index.h("duet-icon", { key: '54984e4a5f9911c893403034cd705197b05e0a0a', name: this.icon, size: "small", margin: "none", color: "secondary" }), index.h("span", { key: 'e7c0afa8e83039615cd6541c8a96ac4d07227883', class: "label" }, index.h("slot", { key: '15b1c44212b96cfba8106d79484df27cb6b72d98', name: "label" }), index.h("duet-icon", { key: 'fdf3569a5ffc27ca16256dbb5ed697dabc6c6084', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), index.h("div", { key: 'a33d7c18c02689a09b66f6b2ae626ff691a36d64', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("slot", { key: '7e267c038e415f115df54d5b9ff2c7354614a9ec' })))));
+            } }, index.h("slot", { key: 'b187d077c28702f134241dd0d63ca52dedfec7b5' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
 var bodyScroll = require('./body-scroll-FWPe3_T_.js');
-var focusUtils = require('./focus-utils-BuGg0Oha.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
-var slotUtils = require('./slot-utils-BXdHT3A1.js');
-var tokenUtils = require('./token-utils-DY3-olMV.js');
+var focusUtils = require('./focus-utils-uEO1pi2O.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
+var slotUtils = require('./slot-utils-4v5bqyQh.js');
+var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
-require('./tokens.module-CTbvyezn.js');
+require('./tokens.module-CGRpZaa1.js');
 
 const duetSlideoutPanelCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:16px;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.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .link:focus,.duet-slideout-panel .link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.25rem;font-weight:800}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;right:0;z-index:600;visibility:visible;width:min(450px, 100%);height:100%;overflow-y:auto}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .back:focus.duet-theme-turva,.duet-theme-turva .duet-slideout-panel .top .close:focus,.duet-slideout-panel .top .close:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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.1rem;font-weight:700;line-height:1.5;color:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 20px;overflow-y:auto;color:rgb(8, 42, 77)}@media (min-width: 36em){.duet-slideout-panel .items{padding:16px 28px}}.duet-slideout-panel duet-indicator{top:4px}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{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, 42, 59)}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(230, 23, 64)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(253, 247, 242)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}.duet-slideout-panel.duet-theme-turva .top span{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, 42, 59)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 42, 59)}";
 
@@ -176,25 +176,25 @@ const DuetSlideoutPanel = class {
         };
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
         const backTranslation = languageUtils.getLocaleString(this.backLangObject);
-        return (index.h(index.Host, { key: '8a4dddd16156e7e26f2d90d27e4135baef9d7f7f' }, index.h("div", { key: 'cfed35efbcbf9502380c2b19e452447d64c0590a', class: {
+        return (index.h(index.Host, { key: 'e178d050a7d1b05d109805a292a393556fdc8185' }, index.h("div", { key: '6c79968641b06a29f67e2ee641f45ff9523fef0d', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, this.badge && index.h("duet-indicator", { key: '4a1de84e3b6ea4ffb2a1e01631f0a1739771e13e', variation: "change" }), index.h("button", { key: '0663a7f9b6b1f5f779313be946f44fb0c8e00504', 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: {
+            } }, this.badge && index.h("duet-indicator", { key: '3a621eee3a9e3c82817f57fcaaf685f6697607d1', variation: "change" }), index.h("button", { key: 'e09accc15fcea78b7dfe5587e82991d0cff908e9', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: '871f1fcb5709c43089b627de26a80a8a7eecd519', class: "duet-slideout-icon" }, index.h("duet-icon", { key: 'f1666ba453de11810cc1b1a5ce9d45faed10c193', name: this.icon, size: "small", margin: "none", color: "secondary" }))), index.h("span", { key: '051ce78454689a7a379a9abd4a75e9a6495afcfa', class: "label" }, index.h("span", { key: 'a22d205208a777b52b62e0d116a5db0998e3a79d', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '6b817eb49b69b5fe02cd3355fa045fad80bc7692', name: "label" })), index.h("duet-icon", { key: '0b397ce8f1de51dd50007ab3311e5ad59a7aa428', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'c7665a664268fbd5c4d01e152788ea70445814b8', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (index.h("div", { key: 'f0ad586caf516ba48ad9dc622717cd26963877ec', class: "duet-slideout-icon" }, index.h("duet-icon", { key: '0b215b49365a40d3ea430879b67ac194ecea6030', name: this.icon, size: "small", margin: "none", color: "secondary" }))), index.h("span", { key: 'ee8744b33869fa9843cc2ee305b6e3044260adb5', class: "label" }, index.h("span", { key: '1bd04fd656e987c3805b01032d110fe6fc2caa29', class: { "label-text": true, [this.labelSize]: true } }, index.h("slot", { key: '93765e7360ebcf9109e6967b06adccfc2edac5b9', name: "label" })), index.h("duet-icon", { key: 'bfe90da7a1c9f29b695d3c5ffbea797903ca1ddb', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), index.h("div", { key: 'fe3bf0c1c3af57d903d4e06f904dcdd531d4f703', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, index.h(focusUtils.FocusGuard, { key: 'c05cc6d5b0da41bedee7978f01d6f7c90ecfcf43', moveFocusTo: this.closeButton }), index.h("div", { key: '8ba7873500abd185fe735632b574279157c8a707', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '042cbf7c5c36e7a477a64ef184452817030a1fe9', class: "top" }, index.h("button", { key: 'f327d356b8de850e432f515a4c1a6dc9e003d6f8', 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: '379e1ff56a13ccc13d288a973907700cef490a18', moveFocusTo: this.closeButton }), index.h("div", { key: '39ac4d2d35871298e8c66c0601a063ea93842ce6', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '2efa0a702a7f820938802f843dbfb26290875184', class: "top" }, index.h("button", { key: '61fe6909d29eb82186b3330fa845902ddb4ef052', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, index.h("duet-icon", { key: '504fac50c5194735f7da38fd9034f28a39418192', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: '274ca7fdd2c19790c60a7652a7733b41589709d0' }, this.label.innerHTML), index.h("button", { key: '8aadd95055653e4125015bde99188315d0c2e8cc', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: '183d96aae0264a7b83f1aa77bdfb63778f173c74', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '7861b5f725b0711c2b7cd7509c8a9a413e28564b', class: "sticky-header" }, index.h("slot", { key: '2c16e97d5eb0d661158a567b6a07fb89ef1414f2', name: "sticky-header" }))), index.h("div", { key: 'd6e922e2a37b2ab0ae519dda40afb32d5b56e554', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, index.h("duet-icon", { key: '9d7aeca2c733cbf7493a6baa370734f5bea1d2e4', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), index.h("span", { key: 'cc5ae783e309097773eba3215e89e77fbeeec5bf' }, this.label.innerHTML), index.h("button", { key: '664a157c39f96f3ff3a4be09d43165a9399c7e7d', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, index.h("duet-icon", { key: 'e72d12534a4f2fdcbcd81cd611e581e36c47f921', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '16891dafb3ef15b8c555d7a20eb3a3737b6169a0', class: "sticky-header" }, index.h("slot", { key: 'b852b6aba1b4f0f617a1b58ca4986c3dcd0d1eca', name: "sticky-header" }))), index.h("div", { key: '1ff351ecda603ac948d65acceaff49feb3c850e2', 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: 'af607556495101c55d23a7365f7ad3e661f7fc23' })), index.h(focusUtils.FocusGuard, { key: 'f2f4d91ef8062f83bbd6099bedccff41d4a144ab', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: 'f39b7e0202e0b6553dbb402be4678659161d749a' })), index.h(focusUtils.FocusGuard, { key: '7ea263ade3d868218bdfa507129b238c2caaf8a3', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
 var bodyScroll = require('./body-scroll-FWPe3_T_.js');
-var a11yUtils = require('./a11y-utils-DaAO4N9d.js');
-var focusUtils = require('./focus-utils-BuGg0Oha.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
-var slotUtils = require('./slot-utils-BXdHT3A1.js');
+var a11yUtils = require('./a11y-utils-DmCjy3Q3.js');
+var focusUtils = require('./focus-utils-uEO1pi2O.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
+var slotUtils = require('./slot-utils-4v5bqyQh.js');
 var teleport = require('./teleport-Cqp2Q9R8.js');
-var tokenUtils = require('./token-utils-DY3-olMV.js');
+var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
-require('./tokens.module-CTbvyezn.js');
+require('./tokens.module-CGRpZaa1.js');
 
 const duetSlideoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout .dialog{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(255, 255, 255)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px;opacity:1;transition:opacity 300ms ease}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 20px 20px;margin-bottom:20px;background:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.duet-slideout .dialog .sticky-header{padding:0 28px 28px}}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;visibility:hidden;pointer-events:none;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}slot{color:rgb(8, 42, 77)}.duet-slideout.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, 42, 59)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.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, 42, 59)}.duet-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom-color:rgb(212, 221, 226)}.duet-theme-turva slot{color:rgb(23, 42, 59)}";
 
@@ -246,7 +246,13 @@ const DuetSlideout = class {
             return;
         }
         const path = ev.composedPath();
-        if (!path.includes(this.dialog) && !path.includes(this.openButton)) {
+        const isOneTrustClick = path.some(target => {
+            if (!(target instanceof Element)) {
+                return false;
+            }
+            return Boolean(target.closest("[id^='onetrust-']"));
+        });
+        if (!isOneTrustClick && !path.includes(this.dialog) && !path.includes(this.openButton)) {
             this.toggleMenu(ev);
         }
     }
@@ -299,17 +305,17 @@ const DuetSlideout = class {
         };
         const topLevelOpenMenuBarTranslation = languageUtils.getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = languageUtils.getLocaleString(this.exitLangObject);
-        return (index.h(index.Host, { key: '4967e4765890d5a1fc428a6da2917e5423728b8f' }, index.h("div", { key: '019469e0d6a0b7115a2739d19c4db7643912ed0d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '1ab0ab05de7bef08b4f9907c3588c4ae1b27a1d6', visible: this.open, zIndex: "600" }), index.h("div", { key: 'a36de0bbaa226512b8fc62ec92912b0d9ea48fbe', 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: '0108b967b88b222c02678c818e16c9b7082e565f' }, index.h("div", { key: 'ede488f0a452f668d8762bf343aac847202eb4db', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && index.h("duet-overlay", { key: '88e7002a39c769781f72cd680f4aabbf8a75a1af', visible: this.open, zIndex: "600" }), index.h("div", { key: '7f8a29e110f8be3f4575b66f7d374bd27b6e9eaf', 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: 'f8cd5d6bf0a93a2ec39783b9660a7fe7d666f631', moveFocusTo: this.closeButton }), index.h("div", { key: '4599d8a89db4503856c93ae476044d0f8b58a6e8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: '3b9e1c5b2de674864a0570a94eaccc0d2b1fd444', class: "top" }, index.h("button", { key: '8c68434c8e735aee3a92cbd41dcdfdfdaabda9d3', 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: 'e62a77fddb1231b075f5cd54cd1b882fe7d61976', moveFocusTo: this.closeButton }), index.h("div", { key: 'e6a1feee906e95af23c3f41c5a0b6871d8196a45', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, index.h("div", { key: 'a91a16a339b6c51b7d34d4eb594c318662bf9a8d', class: "top" }, index.h("button", { key: 'daa5d0a898487a3da98b911c4ca57f5a4608d242', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: 'a65c83b73256734cf30bb76d70a585f7396e91e7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '2cd42bbba1aae10f8ea951af29fd111ffc145ecc', class: "sticky-header" }, index.h("slot", { key: 'c0c2c759bf1f9190a5bcb845d868210801792553', name: "sticky-header" }))), index.h("div", { key: '9da45e60847db54c0ed5baf6e87d8526c54db02c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, index.h("duet-icon", { key: '85ca78592d2f03801c02b30b2e23ca8153ebf7af', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), index.h("div", { key: '9c3b0cb1ca5f6528f62023b180903017fe8e7a08', class: "sticky-header" }, index.h("slot", { key: '6e09d463fbe87684f26f1bd778b9beaeeb105cae', name: "sticky-header" }))), index.h("div", { key: 'f8d0792c76b29d516beae014bbc4468b884370c4', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, index.h("slot", { key: '812379a9042a1a79781f4378a0c2b256676d12d8' })), index.h(focusUtils.FocusGuard, { key: 'a2aeac2c61dbc0b9839144613d999de4dc8edb36', moveFocusTo: this.closeButton })))));
+            } }, index.h("slot", { key: '334688b5dee96e633747c6a8c38f5a5da6677e13' })), index.h(focusUtils.FocusGuard, { key: '129eea547ce75a8325c6aed5d3bccd6f6b380d9f', moveFocusTo: this.closeButton })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
+var index = require('./index-BGRMvA4R.js');
 var tokens = require('./tokens-COLlUECP.js');
 
 const duetStatusIconCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;line-height:0;color:inherit;-webkit-tap-highlight-color:transparent}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}";
@@ -91,11 +91,11 @@ const DuetStatusIcon = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '66f1b0519e8fcb4b025f2e1b64963c25b78b0ce1', class: {
+        return (index.h(index.Host, { key: '2ed8b9396a6fc4051299df605b5293b4ad851f10', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
                 "duet-m-0": this.margin === "none",
-            } }, index.h("duet-icon", { key: '91b2d72ca3e85296b48e4cec8c9c5908c4025649', icon: this.getIcon(), size: this.size, margin: "none" })));
+            } }, index.h("duet-icon", { key: '01f92fdcfbb79c7bb32ea0dae0251bfad3f8f867', icon: this.getIcon(), size: this.size, margin: "none" })));
     }
 };
 DuetStatusIcon.style = duetStatusIconCss;

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

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
+var index = require('./index-BGRMvA4R.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
 var createId = require('./create-id-DtslnIOq.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
 require('./string-utils-B35hEUBv.js');
 
 var actionEdit2;
@@ -112,13 +112,13 @@ const DuetStep = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h("div", { key: 'feada3a7c7ec6780e79afdb23123316ab540f4b6', class: {
+        return (index.h("div", { key: '37dcde2a09c0e543e37af2938511c4e872d5cae3', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: 'db476849907739144958c523a74ff59d4fa02cb6', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, index.h("div", { key: '50c87080ab159d3c3b21291b364ec76ff0fa3a93', "aria-hidden": "true" }, index.h("div", { key: '42a157140c2377439884f0af12b4248dec9bfd34', class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { key: '94aa9e260262de0b9cea9d2fa2c47eb10faded9f', direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { key: 'a03e66e47f83ca929b0df04debceb86a2a689b40', direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", { key: 'e4da79ec72dc0e986030cd3254f07d0313a7fb47' }, index.h("duet-heading", { key: '74b1068c7b0625bc4252c62882e596f44205a458', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { key: '3d65d8674ce6b54a17bfa9c355dbf1bb6ab6b4a4', direction: "horizontal", size: "large" }), index.h("div", { key: 'a17bc89f352a7160004d00a64aa650614fad31e9', class: "duet-step-heading-slot" }, index.h("slot", { key: '01a89d91a83a2a60e32d88d408a75895f3c68df2', name: "heading-content" }))), index.h("div", { key: '730bd661a145a1c84f6b475671343f578195454e', class: "duet-step-content-wrapper" }, index.h("div", { key: 'a95661b180820900e0064b370e62db765a05fcff', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", { key: 'af8b9819618629683931e6a11e89011e5de7e427' })))));
+            } }, index.h("div", { key: '60cc26eaba669788bb129ee58c8396455bcbe98e', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, index.h("div", { key: 'd8bf199c1d4708327bc68f2ca7ca34881e606d9d', "aria-hidden": "true" }, index.h("div", { key: '85d3a85ac2a10d5d890752aca579d63d307b2b40', class: "duet-step-counter" }, this.renderStepCounter())), index.h("duet-spacer", { key: '601144eff6f14bb9a339f50496acd851426e42f4', direction: "horizontal", size: "large", breakpoint: "small" }), index.h("duet-spacer", { key: 'cbee8cd26ef8ff6a7da62b4103ca125f2d507563', direction: "horizontal", size: "medium", breakpoint: "x-small" }), index.h("div", { key: '98021d88fc8448ed6f6a74b933c7bc0fd8f26ec5' }, index.h("duet-heading", { key: 'fd4de9e77b6d8bc773ca4431344cf97bdfe136be', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), index.h("duet-spacer", { key: '1da55e5c04eca24aa75cc45977ddaa5d0de92020', direction: "horizontal", size: "large" }), index.h("div", { key: '300dddded08ecc1b218a501076f95f2fd9b8a233', class: "duet-step-heading-slot" }, index.h("slot", { key: '7a2cabe2f5d9855beb86893c4b9446217ba7725d', name: "heading-content" }))), index.h("div", { key: 'f1ea6a3b0bc0c6a2572e6912ec674c42432f5f56', class: "duet-step-content-wrapper" }, index.h("div", { key: '9bd2104be04904785340ecce44e3b91093555aad', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, index.h("slot", { key: 'fa019373955fff315ba8324a011a6cdc64bdadd1' })))));
     }
     get element() { return index.getElement(this); }
 };
@@ -252,7 +252,7 @@ const DuetStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '8a749ceb402c16d72935d15c496ca811cd50b957', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '6aac613a7d6f22aea18a8da6971fdba169e6fa1f', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: '329b1de26e25748913712e9f6c02890ac3aa1431', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: 'a7346309c44aad2e5ab18fe0ac6d8d73af8b29f5' }))));
+        return (index.h(index.Host, { key: '6f441de1f6aa9336d4981a9727b0a5b79267ce06', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'bb37128420e9ec5b31375d46408fa6b201c23a73', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, index.h("duet-visually-hidden", { key: 'e39cc64f5bcac69f03283de656b47440b8cd6141', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), index.h("slot", { key: '747ef3274ad5dda720a3632086ae1b240e6f30f8' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
+var index = require('./index-BGRMvA4R.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
 
 const duetSubmenuBarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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}@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:hover{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.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, 42, 59)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}.duet-submenu-bar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}}.duet-submenu-bar-dropdown-link.duet-theme-turva.highlight{color:rgb(230, 23, 64)}";
 
@@ -55,12 +55,12 @@ const DuetSubmenuBarDropdownLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'd7f1a1d392bb3537d252a930db732bb9a062aa1a' }, index.h("a", { key: 'f29d863d04d3fb1a4bdced3ca6f4c474dfdf686b', class: {
+        return (index.h(index.Host, { key: '4576334bddababcad4705978843a1ae08e34e72d' }, index.h("a", { key: '8e115648050ee9bde7d9fffb9dc3b895b0c46cc3', 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: 'e971fcc188cd3bd8165992bf590ca2eab7ac36d2', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: '0098384100989c6ce00468717181578c80d39577', class: "label-container" }, index.h("span", { key: '7a7114ef344ebe12bbbf1a86aa1adc93f6877f1b', class: "label" }, index.h("slot", { key: 'c5ffaea2de58f7b00416bd02d103063278951d6c' })), this.caret && index.h("duet-icon", { key: 'e0c832ffb658a7561ddc817f5b5af9aa70780bea', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: 'f178e2e11a936dba6e05987d34fd3ba6a9d2ad02', 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: '3cb691c70dea145bcd829655518d1e2da8ec4a48', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("span", { key: 'd68d5f69f86de6ea467ea7acd2e6901950846c4c', class: "label-container" }, index.h("span", { key: '4d40b23d4ca997fa9261b19f36934c678f0f67d6', class: "label" }, index.h("slot", { key: 'adf85ab136a5ddbac43131933ebd5863274562e7' })), this.caret && index.h("duet-icon", { key: 'c766790219038e9fc9b8bfe3454f5641020965ac', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (index.h("duet-icon", { key: '75759a4e4dd6032b73cf12fa7630b33f995e7499', 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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
+var index = require('./index-BGRMvA4R.js');
 var tokens = require('./tokens-COLlUECP.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
 
 const duetSubmenuBarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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}.duet-submenu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown button:focus,.duet-submenu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@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.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-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.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);transform:translateY(1px);transition:300ms ease}}.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;visibility:visible;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);scrollbar-width:none;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style: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{visibility:hidden;max-height:0;padding:0;overflow: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, 42, 59)}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(251, 225, 209)}}.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(230, 23, 64)}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(140, 0, 30)}.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(251, 225, 209)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}";
 
@@ -114,18 +114,18 @@ const DuetSubmenuBarDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'b6cb68f4a7f9031d91d1ee24dd9d2c9362ac6725', role: "listitem" }, index.h("div", { key: '7e96c76557c1d6e73b30ebca3306a894febcc82c', class: {
+        return (index.h(index.Host, { key: 'bcb3f683de71c0bc8b9c87f8c3bc7ef5600c6fa0', role: "listitem" }, index.h("div", { key: 'ec440dbd58f7aa8a152d1e6517801ffffb4795a6', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, index.h("button", { key: '7b67d1dcae40e2b849bd6510b40564232c0d5ef1', 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: 'f67b293a2fd28a3c0e3e062461de2890beb6f174', 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: '7930a2bb5271755d5bef2033ab4d26e0a1066a3e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '421394660c70b14303e7a1ac02077fa2b738122c', class: "label" }, index.h("span", { key: '0faf06b99e50e65a857da85c547a4faced3ca773', class: "label-text" }, index.h("slot", { key: 'b1d4f70cfb107ff5dd4babcd7d0da42d2e979f56', name: "label" })), index.h("duet-icon", { key: 'e240873040259a28f6d5aa3a86600114627e2a97', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: '6336348bb6bc7f8cd5630bdbbd3f36920b6ebe5a', 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: '10bfe310933a9f989ae31ded0cbced2a0a14db8a', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: '3c53621e7555e4df6a62ac41cfacb19dbc2630b9', class: "label" }, index.h("span", { key: '60cd09a846746be5d50c9851d1a2d3d66a61682e', class: "label-text" }, index.h("slot", { key: '0a0ad898618514d5b4f510d6be7e3c0074a86af1', name: "label" })), index.h("duet-icon", { key: '69a6d28eba4f72b06c035cd529553ae16da14253', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), index.h("div", { key: 'f5889cb60d5f244d99e8e5cce9486388166e4034', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, index.h("slot", { key: '1f3bd9f1dabf44b36839eb121c965ead3e3c66fa' })))));
+            } }, index.h("slot", { key: '48c26d5ac4af48cc2a0811966278d49b315723f3' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-ZxE6MB5V.js');
+var index = require('./index-BGRMvA4R.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-CIDaln0Z.js');
-var a11yUtils = require('./a11y-utils-DaAO4N9d.js');
-var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-C7Z0KYg-.js');
+var themeableComponent = require('./themeable-component-I4SEm6nQ.js');
+var a11yUtils = require('./a11y-utils-DmCjy3Q3.js');
+var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
+var languageUtils = require('./language-utils-CrB5zNlc.js');
 require('./_commonjsHelpers-4N64IRaP.js');
-require('./slot-utils-BXdHT3A1.js');
+require('./slot-utils-4v5bqyQh.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetSubmenuBarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-submenu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.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::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.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, 42, 59)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva[aria-expanded=true]{background:rgb(251, 225, 209)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}.duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}.duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}";
@@ -89,7 +89,7 @@ const DuetSubmenuBarItem = class {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (index.h(index.Host, { key: '003100904b0f93856bed193bd01dc1e376b06e6f', role: "listitem" }, index.h(TagName, { key: 'f16847c6d388d57dca985f6a6ddb9b0d6e1c6157', 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: '71b069df0ff1d797f2992b865e6ccbae58ac88d4', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'ff67a89fe841a2be286bffe807a171854cfe2c1f', class: "label" }, index.h("span", { key: '527aa1d31d10d8b327c62d283882e4c5dda3d362', class: "label-text" }, index.h("slot", { key: 'd13184e6dc0881e5596c8c9ad59031db71300f33' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: '6f1a65c84496095f3fb339ba17f0a80ff9550b03', class: {
+        return (index.h(index.Host, { key: 'de4d2352d792c0adffd35bc86e9450b970bf8b0b', role: "listitem" }, index.h(TagName, { key: 'd07f89e5b67f9898e7ad18385c29956226bbd875', 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: '0355e7d2be9da67841b162371e4c22bed4a58bf8', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), index.h("div", { key: 'c6cb759071a39f0ef8d86fcc657aabc6c174f6a8', class: "label" }, index.h("span", { key: '35b683122ff7739979a3c10ea756df2e0becccfe', class: "label-text" }, index.h("slot", { key: '530d2eec823596ae1a6c9148684a500bd48ebfae' })), (this.trailingIcon || this.external) && (index.h("duet-icon", { key: '95d91c2031615a6960ae2d476a92034f37cd5e7f', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,