npm - @duetds/components - Versions diffs - 6.8.2 → 6.8.4 - Mend

@duetds/components 6.8.2 → 6.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (632) hide show

package/hydrate/index.js CHANGED Viewed

@@ -6534,6 +6534,15 @@ class DuetActionButton {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  /**
+   * Sets focus on the specified `duet-action-button`. Use this method instead of the global
+   * `button.focus()`.
+   */
+  async setFocus(options) {
+    if (this.nativeButton) {
+      this.nativeButton.focus(options);
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -6558,7 +6567,7 @@ class DuetActionButton {
       "border-width": "1px",
       "border-style": "solid",
     };
-    return (hAsync(Host, { onKeyDown: e => this.onKeyboardDown(e) }, hAsync("style", { innerHTML: backgroundStyles }), hAsync("button", { part: "button", style: styles, disabled: this.disabled, id: this.listId, class: {
+    return (hAsync(Host, { onKeyDown: e => this.onKeyboardDown(e) }, hAsync("style", { innerHTML: backgroundStyles }), hAsync("button", { ref: button => (this.nativeButton = button), part: "button", style: styles, disabled: this.disabled, id: this.listId, class: {
         "duet-action-button": true,
         "duet-action-button--disabled": this.disabled,
         [`duet-action-button--${this.theme}`]: this.theme !== "",
@@ -6588,7 +6597,8 @@ class DuetActionButton {
       "accessibleLabelsDefaults": [16],
       "accessibleLabel": [1, "accessible-label"],
       "accessibleControls": [1, "accessible-controls"],
-      "numbersStore": [32]
+      "numbersStore": [32],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -6619,6 +6629,7 @@ class DuetAlert {
     this.theme = "";
     this.isDismissed = false;
     this.timeoutID = undefined;
+    this.language = getLanguage();
     this.accessibleLabelDefaults = {
       fi: "Sulje viesti",
       sv: "Stäng meddelandet",
@@ -6633,6 +6644,11 @@ class DuetAlert {
     this.variation = "default";
     this.dismissible = false;
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelDefaults[oldValue]) {
+      this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -6644,10 +6660,14 @@ class DuetAlert {
       this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
     }
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
   disconnectedCallback() {
     if (this.timeoutID) {
       clearTimeout(this.timeoutID);
     }
+    disconnectLanguageChangeObserver(this);
   }
   /**
    * Show.
@@ -6686,6 +6706,9 @@ class DuetAlert {
         "duet-theme-turva": this.theme === "turva",
       } }, hAsync("div", { class: "duet-alert-container" }, this.icon && (hAsync("div", { class: "duet-alert-icon" }, hAsync("duet-icon", { size: "auto", name: this.icon, color: "currentColor" }))), hAsync("span", { id: this.descriptiveId }, hAsync("slot", null))), this.dismissible && (hAsync("div", { class: "duet-alert-dismiss" }, hAsync("duet-button", { variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true }))))));
   }
+  static get watchers() { return {
+    "language": ["watchLanguageStateHandler"]
+  }; }
   static get style() { return duetAlertCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -6693,7 +6716,7 @@ class DuetAlert {
     "$members$": {
       "theme": [1025],
       "accessibleLabelDefaults": [1, "accessible-label-default"],
-      "accessibleLabel": [1, "accessible-label"],
+      "accessibleLabel": [1025, "accessible-label"],
       "announcements": [4],
       "icon": [1],
       "autoDismiss": [2, "auto-dismiss"],
@@ -6703,6 +6726,7 @@ class DuetAlert {
       "dismissible": [4],
       "isDismissed": [32],
       "timeoutID": [32],
+      "language": [32],
       "show": [64],
       "hide": [64]
     },
@@ -6924,6 +6948,11 @@ class DuetButton {
     this.iconOnly = false;
     this.url = undefined;
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
+      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -6937,6 +6966,7 @@ class DuetButton {
     this.proxyButton = document.createElement("button");
     this.proxyButton.style.display = "none";
     this.syncToProxyButton();
+    connectLanguageChangeObserver(this);
     if (!this.url && this.element.closest("form")) {
       this.element.insertAdjacentElement("beforebegin", this.proxyButton);
     }
@@ -6944,6 +6974,7 @@ class DuetButton {
   disconnectedCallback() {
     this.proxyButton.remove();
     this.proxyButton = null;
+    disconnectLanguageChangeObserver(this);
   }
   syncToProxyButton() {
     this.proxyButton.type = this.getButtonType();
@@ -7035,6 +7066,7 @@ class DuetButton {
   }
   get element() { return getElement(this); }
   static get watchers() { return {
+    "language": ["watchLanguageStateHandler"],
     "disabled": ["syncToProxyButton"],
     "submit": ["syncToProxyButton"],
     "value": ["syncToProxyButton"],
@@ -7072,9 +7104,9 @@ class DuetButton {
       "identifier": [1],
       "submit": [516],
       "external": [4],
-      "language": [1],
+      "language": [1537],
       "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-      "accessibleLabelExternal": [1, "accessible-label-external"],
+      "accessibleLabelExternal": [1025, "accessible-label-external"],
       "icon": [1],
       "color": [1],
       "iconRight": [4, "icon-right"],
@@ -7086,7 +7118,7 @@ class DuetButton {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["submit", "submit"], ["url", "url"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["submit", "submit"], ["language", "language"], ["url", "url"]]
   }; }
 }
@@ -7542,6 +7574,7 @@ class DuetChoice {
     this.isHovering = false;
     this.isInfoOpen = false;
     this.isBlurred = false;
+    this.language = getLanguage();
     this.theme = "";
     this.label = "label";
     this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
@@ -7570,12 +7603,20 @@ class DuetChoice {
     this.disabled = false;
     this.required = false;
     this.infoLabelDefaults = {
-      fi: "Lisätietoja",
+      fi: "Lisätietoja vaihtoehdosta",
       en: "More information about",
       sv: "Mera information om",
     };
     this.infoLabel = getLocaleString(this.infoLabelDefaults, getLanguage());
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleLabelInfoButton === this.accessibleLabelInfoButtonDefaults[oldValue]) {
+      this.accessibleLabelInfoButton = getLocaleString(this.accessibleLabelInfoButtonDefaults, newValue);
+    }
+    if (newValue !== oldValue && this.infoLabel === this.infoLabelDefaults[oldValue]) {
+      this.infoLabel = getLocaleString(this.infoLabelDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -7589,6 +7630,12 @@ class DuetChoice {
       ;
     this.hasBeforeText = !!this.element.querySelector("[slot='before-text']");
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
   /**
    * Component event handling.
    */
@@ -7694,6 +7741,9 @@ class DuetChoice {
       } }, hAsync("span", { id: this.headerId }, hAsync("slot", { name: "header" })), this.hasInfo ? (hAsync("span", null, hAsync("span", { "aria-relevant": "all", "aria-atomic": "true", "aria-live": this.isInfoOpen ? "polite" : "off" }, hAsync("slot", { name: "info" })), hAsync("slot", null))) : (hAsync("span", null, hAsync("slot", null)))), this.isInfoOpen && hAsync(FocusGuard, { moveFocusTo: this.infoButtonEl }))) : null));
   }
   get element() { return getElement(this); }
+  static get watchers() { return {
+    "language": ["watchLanguageStateHandler"]
+  }; }
   static get style() { return duetChoiceCss; }
   static get cmpMeta() { return {
     "$flags$": 6,
@@ -7702,7 +7752,7 @@ class DuetChoice {
       "theme": [1025],
       "label": [1],
       "accessibleLabelInfoButtonDefaults": [1, "accessible-label-info-default"],
-      "accessibleLabelInfoButton": [1, "accessible-label-info-button"],
+      "accessibleLabelInfoButton": [1025, "accessible-label-info-button"],
       "accessibleActiveDescendant": [1, "accessible-active-descendant"],
       "accessibleControls": [1, "accessible-controls"],
       "accessibleOwns": [1, "accessible-owns"],
@@ -7727,10 +7777,11 @@ class DuetChoice {
       "disabled": [516],
       "required": [4],
       "infoLabelDefaults": [1, "accessible-label-info-default"],
-      "infoLabel": [1, "info-label"],
+      "infoLabel": [1025, "info-label"],
       "isHovering": [32],
       "isInfoOpen": [32],
       "isBlurred": [32],
+      "language": [32],
       "setFocus": [64],
       "toggleInfoMethod": [64]
     },
@@ -7793,7 +7844,7 @@ const findCheckedOption = (el, tagName) => {
   return options.find((o) => o.checked === true);
 };
-const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
+const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:0}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";
 class DuetChoiceGroup {
@@ -8390,7 +8441,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   'default': tokens
 });
-const duetCollapsibleCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}/*!@:host(.duet-theme-turva)*/.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-collapsible-h{margin:0 !important}/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}/*!@.duet-collapsible-content.duet-theme-turva*/.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host([open]) > .duet-collapsible-content*/[open].sc-duet-collapsible-h>.duet-collapsible-content.sc-duet-collapsible{display:block}/*!@.duet-collapsible-heading*/.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}/*!@.duet-collapsible-heading.duet-collapsible-normal-weight*/.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}/*!@.duet-collapsible-heading.duet-theme-turva*/.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-collapsible-heading .duet-collapsible-heading-content*/.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:0 auto;min-width:0}/*!@.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content + div*/.duet-collapsible-heading.has-after-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible+div.sc-duet-collapsible{flex:1 0 auto;margin-left:16px}/*!@.duet-collapsible-heading:focus*/.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-collapsible-heading:focus*/.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus*/.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-collapsible-heading-icon*/.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}/*!@.duet-collapsible-heading-icon:last-child, .duet-collapsible-heading-icon:last-of-type*/.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}/*!@[aria-expanded=true] .duet-collapsible-heading-icon*/[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
+const duetCollapsibleCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}/*!@:host(.duet-theme-turva)*/.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-collapsible-h{margin:0 !important}/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){/*!@.duet-collapsible-content*/.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}/*!@.duet-collapsible-content.duet-theme-turva*/.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host([open]) > .duet-collapsible-content*/[open].sc-duet-collapsible-h>.duet-collapsible-content.sc-duet-collapsible{display:block}/*!@.duet-collapsible-heading*/.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}/*!@.duet-collapsible-heading.duet-collapsible-heading-centered*/.duet-collapsible-heading.duet-collapsible-heading-centered.sc-duet-collapsible{margin:auto}/*!@.duet-collapsible-heading.duet-collapsible-normal-weight*/.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}/*!@.duet-collapsible-heading.duet-theme-turva*/.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-collapsible-heading .duet-collapsible-heading-content*/.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:0 auto;min-width:0}/*!@.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content + div*/.duet-collapsible-heading.has-after-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible+div.sc-duet-collapsible{flex:1 0 auto;margin-left:16px}/*!@.duet-collapsible-heading:focus*/.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-collapsible-heading:focus*/.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus*/.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-collapsible-heading-icon*/.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}/*!@.duet-collapsible-heading-icon:last-child, .duet-collapsible-heading-icon:last-of-type*/.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}/*!@[aria-expanded=true] .duet-collapsible-heading-icon*/[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
 /**
  * @part duet-collapsible-heading-content - piercing selector for styling the heading content
@@ -8451,6 +8502,7 @@ class DuetCollapsible {
     this.theme = "";
     this.accessibleLabel = undefined;
     this.heading = "";
+    this.centerHeading = false;
     this.headingWeight = "semibold";
     this.headingSize = undefined;
     this.headingLevel = undefined;
@@ -8483,6 +8535,7 @@ class DuetCollapsible {
     const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
     return (hAsync(Host, { class: { "duet-m-0": this.margin === "none" } }, hAsync(HeadingTagName, null, hAsync("button", { class: {
         "duet-collapsible-heading": true,
+        "duet-collapsible-heading-centered": this.centerHeading,
         "duet-theme-turva": this.theme === "turva",
         "duet-collapsible-normal-weight": this.headingWeight === "normal",
         "has-after-heading": this.hasAfterHeading,
@@ -8497,6 +8550,7 @@ class DuetCollapsible {
       "theme": [1025],
       "accessibleLabel": [1, "accessible-label"],
       "heading": [1],
+      "centerHeading": [4, "center-heading"],
       "headingWeight": [1, "heading-weight"],
       "headingSize": [1, "heading-size"],
       "headingLevel": [1, "heading-level"],
@@ -9530,6 +9584,11 @@ class DuetDatePicker {
     this.incrementYears = 10;
     this.validity = undefined;
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.placeholder === this.placeholderDefaults[oldValue]) {
+      this.placeholder = getLocaleString(this.placeholderDefaults, newValue);
+    }
+  }
   updateValidity() {
     this.determineValidity(parseISODate(this.value));
   }
@@ -9573,6 +9632,12 @@ class DuetDatePicker {
         break;
     }
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
   /**
    * Sets focus on the date picker's input. Use this method instead of the global `focus()`.
    */
@@ -9710,10 +9775,11 @@ class DuetDatePicker {
         left: this.direction === "left",
         error: !!this.error,
         active: this.open,
-      }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync(FocusGuard, { moveFocusTo: this.focusedDayNode }), hAsync("div", { class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { class: "duet-date-dialog-mobile-header" }, hAsync("duet-label", { margin: "none" }, this.label), hAsync("button", { class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", null, text.closeLabel))), hAsync("div", { class: "duet-date-dialog-header" }, hAsync("div", { class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", null, hAsync("h2", { id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", null, hAsync("label", { htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { class: "duet-date-dialog-select" }, hAsync("select", { id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", null, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", null, hAsync("label", { htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { class: "duet-date-dialog-select" }, hAsync("select", { id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", null, this.focusedDay.getFullYear()), hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { moveFocusTo: this.closeButtonNode }))));
+      }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync(FocusGuard, { moveFocusTo: this.focusedDayNode }), hAsync("div", { class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { class: "duet-date-dialog-mobile-header" }, hAsync("duet-label", { margin: "none" }, this.label), hAsync("button", { class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", null, text.closeLabel))), hAsync("div", { class: "duet-date-dialog-header" }, hAsync("div", { class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", null, hAsync("h2", { id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", null, hAsync("label", { htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { class: "duet-date-dialog-select" }, hAsync("select", { id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", null, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", null, hAsync("label", { htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { class: "duet-date-dialog-select" }, hAsync("select", { id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", null, this.focusedDay.getFullYear()), hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { moveFocusTo: this.closeButtonNode }))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
+    "language": ["watchLanguageStateHandler"],
     "min": ["updateValidity"],
     "max": ["updateValidity"],
     "value": ["updateValidity", "updateInternalValue"],
@@ -9731,9 +9797,9 @@ class DuetDatePicker {
       "label": [1],
       "caption": [1],
       "margin": [1],
-      "language": [1],
+      "language": [1537],
       "placeholderDefaults": [1, "placeholder-default"],
-      "placeholder": [1],
+      "placeholder": [1025],
       "echoPlaceholder": [1540, "echo-placeholder"],
       "disabled": [516],
       "error": [1],
@@ -9761,7 +9827,7 @@ class DuetDatePicker {
     },
     "$listeners$": [[4, "click", "handleDocumentClick"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["echoPlaceholder", "echo-placeholder"], ["disabled", "disabled"], ["value", "value"]]
+    "$attrsToReflect$": [["language", "language"], ["echoPlaceholder", "echo-placeholder"], ["disabled", "disabled"], ["value", "value"]]
   }; }
 }
@@ -10174,9 +10240,14 @@ class DuetFooter {
     this.language = getLanguage();
     this.items = undefined;
     this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, this.language);
+    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
     this.menu = undefined;
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
+      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -10184,6 +10255,12 @@ class DuetFooter {
     inheritGlobalTheme(this);
     this.refresh();
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
   /**
    * Local methods
    */
@@ -10209,6 +10286,7 @@ class DuetFooter {
   }
   get element() { return getElement(this); }
   static get watchers() { return {
+    "language": ["watchLanguageStateHandler"],
     "menu": ["refresh"],
     "items": ["refresh"]
   }; }
@@ -10221,10 +10299,10 @@ class DuetFooter {
       "variation": [1],
       "margin": [1],
       "logoHref": [1, "logo-href"],
-      "language": [1025],
+      "language": [1537],
       "items": [8],
       "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-      "accessibleLabelExternal": [1, "accessible-label-external"],
+      "accessibleLabelExternal": [1025, "accessible-label-external"],
       "menu": [8],
       "processedMainItem": [32],
       "processedItems": [32],
@@ -10232,7 +10310,7 @@ class DuetFooter {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
+    "$attrsToReflect$": [["language", "language"]]
   }; }
 }
@@ -12210,12 +12288,23 @@ class DuetLink {
     this.icon = undefined;
     this.padding = "auto";
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
+      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
   /**
    * Sets focus on the specified `duet-link`. Use this method instead of the global
    * `link.focus()`.
@@ -12250,6 +12339,9 @@ class DuetLink {
       }, target: this.external ? "_blank" : "_self", "aria-label": this.accessibleLabel, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
   }
   static get delegatesFocus() { return true; }
+  static get watchers() { return {
+    "language": ["watchLanguageStateHandler"]
+  }; }
   static get style() { return duetLinkCss; }
   static get cmpMeta() { return {
     "$flags$": 25,
@@ -12257,9 +12349,9 @@ class DuetLink {
     "$members$": {
       "variation": [1],
       "accessibleLabel": [1, "accessible-label"],
-      "language": [1025],
+      "language": [1537],
       "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-      "accessibleLabelExternal": [1, "accessible-label-external"],
+      "accessibleLabelExternal": [1025, "accessible-label-external"],
       "identifier": [1],
       "theme": [1025],
       "url": [513],
@@ -12271,7 +12363,7 @@ class DuetLink {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["url", "url"]]
+    "$attrsToReflect$": [["language", "language"], ["url", "url"]]
   }; }
 }
@@ -12593,6 +12685,12 @@ class DuetMenuBar {
       return;
     }
   }
+  onWindowResize() {
+    clearTimeout(this.resizeTimer);
+    this.resizeTimer = setTimeout(() => {
+      this.scrollToActive();
+    }, 100);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -12619,13 +12717,13 @@ class DuetMenuBar {
       "leftMoreVisible": [32],
       "rightMoreVisible": [32]
     },
-    "$listeners$": undefined,
+    "$listeners$": [[9, "resize", "onWindowResize"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": []
   }; }
 }
-const duetMenuBarButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-button,*.sc-duet-menu-bar-button::after,*.sc-duet-menu-bar-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-menu-bar-button.duet-theme-turva*/.duet-menu-bar-button.duet-theme-turva.sc-duet-menu-bar-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){/*!@.duet-menu-bar-button:hover*/.duet-menu-bar-button.sc-duet-menu-bar-button:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-button:hover.duet-theme-turva*/.duet-menu-bar-button.sc-duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
+const duetMenuBarButtonCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-button,*.sc-duet-menu-bar-button::after,*.sc-duet-menu-bar-button::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-button-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-menu-bar-button.duet-theme-turva*/.duet-menu-bar-button.duet-theme-turva.sc-duet-menu-bar-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-menu-bar-button:focus*/.duet-menu-bar-button.sc-duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-menu-bar-button:focus.duet-theme-turva*/.duet-menu-bar-button.sc-duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}@media (min-width: 62em){/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-button*/.duet-menu-bar-button.sc-duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){/*!@.duet-menu-bar-button:hover*/.duet-menu-bar-button.sc-duet-menu-bar-button:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-button:hover.duet-theme-turva*/.duet-menu-bar-button.sc-duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
 class DuetMenuBarButton {
   constructor(hostRef) {
@@ -12727,7 +12825,7 @@ class DuetMenuBarButton {
   }; }
 }
-const duetMenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown,*.sc-duet-menu-bar-dropdown::after,*.sc-duet-menu-bar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-dropdown-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){/*!@:host(:last-child) .duet-menu-bar-dropdown button*/.sc-duet-menu-bar-dropdown-h:last-child .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px 0 16px}}@media (min-width: 76.25em){/*!@:host(:last-child) .duet-menu-bar-dropdown button*/.sc-duet-menu-bar-dropdown-h:last-child .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px 0 28px}}/*!@.duet-menu-bar-dropdown*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown{position:relative;height:100%}/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 28px}}/*!@.duet-menu-bar-dropdown button:hover*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown button .label*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown .label.sc-duet-menu-bar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-menu-bar-dropdown button.active*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown button.active .caret*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown .caret.sc-duet-menu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown button.active::after*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active::after*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown .items*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{position:absolute;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar-dropdown .items.hidden*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.hidden.sc-duet-menu-bar-dropdown{display:none}/*!@.duet-menu-bar-dropdown.duet-theme-turva button*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{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-menu-bar-dropdown.duet-theme-turva button:hover*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active::after*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva .items*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{background:rgb(245, 245, 247)}";
+const duetMenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown,*.sc-duet-menu-bar-dropdown::after,*.sc-duet-menu-bar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-dropdown-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}@media (min-width: 62em){/*!@:host(:last-child) .duet-menu-bar-dropdown button*/.sc-duet-menu-bar-dropdown-h:last-child .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px 0 16px}}@media (min-width: 76.25em){/*!@:host(:last-child) .duet-menu-bar-dropdown button*/.sc-duet-menu-bar-dropdown-h:last-child .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px 0 28px}}/*!@.duet-menu-bar-dropdown*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown{position:relative;height:100%}/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-dropdown button*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{padding:0 28px}}/*!@.duet-menu-bar-dropdown button:hover*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown button:focus*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown button .label*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown .label.sc-duet-menu-bar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-menu-bar-dropdown button.active*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown button.active .caret*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown .caret.sc-duet-menu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown button.active::after*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}/*!@.duet-theme-turva .duet-menu-bar-dropdown button.active::after*/.duet-theme-turva.sc-duet-menu-bar-dropdown .duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown .items*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{position:absolute;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-menu-bar-dropdown .items.hidden*/.duet-menu-bar-dropdown.sc-duet-menu-bar-dropdown .items.hidden.sc-duet-menu-bar-dropdown{display:none}/*!@.duet-menu-bar-dropdown.duet-theme-turva button*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown{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-menu-bar-dropdown.duet-theme-turva button:focus*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-menu-bar-dropdown.duet-theme-turva button:hover*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.sc-duet-menu-bar-dropdown:hover{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva button.active::after*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown button.active.sc-duet-menu-bar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-menu-bar-dropdown.duet-theme-turva .items*/.duet-menu-bar-dropdown.duet-theme-turva.sc-duet-menu-bar-dropdown .items.sc-duet-menu-bar-dropdown{background:rgb(245, 245, 247)}";
 class DuetMenuBarDropdown {
   constructor(hostRef) {
@@ -12797,6 +12895,18 @@ class DuetMenuBarDropdown {
     }
     this.boundMqlFunctions = [];
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      this.open = false;
+      this.setFocus();
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -12807,9 +12917,9 @@ class DuetMenuBarDropdown {
         "duet-theme-turva": this.theme === "turva",
         active: this.open,
         [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-      } }, hAsync("button", { "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+      } }, hAsync("button", { ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
         active: this.open,
-      }, onClick: this.onClick }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, hAsync("slot", null)))));
@@ -12824,7 +12934,8 @@ class DuetMenuBarDropdown {
       "theme": [1025],
       "open": [1540],
       "icon": [1537],
-      "iconSize": [32]
+      "iconSize": [32],
+      "setFocus": [64]
     },
     "$listeners$": [[8, "click", "handleFocus"]],
     "$lazyBundleId$": "-",
@@ -12832,7 +12943,7 @@ class DuetMenuBarDropdown {
   }; }
 }
-const duetMenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown-link,*.sc-duet-menu-bar-dropdown-link::after,*.sc-duet-menu-bar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-dropdown-link-h{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-menu-bar-dropdown-link*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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(0, 41, 77);text-align:center;text-decoration:none}/*!@.duet-menu-bar-dropdown-link.duet-theme-turva*/.duet-menu-bar-dropdown-link.duet-theme-turva.sc-duet-menu-bar-dropdown-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, 28, 58)}/*!@.duet-menu-bar-dropdown-link--slot-right:hover*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}/*!@.duet-menu-bar-dropdown-link--slot-right:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}/*!@.duet-menu-bar-dropdown-link--slot-below:hover*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover{color:rgb(0, 77, 128);background:rgb(243, 249, 252)}/*!@.duet-menu-bar-dropdown-link--slot-below:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{color:rgb(148, 9, 37);background:rgb(228, 228, 230)}";
+const duetMenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-dropdown-link,*.sc-duet-menu-bar-dropdown-link::after,*.sc-duet-menu-bar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-dropdown-link-h{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-menu-bar-dropdown-link*/.duet-menu-bar-dropdown-link.sc-duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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(0, 41, 77);text-align:center;text-decoration:none}/*!@.duet-menu-bar-dropdown-link.duet-theme-turva*/.duet-menu-bar-dropdown-link.duet-theme-turva.sc-duet-menu-bar-dropdown-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, 28, 58)}/*!@.duet-menu-bar-dropdown-link--slot-right:hover*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}/*!@.duet-menu-bar-dropdown-link--slot-right:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}/*!@.duet-menu-bar-dropdown-link--slot-right:focus*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-menu-bar-dropdown-link--slot-right:focus.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-right.sc-duet-menu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-menu-bar-dropdown-link--slot-below:hover*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover{color:rgb(0, 77, 128);background:rgb(243, 249, 252)}/*!@.duet-menu-bar-dropdown-link--slot-below:hover.duet-theme-turva*/.duet-menu-bar-dropdown-link--slot-below.sc-duet-menu-bar-dropdown-link:hover.duet-theme-turva{color:rgb(148, 9, 37);background:rgb(228, 228, 230)}";
 class DuetMenuBarDropdownLink {
   constructor(hostRef) {
@@ -12858,6 +12969,13 @@ class DuetMenuBarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-menu-bar-dropdown");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -12867,7 +12985,7 @@ class DuetMenuBarDropdownLink {
         "duet-menu-bar-dropdown-link": true,
         [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
         "duet-theme-turva": this.theme === "turva",
-      }, href: this.href, role: "menuitem" }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", null))));
+      }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetMenuBarDropdownLinkCss; }
@@ -12885,7 +13003,7 @@ class DuetMenuBarDropdownLink {
   }; }
 }
-const duetMenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-link,*.sc-duet-menu-bar-link::after,*.sc-duet-menu-bar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-menu-bar-link.duet-theme-turva*/.duet-menu-bar-link.duet-theme-turva.sc-duet-menu-bar-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 28px}}/*!@.duet-menu-bar-link.active*/.duet-menu-bar-link.active.sc-duet-menu-bar-link{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{z-index:auto;height:2px}}/*!@.duet-menu-bar-link.active.duet-theme-turva*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-link.active.duet-theme-turva::after*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-menu-bar-link:hover*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link:hover.duet-theme-turva*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
+const duetMenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-menu-bar-link,*.sc-duet-menu-bar-link::after,*.sc-duet-menu-bar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-menu-bar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-menu-bar-link.duet-theme-turva*/.duet-menu-bar-link.duet-theme-turva.sc-duet-menu-bar-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}@media (min-width: 62em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){/*!@.duet-menu-bar-link*/.duet-menu-bar-link.sc-duet-menu-bar-link{padding:0 28px}}/*!@.duet-menu-bar-link:focus*/.duet-menu-bar-link.sc-duet-menu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-menu-bar-link:focus.duet-theme-turva*/.duet-menu-bar-link.sc-duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-menu-bar-link.active*/.duet-menu-bar-link.active.sc-duet-menu-bar-link{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){/*!@.duet-menu-bar-link.active::after*/.duet-menu-bar-link.active.sc-duet-menu-bar-link::after{z-index:auto;height:2px}}/*!@.duet-menu-bar-link.active.duet-theme-turva*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link{color:rgb(198, 12, 48)}/*!@.duet-menu-bar-link.active.duet-theme-turva::after*/.duet-menu-bar-link.active.duet-theme-turva.sc-duet-menu-bar-link::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-menu-bar-link:hover*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover{color:rgb(0, 119, 179)}/*!@.duet-menu-bar-link:hover.duet-theme-turva*/.duet-menu-bar-link.sc-duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}";
 class DuetMenuBarLink {
   constructor(hostRef) {
@@ -12944,7 +13062,7 @@ class DuetMenuBarLink {
         "duet-menu-bar-link": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
-      }, href: this.href }, this.icon && (hAsync("duet-icon", { theme: this.theme, size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", null))));
+      }, href: this.href, "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { theme: this.theme, size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetMenuBarLinkCss; }
@@ -13057,6 +13175,11 @@ class DuetModal {
       }
     }
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.accessibleCloseLabel === this.accessibleCloseLabelDefaults[oldValue]) {
+      this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefaults, newValue);
+    }
+  }
   activeChanged() {
     this.open = this.active;
   }
@@ -13074,7 +13197,11 @@ class DuetModal {
       this.modalEl.classList.add("duet-disable-transitions");
     }
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
   disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
     enableBodyScroll(this.modalEl);
   }
   /**
@@ -13155,6 +13282,7 @@ class DuetModal {
   get element() { return getElement(this); }
   static get watchers() { return {
     "open": ["openChanged"],
+    "language": ["watchLanguageStateHandler"],
     "active": ["activeChanged"]
   }; }
   static get style() { return duetModalCss; }
@@ -13162,9 +13290,9 @@ class DuetModal {
     "$flags$": 9,
     "$tagName$": "duet-modal",
     "$members$": {
-      "language": [1025],
+      "language": [1537],
       "accessibleCloseLabelDefaults": [1, "accessible-close-label-default"],
-      "accessibleCloseLabel": [1, "accessible-close-label"],
+      "accessibleCloseLabel": [1025, "accessible-close-label"],
       "size": [1],
       "accessibleDescribedBy": [1, "accessible-described-by"],
       "accessibleLabelledBy": [1, "accessible-labelled-by"],
@@ -13186,7 +13314,7 @@ class DuetModal {
     },
     "$listeners$": [[8, "keyup", "handleKeyUp"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["active", "active"]]
+    "$attrsToReflect$": [["language", "language"], ["active", "active"]]
   }; }
 }
@@ -13917,7 +14045,7 @@ class DuetNumberInput {
     this.duetInputElement.value = "";
   }
   formatAnnouncement() {
-    const current = SafeParseFloat(this.value, this.locale);
+    const current = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
     if (current == null) {
       return "";
     }
@@ -13930,7 +14058,7 @@ class DuetNumberInput {
   render() {
     const identifier = this.identifier || this.inputId;
     const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
-    const cleanedValue = SafeParseFloat(this.value, this.locale);
+    const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
     return (hAsync(Host, { class: {
         "duet-theme-turva": this.theme === "turva",
         "duet-expand": this.expand,
@@ -14924,17 +15052,17 @@ class DuetRangeStepper {
     }
   }
   watchStepIndexStateHandler(newValue) {
-    if (this.element.shadowRoot.childElementCount > 0) {
+    if (this.leftBnRef && this.rightBnRef) {
       if (newValue <= 1) {
         this.leftBnRef.setAttribute("disabled", "");
-        this.rightBnRef.focus();
+        this.rightBnRef.setFocus();
       }
       else {
         this.leftBnRef.removeAttribute("disabled");
       }
       if (newValue >= this.total / this.stepSize) {
         this.rightBnRef.setAttribute("disabled", "");
-        this.leftBnRef.focus();
+        this.leftBnRef.setFocus();
       }
       else {
         this.rightBnRef.removeAttribute("disabled");
@@ -14946,6 +15074,8 @@ class DuetRangeStepper {
       if (this.stepIndex * newValue > this.total) {
         this.stepIndex = Math.ceil(this.total / newValue);
       }
+      // trigger handler in case a button needs to be disabled or enabled but stepSize did not change
+      this.watchStepIndexStateHandler(this.stepIndex);
     }
   }
   handleStepClick(e) {
@@ -15434,12 +15564,17 @@ class DuetSelect {
   }; }
 }
-const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@:host slot:not([name=toggle])::slotted(*)*/.sc-duet-slideout-h slot:not([name=toggle]).sc-duet-slideout-s>*{position:relative;visibility:hidden;opacity:0}/*!@:host([open]) slot:not([name=toggle])::slotted(*)*/.sc-duet-slideout-h[open] slot:not([name=toggle]).sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height:100%}/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgba(0, 41, 77, 0.6);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgba(23, 28, 58, 0.6)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{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.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@::slotted(*)*/.sc-duet-slideout-s>*{width:100%}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}/*!@slot[name=toggle]*/slot[name=toggle].sc-duet-slideout{color:inherit}";
+const duetSlideoutCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout,*.sc-duet-slideout::after,*.sc-duet-slideout::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@:host slot:not([name=toggle])::slotted(*)*/.sc-duet-slideout-h slot:not([name=toggle]).sc-duet-slideout-s>*{position:relative;visibility:hidden;opacity:0}/*!@:host([open]) slot:not([name=toggle])::slotted(*)*/.sc-duet-slideout-h[open] slot:not([name=toggle]).sc-duet-slideout-s>*{visibility:visible;opacity:1}/*!@:host(:not([open])) ::slotted(duet-slideout-panel)*/.sc-duet-slideout-h:not([open]) .sc-duet-slideout-s>duet-slideout-panel{display:none}/*!@.duet-slideout*/.duet-slideout.sc-duet-slideout{display:flex;align-items:center;height:100%}/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{display:none}@media (min-width: 62em){/*!@.duet-slideout .desktop-bg*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout{position:fixed;top:0;left:0;z-index:400;display:block;width:100%;height:100%;visibility:hidden;background:rgba(0, 41, 77, 0.6);opacity:0;transition:600ms ease}/*!@.duet-slideout .desktop-bg:not(.hidden)*/.duet-slideout.sc-duet-slideout .desktop-bg.sc-duet-slideout:not(.hidden){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){/*!@.duet-slideout.duet-theme-turva .desktop-bg*/.duet-slideout.duet-theme-turva.sc-duet-slideout .desktop-bg.sc-duet-slideout{background:rgba(23, 28, 58, 0.6)}}/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){/*!@.duet-slideout .dialog*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout{right:0;left:auto;width:500px;transition:right 300ms ease;transition-delay:0s}}/*!@.duet-slideout .dialog .top*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}/*!@.duet-slideout .dialog .top button*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout{cursor:pointer}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-slideout .dialog .top duet-icon*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout duet-icon.sc-duet-slideout{padding:16px}/*!@.duet-slideout .dialog .items*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .items.sc-duet-slideout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{pointer-events:none;visibility:hidden}@media (min-width: 62em){/*!@.duet-slideout .dialog.hidden*/.duet-slideout.sc-duet-slideout .dialog.hidden.sc-duet-slideout{right:-500px;transition:300ms ease}}/*!@.duet-slideout.duet-theme-turva button*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout{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.duet-theme-turva button:focus*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-slideout.duet-theme-turva button.active*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout{color:rgb(198, 12, 48)}/*!@.duet-slideout.duet-theme-turva button.active::after*/.duet-slideout.duet-theme-turva.sc-duet-slideout button.active.sc-duet-slideout::after{background:rgb(198, 12, 48)}/*!@.duet-slideout .dialog .top button:focus*/.duet-slideout.sc-duet-slideout .dialog.sc-duet-slideout .top.sc-duet-slideout button.sc-duet-slideout:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@::slotted(*)*/.sc-duet-slideout-s>*{width:100%}/*!@slot*/slot.sc-duet-slideout{color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout slot.sc-duet-slideout{color:rgb(23, 28, 58)}/*!@slot[name=toggle]*/slot[name=toggle].sc-duet-slideout{color:inherit}";
 class DuetSlideout {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.duetSlideoutEvent = createEvent$2(this, "duetSlideoutEvent", 7);
+    this.exitLangObject = {
+      en: "Exit the menu",
+      fi: "Poistu valikosta",
+      sv: "Avsluta menyn",
+    };
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -15450,9 +15585,15 @@ class DuetSlideout {
         component: "duet-slideout",
       });
       if (toggle) {
-        setTimeout(() => {
-          this.closeButton.focus();
-        }, 200);
+        const openPanel = this.element.querySelector("duet-slideout-panel[open]");
+        if (openPanel) {
+          openPanel.setFocus();
+        }
+        else {
+          setTimeout(() => {
+            this.closeButton.focus();
+          }, 200);
+        }
       }
       else {
         setTimeout(() => {
@@ -15463,6 +15604,7 @@ class DuetSlideout {
     this.onClick = (e) => {
       this.toggleMenu(e);
     };
+    this.language = getLanguage();
     this.theme = "";
     this.open = false;
     this.backgroundColor = "gray-lightest";
@@ -15489,8 +15631,8 @@ class DuetSlideout {
       }
     }
     if (this.openButton) {
-      this.openButton.setAttribute("aria-haspopup", "dialog");
-      this.openButton.setAttribute("aria-expanded", "false");
+      this.openButton.accessiblePopup = "true";
+      this.openButton.accessibleExpanded = false;
       this.openButton.addEventListener("click", e => {
         e.stopPropagation();
         e.preventDefault();
@@ -15499,6 +15641,29 @@ class DuetSlideout {
       this.openButton = this.openButton;
     }
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
+  /**
+   * Component event handling.
+   */
+  handleKeyUp(ev) {
+    // When Esc is pressed
+    if (isEscapeKey(ev)) {
+      if (this.open) {
+        this.toggleMenu(ev);
+      }
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.openButton.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -15507,6 +15672,7 @@ class DuetSlideout {
     const styles = {
       background: getColorByName(this.backgroundColor, this.theme),
     };
+    const exitTranslation = getLocaleString(this.exitLangObject);
     return (hAsync(Host, null, hAsync("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { name: "toggle" }), hAsync("div", { class: {
         "desktop-bg": true,
         hidden: !this.open,
@@ -15515,7 +15681,7 @@ class DuetSlideout {
       } }), hAsync("div", { tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": "true", "aria-flowto": "menubar", class: {
         dialog: true,
         hidden: !this.open,
-      }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: "top" }, hAsync("button", { ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", type: "button", class: {
+      }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: "top" }, hAsync("button", { 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 }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { id: "menubar", role: "menubar", class: {
@@ -15531,9 +15697,11 @@ class DuetSlideout {
       "theme": [1025],
       "open": [1540],
       "backgroundColor": [1537, "background-color"],
-      "toggle": [64]
+      "language": [32],
+      "toggle": [64],
+      "setFocus": [64]
     },
-    "$listeners$": undefined,
+    "$listeners$": [[8, "keyup", "handleKeyUp"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["open", "open"], ["backgroundColor", "background-color"]]
   }; }
@@ -15552,6 +15720,7 @@ class DuetSlideoutLang {
       fi: "Valitse kieli",
       sv: "Välj språk",
     };
+    this.language = getLanguage();
     this.theme = "";
   }
   /**
@@ -15560,13 +15729,19 @@ class DuetSlideoutLang {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
     const langTranslation = getLocaleString(this.chooseLangObject);
-    return (hAsync(Host, null, hAsync("div", { class: "duet-slideout-lang" }, hAsync("duet-visually-hidden", null, langTranslation), hAsync("duet-icon", { name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", null))));
+    return (hAsync(Host, null, hAsync("div", { class: "duet-slideout-lang", "aria-role": "group", "aria-label": langTranslation }, hAsync("duet-icon", { name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetSlideoutLangCss; }
@@ -15574,7 +15749,8 @@ class DuetSlideoutLang {
     "$flags$": 9,
     "$tagName$": "duet-slideout-lang",
     "$members$": {
-      "theme": [1025]
+      "theme": [1025],
+      "language": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -15582,7 +15758,7 @@ class DuetSlideoutLang {
   }; }
 }
-const duetSlideoutLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-link,*.sc-duet-slideout-link::after,*.sc-duet-slideout-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-link-h{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*/.duet-slideout-link.sc-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.duet-theme-turva*/.duet-slideout-link.duet-theme-turva.sc-duet-slideout-link{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*/.duet-slideout-link.active.sc-duet-slideout-link span.sc-duet-slideout-link{position:relative}/*!@.duet-slideout-link.active span::after*/.duet-slideout-link.active.sc-duet-slideout-link span.sc-duet-slideout-link::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*/.duet-slideout-link.active.duet-theme-turva.sc-duet-slideout-link span.sc-duet-slideout-link::after{background:rgb(198, 12, 48)}/*!@.duet-slideout-link.small*/.duet-slideout-link.small.sc-duet-slideout-link{font-size:1rem;font-weight:600}/*!@.duet-slideout-link.small span::after*/.duet-slideout-link.small.sc-duet-slideout-link span.sc-duet-slideout-link::after{--active-height:1px;--active-translate-y:1px}/*!@.duet-slideout-link.medium*/.duet-slideout-link.medium.sc-duet-slideout-link{font-size:1.25rem;font-weight:600}/*!@.duet-slideout-link.large*/.duet-slideout-link.large.sc-duet-slideout-link{font-size:1.5rem;font-weight:800}/*!@.duet-slideout-link .label*/.duet-slideout-link.sc-duet-slideout-link .label.sc-duet-slideout-link{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}/*!@slot[name=description]::slotted(*)*/slot[name=description].sc-duet-slideout-link-s>*{display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}/*!@.duet-theme-turva slot[name=description]::slotted(*)*/.duet-theme-turva slot[name=description].sc-duet-slideout-link-s>*{color:rgb(68, 68, 69)}";
+const duetSlideoutLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-link,*.sc-duet-slideout-link::after,*.sc-duet-slideout-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-link-h{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*/.duet-slideout-link.sc-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.duet-theme-turva*/.duet-slideout-link.duet-theme-turva.sc-duet-slideout-link{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:focus*/.duet-slideout-link.sc-duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-slideout-link:focus.duet-theme-turva*/.duet-slideout-link.sc-duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-slideout-link.active span*/.duet-slideout-link.active.sc-duet-slideout-link span.sc-duet-slideout-link{position:relative}/*!@.duet-slideout-link.active span::after*/.duet-slideout-link.active.sc-duet-slideout-link span.sc-duet-slideout-link::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*/.duet-slideout-link.active.duet-theme-turva.sc-duet-slideout-link span.sc-duet-slideout-link::after{background:rgb(198, 12, 48)}/*!@.duet-slideout-link.small*/.duet-slideout-link.small.sc-duet-slideout-link{font-size:1rem;font-weight:600}/*!@.duet-slideout-link.small span::after*/.duet-slideout-link.small.sc-duet-slideout-link span.sc-duet-slideout-link::after{--active-height:1px;--active-translate-y:1px}/*!@.duet-slideout-link.medium*/.duet-slideout-link.medium.sc-duet-slideout-link{font-size:1.25rem;font-weight:600}/*!@.duet-slideout-link.large*/.duet-slideout-link.large.sc-duet-slideout-link{font-size:1.5rem;font-weight:800}/*!@.duet-slideout-link .label*/.duet-slideout-link.sc-duet-slideout-link .label.sc-duet-slideout-link{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}/*!@slot[name=description]::slotted(*)*/slot[name=description].sc-duet-slideout-link-s>*{display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}/*!@.duet-theme-turva slot[name=description]::slotted(*)*/.duet-theme-turva slot[name=description].sc-duet-slideout-link-s>*{color:rgb(68, 68, 69)}";
 class DuetSlideoutLink {
   constructor(hostRef) {
@@ -15613,7 +15789,7 @@ class DuetSlideoutLink {
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
         [this.size]: true,
-      }, href: this.href, role: this.menuItem && "menuitem", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { class: "label" }, hAsync("span", null, hAsync("slot", null), hAsync("slot", { name: "description" })), this.caret && (hAsync("duet-icon", { name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+      }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { class: "label" }, hAsync("span", null, hAsync("slot", null), hAsync("slot", { name: "description" })), this.caret && (hAsync("duet-icon", { name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
   }
   get element() { return getElement(this); }
   static get style() { return duetSlideoutLinkCss; }
@@ -15637,15 +15813,20 @@ class DuetSlideoutLink {
   }; }
 }
-const duetSlideoutPanelCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-panel,*.sc-duet-slideout-panel::after,*.sc-duet-slideout-panel::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-panel-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@:host slot:not([name=label])::slotted(*)*/.sc-duet-slideout-panel-h slot:not([name=label]).sc-duet-slideout-panel-s>*{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(*)*/.sc-duet-slideout-panel-h[open] slot:not([name=label]).sc-duet-slideout-panel-s>*{top:0;opacity:1}/*!@.duet-slideout-panel*/.duet-slideout-panel.sc-duet-slideout-panel{position:relative;height:100%}/*!@.duet-slideout-panel .link*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel{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.5rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}/*!@.duet-slideout-panel .link .label*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label.sc-duet-slideout-panel{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}/*!@.duet-slideout-panel .link .label-text.small*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.small.sc-duet-slideout-panel{font-size:1rem;font-weight:600}/*!@.duet-slideout-panel .link .label-text.medium*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.medium.sc-duet-slideout-panel{font-size:1.25rem;font-weight:600}/*!@.duet-slideout-panel .link .label-text.large*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.large.sc-duet-slideout-panel{font-size:1.5rem;font-weight:800}/*!@.duet-slideout-panel .link.active .label-text*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel{position:relative}/*!@.duet-slideout-panel .link.active .label-text.small::after*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.small.sc-duet-slideout-panel::after{height:1px;transform:translateY(1px)}/*!@.duet-slideout-panel .link.active .label-text::after*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel::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*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.sc-duet-slideout-panel{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}/*!@.duet-slideout-panel .dialog.hidden*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel{visibility:hidden}/*!@.duet-slideout-panel .dialog.hidden .top .back,\n.duet-slideout-panel .dialog.hidden .top span*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel,.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{opacity:0}/*!@.duet-slideout-panel .top*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel{display:flex;align-items:center;justify-content:space-between;padding:4px}/*!@.duet-slideout-panel .top .back*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@.duet-slideout-panel .top duet-icon*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel duet-icon.sc-duet-slideout-panel{padding:16px}/*!@.duet-slideout-panel .top span*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{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(0, 41, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@.duet-slideout-panel .items*/.duet-slideout-panel.sc-duet-slideout-panel .items.sc-duet-slideout-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(0, 41, 77)}/*!@.duet-slideout-panel.duet-theme-turva .link*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .link.sc-duet-slideout-panel{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.duet-theme-turva .link.active .label-text::after*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel::after{background:rgb(198, 12, 48)}/*!@.duet-slideout-panel.duet-theme-turva .top span*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{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)}/*!@slot:not([name=label])*/slot.sc-duet-slideout-panel:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot:not([name=label])*/.duet-theme-turva.sc-duet-slideout-panel slot.sc-duet-slideout-panel:not([name=label]){color:rgb(23, 28, 58)}";
+const duetSlideoutPanelCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-panel,*.sc-duet-slideout-panel::after,*.sc-duet-slideout-panel::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-panel-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@:host slot:not([name=label])::slotted(*)*/.sc-duet-slideout-panel-h slot:not([name=label]).sc-duet-slideout-panel-s>*{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(*)*/.sc-duet-slideout-panel-h[open] slot:not([name=label]).sc-duet-slideout-panel-s>*{top:0;opacity:1}/*!@.duet-slideout-panel*/.duet-slideout-panel.sc-duet-slideout-panel{position:relative;height:100%}/*!@.duet-slideout-panel .link*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel{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.5rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}/*!@.duet-slideout-panel .link .label*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label.sc-duet-slideout-panel{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}/*!@.duet-slideout-panel .link .label-text.small*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.small.sc-duet-slideout-panel{font-size:1rem;font-weight:600}/*!@.duet-slideout-panel .link .label-text.medium*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.medium.sc-duet-slideout-panel{font-size:1.25rem;font-weight:600}/*!@.duet-slideout-panel .link .label-text.large*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel .label-text.large.sc-duet-slideout-panel{font-size:1.5rem;font-weight:800}/*!@.duet-slideout-panel .link:focus*/.duet-slideout-panel.sc-duet-slideout-panel .link.sc-duet-slideout-panel:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-slideout-panel .link.active .label-text*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel{position:relative}/*!@.duet-slideout-panel .link.active .label-text.small::after*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.small.sc-duet-slideout-panel::after{height:1px;transform:translateY(1px)}/*!@.duet-slideout-panel .link.active .label-text::after*/.duet-slideout-panel.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel::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*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.sc-duet-slideout-panel{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}/*!@.duet-slideout-panel .dialog.hidden*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel{visibility:hidden}/*!@.duet-slideout-panel .dialog.hidden .top .back,\n.duet-slideout-panel .dialog.hidden .top span*/.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel,.duet-slideout-panel.sc-duet-slideout-panel .dialog.hidden.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{opacity:0}/*!@.duet-slideout-panel .top*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel{display:flex;align-items:center;justify-content:space-between;padding:4px}/*!@.duet-slideout-panel .top .back*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@.duet-slideout-panel .top .back:focus,\n.duet-slideout-panel .top .close:focus*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel:focus,.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel .close.sc-duet-slideout-panel:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-slideout-panel .top duet-icon*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel duet-icon.sc-duet-slideout-panel{padding:16px}/*!@.duet-slideout-panel .top span*/.duet-slideout-panel.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{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(0, 41, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@.duet-slideout-panel .items*/.duet-slideout-panel.sc-duet-slideout-panel .items.sc-duet-slideout-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(0, 41, 77)}/*!@.duet-slideout-panel.duet-theme-turva .link*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .link.sc-duet-slideout-panel{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.duet-theme-turva .link:focus*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .link.sc-duet-slideout-panel:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-slideout-panel.duet-theme-turva .link.active .label-text::after*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .link.active.sc-duet-slideout-panel .label-text.sc-duet-slideout-panel::after{background:rgb(198, 12, 48)}/*!@.duet-slideout-panel.duet-theme-turva .top .back:focus,\n.duet-slideout-panel.duet-theme-turva .top .close:focus*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .top.sc-duet-slideout-panel .back.sc-duet-slideout-panel:focus,.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .top.sc-duet-slideout-panel .close.sc-duet-slideout-panel:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-slideout-panel.duet-theme-turva .top span*/.duet-slideout-panel.duet-theme-turva.sc-duet-slideout-panel .top.sc-duet-slideout-panel span.sc-duet-slideout-panel{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)}/*!@slot:not([name=label])*/slot.sc-duet-slideout-panel:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot:not([name=label])*/.duet-theme-turva.sc-duet-slideout-panel slot.sc-duet-slideout-panel:not([name=label]){color:rgb(23, 28, 58)}";
 class DuetSlideoutPanel {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.exitLangObject = {
-      en: "Exit the dialog",
-      fi: "Poistu dialogista",
-      sv: "Stäng dialogrutan",
+      en: "Exit the menu",
+      fi: "Poistu valikosta",
+      sv: "Avsluta menyn",
+    };
+    this.backLangObject = {
+      en: "Back to main menu",
+      fi: "Takaisin päävalikkoon",
+      sv: "Tillbaka till huvudmenyn",
     };
     this.updateLabel = () => {
       const labelSlotElement = this.element.querySelector("[slot='label']");
@@ -15674,6 +15855,7 @@ class DuetSlideoutPanel {
       }
     };
     this.label = undefined;
+    this.language = getLanguage();
     this.theme = "";
     this.active = false;
     this.open = false;
@@ -15688,6 +15870,27 @@ class DuetSlideoutPanel {
     inheritGlobalTheme(this);
     this.updateLabel();
   }
+  connectedCallback() {
+    connectLanguageChangeObserver(this);
+  }
+  disconnectedCallback() {
+    disconnectLanguageChangeObserver(this);
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    if (this.open) {
+      setTimeout(() => {
+        this.closeButton.focus(options);
+      }, 200);
+    }
+    else {
+      setTimeout(() => {
+        this.openButton.focus(options);
+      }, 200);
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -15702,19 +15905,20 @@ class DuetSlideoutPanel {
       background: getColorByName(defaultBackgroundColor, this.theme),
     };
     const exitTranslation = getLocaleString(this.exitLangObject);
+    const backTranslation = getLocaleString(this.backLangObject);
     return (hAsync(Host, null, hAsync("div", { class: {
         "duet-slideout-panel": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.open,
-      } }, hAsync("button", { ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+      } }, hAsync("button", { 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.onToggleClick }, this.icon && hAsync("duet-icon", { name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("div", { class: "label" }, hAsync("span", { class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { name: "label" })), hAsync("duet-icon", { class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { class: {
         dialog: true,
         hidden: !this.open,
-      }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: "top" }, hAsync("button", { ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", type: "button", class: {
+      }, style: styles }, hAsync(FocusGuard, { moveFocusTo: this.closeButton }), hAsync("div", { class: "top" }, hAsync("button", { 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.onToggleClick }, hAsync("duet-icon", { class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", null, this.label.innerHTML), hAsync("button", { type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onToggleClick }, hAsync("duet-icon", { class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", null, this.label.innerHTML), hAsync("button", { class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
       } }, hAsync("slot", null)), hAsync(FocusGuard, { moveFocusTo: this.closeButton })))));
   }
@@ -15730,7 +15934,9 @@ class DuetSlideoutPanel {
       "icon": [1537],
       "labelSize": [1537, "label-size"],
       "backgroundColor": [1537, "background-color"],
-      "label": [32]
+      "label": [32],
+      "language": [32],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -15738,7 +15944,7 @@ class DuetSlideoutPanel {
   }; }
 }
-const duetSlideoutPanelDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-panel-dropdown,*.sc-duet-slideout-panel-dropdown::after,*.sc-duet-slideout-panel-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-panel-dropdown-h{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(*)*/.sc-duet-slideout-panel-dropdown-h slot:not([name=label]).sc-duet-slideout-panel-dropdown-s>*{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(*)*/.sc-duet-slideout-panel-dropdown-h[open] slot:not([name=label]).sc-duet-slideout-panel-dropdown-s>*{top:0;opacity:1}/*!@.duet-slideout-panel-dropdown*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}/*!@.duet-slideout-panel-dropdown button*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown{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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-slideout-panel-dropdown button .label*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-slideout-panel-dropdown button.active .label::after*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.active.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown::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*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.sc-duet-slideout-panel-dropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:0 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*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.sc-duet-slideout-panel-dropdown::-webkit-scrollbar{display:none}/*!@.duet-slideout-panel-dropdown .items.hidden*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.hidden.sc-duet-slideout-panel-dropdown{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*/.duet-slideout-panel-dropdown.duet-theme-turva.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown{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.active .label::after*/.duet-slideout-panel-dropdown.duet-theme-turva.sc-duet-slideout-panel-dropdown button.active.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown::after{background:rgb(198, 12, 48)}/*!@slot*/slot.sc-duet-slideout-panel-dropdown{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout-panel-dropdown slot.sc-duet-slideout-panel-dropdown{color:rgb(23, 28, 58)}/*!@slot[name=label]*/slot[name=label].sc-duet-slideout-panel-dropdown{font-size:1rem;font-weight:600}";
+const duetSlideoutPanelDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-slideout-panel-dropdown,*.sc-duet-slideout-panel-dropdown::after,*.sc-duet-slideout-panel-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-slideout-panel-dropdown-h{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(*)*/.sc-duet-slideout-panel-dropdown-h slot:not([name=label]).sc-duet-slideout-panel-dropdown-s>*{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(*)*/.sc-duet-slideout-panel-dropdown-h[open] slot:not([name=label]).sc-duet-slideout-panel-dropdown-s>*{top:0;opacity:1}/*!@.duet-slideout-panel-dropdown*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}/*!@.duet-slideout-panel-dropdown button*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown{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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-slideout-panel-dropdown button .label*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-slideout-panel-dropdown button:focus*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-slideout-panel-dropdown button.active .label::after*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown button.active.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown::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*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.sc-duet-slideout-panel-dropdown{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*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.sc-duet-slideout-panel-dropdown::-webkit-scrollbar{display:none}/*!@.duet-slideout-panel-dropdown .items.hidden*/.duet-slideout-panel-dropdown.sc-duet-slideout-panel-dropdown .items.hidden.sc-duet-slideout-panel-dropdown{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*/.duet-slideout-panel-dropdown.duet-theme-turva.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown{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*/.duet-slideout-panel-dropdown.duet-theme-turva.sc-duet-slideout-panel-dropdown button.sc-duet-slideout-panel-dropdown:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after*/.duet-slideout-panel-dropdown.duet-theme-turva.sc-duet-slideout-panel-dropdown button.active.sc-duet-slideout-panel-dropdown .label.sc-duet-slideout-panel-dropdown::after{background:rgb(198, 12, 48)}/*!@slot*/slot.sc-duet-slideout-panel-dropdown{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}/*!@.duet-theme-turva slot*/.duet-theme-turva.sc-duet-slideout-panel-dropdown slot.sc-duet-slideout-panel-dropdown{color:rgb(23, 28, 58)}/*!@slot[name=label]*/slot[name=label].sc-duet-slideout-panel-dropdown{font-size:1rem;font-weight:600}";
 class DuetSlideoutPanelDropdown {
   constructor(hostRef) {
@@ -15767,6 +15973,12 @@ class DuetSlideoutPanelDropdown {
       link.menuItem = true;
     });
   }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -15776,7 +15988,7 @@ class DuetSlideoutPanelDropdown {
         "duet-slideout-panel-dropdown": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.open,
-      } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+      } }, hAsync("button", { 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 && hAsync("duet-icon", { name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
@@ -15792,7 +16004,8 @@ class DuetSlideoutPanelDropdown {
       "theme": [1025],
       "active": [1540],
       "open": [1540],
-      "icon": [1537]
+      "icon": [1537],
+      "setFocus": [64]
     },
     "$listeners$": [[8, "click", "handleFocus"]],
     "$lazyBundleId$": "-",
@@ -16113,14 +16326,25 @@ class DuetStepper {
   }; }
 }
-const duetSubmenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar,*.sc-duet-submenu-bar::after,*.sc-duet-submenu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@:host slot::slotted(duet-submenu-bar-link),\n:host slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@:host([open]) slot::slotted(duet-submenu-bar-link),\n:host([open]) slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h[open] slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h[open] slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{top:0;opacity:1}@media (min-width: 62em){/*!@:host slot::slotted(duet-submenu-bar-link),\n  :host slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{position:relative;top:auto;opacity:1;transition:none}}/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{position:relative;background:rgb(243, 249, 252)}@media (min-width: 62em){/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{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(0, 41, 77)}/*!@.duet-submenu-bar button.active .caret*/.duet-submenu-bar.sc-duet-submenu-bar button.active.sc-duet-submenu-bar .caret.sc-duet-submenu-bar{transform:rotate(180deg)}/*!@.duet-submenu-bar button .label*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar .label.sc-duet-submenu-bar{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar .items*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar{position:absolute;z-index:399;width:100%;max-height:1000px;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212);transition:300ms ease}/*!@.duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212);transition:300ms ease}@media (min-width: 62em){/*!@.duet-submenu-bar .items, .duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;max-height:unset;overflow:visible;visibility:visible;border:0;transition:none}}/*!@.duet-submenu-bar.duet-theme-turva*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-submenu-bar.duet-theme-turva .items*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .items.sc-duet-submenu-bar{background:rgb(245, 245, 247)}";
+const duetSubmenuBarCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar,*.sc-duet-submenu-bar::after,*.sc-duet-submenu-bar::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}/*!@:host slot::slotted(duet-submenu-bar-link),\n:host slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}/*!@:host([open]) slot::slotted(duet-submenu-bar-link),\n:host([open]) slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h[open] slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h[open] slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{top:0;opacity:1}@media (min-width: 62em){/*!@:host slot::slotted(duet-submenu-bar-link),\n  :host slot::slotted(duet-submenu-bar-dropdown)*/.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-link,.sc-duet-submenu-bar-h slot.sc-duet-submenu-bar-s>duet-submenu-bar-dropdown{position:relative;top:auto;opacity:1;transition:none}}/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{position:relative;background:rgb(243, 249, 252)}@media (min-width: 62em){/*!@.duet-submenu-bar*/.duet-submenu-bar.sc-duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{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(0, 41, 77)}/*!@.duet-submenu-bar button:focus*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-submenu-bar button.active .caret*/.duet-submenu-bar.sc-duet-submenu-bar button.active.sc-duet-submenu-bar .caret.sc-duet-submenu-bar{transform:rotate(180deg)}/*!@.duet-submenu-bar button .label*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar .label.sc-duet-submenu-bar{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){/*!@.duet-submenu-bar button*/.duet-submenu-bar.sc-duet-submenu-bar button.sc-duet-submenu-bar{display:none}}/*!@.duet-submenu-bar .items*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar{position:absolute;z-index:399;width:100%;max-height:1000px;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212);transition:300ms ease}/*!@.duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212);transition:300ms ease}@media (min-width: 62em){/*!@.duet-submenu-bar .items, .duet-submenu-bar .items.hidden*/.duet-submenu-bar.sc-duet-submenu-bar .items.sc-duet-submenu-bar,.duet-submenu-bar.sc-duet-submenu-bar .items.hidden.sc-duet-submenu-bar{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;max-height:unset;overflow:visible;visibility:visible;border:0;transition:none}}/*!@.duet-submenu-bar.duet-theme-turva*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-submenu-bar.duet-theme-turva button:focus*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar button.sc-duet-submenu-bar:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-submenu-bar.duet-theme-turva .items*/.duet-submenu-bar.duet-theme-turva.sc-duet-submenu-bar .items.sc-duet-submenu-bar{background:rgb(245, 245, 247)}";
 class DuetSubmenuBar {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
+    this.boundMqlFunctions = [];
+    this.changeAriaProperties = () => {
+      if (this.mql[0].matches) {
+        this.mobile = false;
+      }
+      else {
+        this.mobile = true;
+      }
+    };
     this.onClick = () => {
       this.open = !this.open;
     };
+    this.mobile = true;
     this.theme = "";
     this.open = false;
   }
@@ -16130,14 +16354,40 @@ class DuetSubmenuBar {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    this.changeAriaProperties();
+    for (let i = 0; i < this.mql.length; i++) {
+      // addEventListener is not available in Stencil hydrate
+      if (this.mql[i].addEventListener) {
+        const bound = this.changeAriaProperties.bind(this);
+        this.mql[i].addEventListener("change", bound);
+        this.boundMqlFunctions[i] = bound;
+      }
+    }
+  }
+  disconnectedCallback() {
+    for (let i = 0; i < this.mql.length; i++) {
+      // removeEventListener is not available in Stencil hydrate
+      if (this.mql[i].removeEventListener) {
+        this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
+      }
+    }
+    this.boundMqlFunctions = [];
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, null, hAsync("div", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+    return (hAsync(Host, null, hAsync("div", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: this.mobile ? null : "menubar" }, hAsync("button", { 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 }, hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { role: "menu", id: "menu", "aria-labelledby": "button", "aria-expanded": this.open ? "true" : "false", class: {
+      }, onClick: this.onClick }, hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { 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,
       } }, hAsync("slot", null)))));
@@ -16149,7 +16399,9 @@ class DuetSubmenuBar {
     "$tagName$": "duet-submenu-bar",
     "$members$": {
       "theme": [1025],
-      "open": [1540]
+      "open": [1540],
+      "mobile": [32],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -16157,7 +16409,7 @@ class DuetSubmenuBar {
   }; }
 }
-const duetSubmenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown,*.sc-duet-submenu-bar-dropdown::after,*.sc-duet-submenu-bar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-dropdown-h{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*/.sc-duet-submenu-bar-dropdown-h{width:auto}}/*!@.duet-submenu-bar-dropdown*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown{position:relative;height:100%}/*!@.duet-submenu-bar-dropdown button*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown button*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 77, 128)}}/*!@.duet-submenu-bar-dropdown button .label*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .label.sc-duet-submenu-bar-dropdown{display:flex;gap:5px;align-items:center;justify-content:center}/*!@.duet-submenu-bar-dropdown button.active .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{transform:rotate(180deg)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown button .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{position:absolute;right:12px}/*!@.duet-submenu-bar-dropdown button:hover*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}/*!@.duet-submenu-bar-dropdown button:hover.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover.active{color:rgb(0, 119, 179)}/*!@.duet-submenu-bar-dropdown button.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-submenu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-submenu-bar-dropdown button.active::after*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::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.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after{background:rgb(198, 12, 48)}}/*!@.duet-submenu-bar-dropdown .items*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:0 0 16px;overflow-y:auto;color:rgb(0, 41, 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*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown::-webkit-scrollbar{display:none}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown .items*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{position:absolute;top:102%;z-index:600;min-width:320px;padding:0;background:rgb(255, 255, 255);border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1);transition:none}}/*!@.duet-submenu-bar-dropdown .items.hidden*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.hidden.sc-duet-submenu-bar-dropdown{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*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{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*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{background:rgb(228, 228, 230)}}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:rgb(148, 9, 37)}}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active::after*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after{background:rgb(148, 9, 37)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown.duet-theme-turva .items*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{background:rgb(255, 255, 255)}}";
+const duetSubmenuBarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown,*.sc-duet-submenu-bar-dropdown::after,*.sc-duet-submenu-bar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-dropdown-h{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*/.sc-duet-submenu-bar-dropdown-h{width:auto}}/*!@.duet-submenu-bar-dropdown*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown{position:relative;height:100%}/*!@.duet-submenu-bar-dropdown button*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{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(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown button*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 77, 128)}}/*!@.duet-submenu-bar-dropdown button .label*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .label.sc-duet-submenu-bar-dropdown{display:flex;gap:5px;align-items:center;justify-content:center}/*!@.duet-submenu-bar-dropdown button:focus*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-submenu-bar-dropdown button.open .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{transform:rotate(180deg)}/*!@.duet-submenu-bar-dropdown button.active .label-text*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .label-text.sc-duet-submenu-bar-dropdown{position:relative}/*!@.duet-submenu-bar-dropdown button.active .label-text::after*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .label-text.sc-duet-submenu-bar-dropdown::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*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .label-text.sc-duet-submenu-bar-dropdown::after{display:none}}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown button .caret*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown .caret.sc-duet-submenu-bar-dropdown{position:absolute;right:12px}/*!@.duet-submenu-bar-dropdown button:hover*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}/*!@.duet-submenu-bar-dropdown button:hover.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover.active{color:rgb(0, 41, 77)}/*!@.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover.active{color:rgb(23, 28, 58)}/*!@.duet-submenu-bar-dropdown button.active*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-submenu-bar-dropdown button.active*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown{color:rgb(198, 12, 48)}/*!@.duet-submenu-bar-dropdown button.active::after, .duet-submenu-bar-dropdown button.open::after*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after,.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown::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*/.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after,.duet-theme-turva.sc-duet-submenu-bar-dropdown .duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown::after{background:rgb(198, 12, 48)}}/*!@.duet-submenu-bar-dropdown .items*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(0, 41, 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*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown::-webkit-scrollbar{display:none}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown .items*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{position:absolute;top:102%;z-index:600;min-width:320px;padding:4px 0 0;background:rgb(255, 255, 255);border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1);transition:none}}/*!@.duet-submenu-bar-dropdown .items.hidden*/.duet-submenu-bar-dropdown.sc-duet-submenu-bar-dropdown .items.hidden.sc-duet-submenu-bar-dropdown{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*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown{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.duet-theme-turva button:focus*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown.duet-theme-turva button:hover*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.sc-duet-submenu-bar-dropdown:hover{background:rgb(228, 228, 230)}}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown .label-text.sc-duet-submenu-bar-dropdown::after,.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown .label-text.sc-duet-submenu-bar-dropdown::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*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown,.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown{color:rgb(148, 9, 37)}}/*!@.duet-submenu-bar-dropdown.duet-theme-turva button.active::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open::after*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.active.sc-duet-submenu-bar-dropdown::after,.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown button.open.sc-duet-submenu-bar-dropdown::after{background:rgb(148, 9, 37)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown.duet-theme-turva .items*/.duet-submenu-bar-dropdown.duet-theme-turva.sc-duet-submenu-bar-dropdown .items.sc-duet-submenu-bar-dropdown{background:rgb(255, 255, 255)}}";
 class DuetSubmenuBarDropdown {
   constructor(hostRef) {
@@ -16180,6 +16432,7 @@ class DuetSubmenuBarDropdown {
     };
     this.iconSize = "small";
     this.theme = "";
+    this.active = false;
     this.open = false;
     this.icon = undefined;
   }
@@ -16215,14 +16468,38 @@ class DuetSubmenuBarDropdown {
     }
     this.boundMqlFunctions = [];
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      if (this.open) {
+        this.open = false;
+      }
+      else {
+        const dropdown = this.element.closest("duet-submenu-bar");
+        dropdown.open = false;
+        dropdown.setFocus();
+      }
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, null, hAsync("div", { class: { "duet-submenu-bar-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.open,
-      }, onClick: this.onClick }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+    return (hAsync(Host, null, hAsync("div", { class: {
+        "duet-submenu-bar-dropdown": true,
+        "duet-theme-turva": this.theme === "turva",
+        open: this.open,
+        active: this.active,
+      } }, hAsync("button", { 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 && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("span", { class: "label-text" }, hAsync("slot", { name: "label" })), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, hAsync("slot", null)))));
@@ -16234,9 +16511,11 @@ class DuetSubmenuBarDropdown {
     "$tagName$": "duet-submenu-bar-dropdown",
     "$members$": {
       "theme": [1025],
+      "active": [1028],
       "open": [1540],
       "icon": [1537],
-      "iconSize": [32]
+      "iconSize": [32],
+      "setFocus": [64]
     },
     "$listeners$": [[8, "click", "handleFocus"]],
     "$lazyBundleId$": "-",
@@ -16244,12 +16523,13 @@ class DuetSubmenuBarDropdown {
   }; }
 }
-const duetSubmenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown-link,*.sc-duet-submenu-bar-dropdown-link::after,*.sc-duet-submenu-bar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-dropdown-link-h{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*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;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(0, 41, 77);text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown-link*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link{padding:0.675rem 16px;font-size:0.875rem}}/*!@.duet-submenu-bar-dropdown-link.duet-theme-turva*/.duet-submenu-bar-dropdown-link.duet-theme-turva.sc-duet-submenu-bar-dropdown-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, 28, 58)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown-link:hover*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover{color:rgb(0, 77, 128);background:rgb(243, 249, 252)}/*!@.duet-submenu-bar-dropdown-link:hover.duet-theme-turva*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover.duet-theme-turva{color:rgb(148, 9, 37);background:rgb(245, 245, 247)}}/*!@.duet-submenu-bar-dropdown-link.highlight*/.duet-submenu-bar-dropdown-link.highlight.sc-duet-submenu-bar-dropdown-link{color:rgb(0, 119, 179)}/*!@.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva*/.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva.sc-duet-submenu-bar-dropdown-link{color:rgb(148, 9, 37)}";
+const duetSubmenuBarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-dropdown-link,*.sc-duet-submenu-bar-dropdown-link::after,*.sc-duet-submenu-bar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-dropdown-link-h{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*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;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(0, 41, 77);text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown-link*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link{padding:0.675rem 16px;font-size:0.875rem}}/*!@.duet-submenu-bar-dropdown-link:focus*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-submenu-bar-dropdown-link:focus.duet-theme-turva*/.duet-submenu-bar-dropdown-link.sc-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 rgb(23, 28, 58)}/*!@.duet-submenu-bar-dropdown-link.active .label*/.duet-submenu-bar-dropdown-link.active.sc-duet-submenu-bar-dropdown-link .label.sc-duet-submenu-bar-dropdown-link{position:relative}/*!@.duet-submenu-bar-dropdown-link.active .label::after*/.duet-submenu-bar-dropdown-link.active.sc-duet-submenu-bar-dropdown-link .label.sc-duet-submenu-bar-dropdown-link::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-link.active .label::after*/.duet-submenu-bar-dropdown-link.active.sc-duet-submenu-bar-dropdown-link .label.sc-duet-submenu-bar-dropdown-link::after{display:none}}/*!@.duet-submenu-bar-dropdown-link.duet-theme-turva*/.duet-submenu-bar-dropdown-link.duet-theme-turva.sc-duet-submenu-bar-dropdown-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, 28, 58)}/*!@.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after*/.duet-submenu-bar-dropdown-link.duet-theme-turva.active.sc-duet-submenu-bar-dropdown-link .label.sc-duet-submenu-bar-dropdown-link::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-submenu-bar-dropdown-link:hover*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover{color:rgb(0, 77, 128);background:rgb(243, 249, 252)}/*!@.duet-submenu-bar-dropdown-link:hover.duet-theme-turva*/.duet-submenu-bar-dropdown-link.sc-duet-submenu-bar-dropdown-link:hover.duet-theme-turva{color:rgb(148, 9, 37);background:rgb(245, 245, 247)}}/*!@.duet-submenu-bar-dropdown-link.highlight*/.duet-submenu-bar-dropdown-link.highlight.sc-duet-submenu-bar-dropdown-link{color:rgb(0, 119, 179)}/*!@.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva*/.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva.sc-duet-submenu-bar-dropdown-link{color:rgb(148, 9, 37)}";
 class DuetSubmenuBarDropdownLink {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.theme = "";
+    this.active = false;
     this.href = "#";
     this.icon = undefined;
     this.caret = false;
@@ -16261,6 +16541,13 @@ class DuetSubmenuBarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-submenu-bar-dropdown");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -16270,7 +16557,8 @@ class DuetSubmenuBarDropdownLink {
         "duet-submenu-bar-dropdown-link": true,
         "duet-theme-turva": this.theme === "turva",
         highlight: this.highlight,
-      }, href: this.href, role: "menuitem" }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("slot", null), this.caret && hAsync("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
+        active: this.active,
+      }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { class: "label" }, hAsync("slot", null)), this.caret && hAsync("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
   }
   get element() { return getElement(this); }
   static get style() { return duetSubmenuBarDropdownLinkCss; }
@@ -16279,6 +16567,7 @@ class DuetSubmenuBarDropdownLink {
     "$tagName$": "duet-submenu-bar-dropdown-link",
     "$members$": {
       "theme": [1025],
+      "active": [1028],
       "href": [1025],
       "icon": [1537],
       "caret": [1028],
@@ -16290,7 +16579,7 @@ class DuetSubmenuBarDropdownLink {
   }; }
 }
-const duetSubmenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-link,*.sc-duet-submenu-bar-link::after,*.sc-duet-submenu-bar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-link-h{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*/.sc-duet-submenu-bar-link-h{width:auto}}/*!@.duet-submenu-bar-link*/.duet-submenu-bar-link.sc-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(0, 41, 77);text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-submenu-bar-link*/.duet-submenu-bar-link.sc-duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 77, 128)}}/*!@.duet-submenu-bar-link.duet-theme-turva*/.duet-submenu-bar-link.duet-theme-turva.sc-duet-submenu-bar-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, 28, 58)}@media (min-width: 62em){/*!@.duet-submenu-bar-link:hover*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}/*!@.duet-submenu-bar-link:hover.duet-theme-turva*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}}";
+const duetSubmenuBarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-submenu-bar-link,*.sc-duet-submenu-bar-link::after,*.sc-duet-submenu-bar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-submenu-bar-link-h{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*/.sc-duet-submenu-bar-link-h{width:auto}}/*!@.duet-submenu-bar-link*/.duet-submenu-bar-link.sc-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(0, 41, 77);text-align:center;text-decoration:none}@media (min-width: 62em){/*!@.duet-submenu-bar-link*/.duet-submenu-bar-link.sc-duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 77, 128)}}/*!@.duet-submenu-bar-link:focus*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-submenu-bar-link:focus.duet-theme-turva*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}@media (min-width: 62em){/*!@.duet-submenu-bar-link.active*/.duet-submenu-bar-link.active.sc-duet-submenu-bar-link{color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-submenu-bar-link.active*/.duet-theme-turva.sc-duet-submenu-bar-link .duet-submenu-bar-link.active.sc-duet-submenu-bar-link{color:rgb(198, 12, 48)}}/*!@.duet-submenu-bar-link.active .label*/.duet-submenu-bar-link.active.sc-duet-submenu-bar-link .label.sc-duet-submenu-bar-link{position:relative}/*!@.duet-submenu-bar-link.active .label::after*/.duet-submenu-bar-link.active.sc-duet-submenu-bar-link .label.sc-duet-submenu-bar-link::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*/.duet-submenu-bar-link.active.sc-duet-submenu-bar-link .label.sc-duet-submenu-bar-link::after{display:none}/*!@.duet-submenu-bar-link.active::after*/.duet-submenu-bar-link.active.sc-duet-submenu-bar-link::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*/.duet-submenu-bar-link.duet-theme-turva.sc-duet-submenu-bar-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, 28, 58)}/*!@.duet-submenu-bar-link.duet-theme-turva.active .label::after*/.duet-submenu-bar-link.duet-theme-turva.active.sc-duet-submenu-bar-link .label.sc-duet-submenu-bar-link::after{background:rgb(198, 12, 48)}/*!@.duet-submenu-bar-link.duet-theme-turva.active::after*/.duet-submenu-bar-link.duet-theme-turva.active.sc-duet-submenu-bar-link::after{background:rgb(198, 12, 48)}@media (min-width: 62em){/*!@.duet-submenu-bar-link:hover*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}/*!@.duet-submenu-bar-link:hover.duet-theme-turva*/.duet-submenu-bar-link.sc-duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}}";
 class DuetSubmenuBarLink {
   constructor(hostRef) {
@@ -16310,6 +16599,7 @@ class DuetSubmenuBarLink {
     };
     this.iconSize = "small";
     this.theme = "";
+    this.active = false;
     this.href = "#";
     this.icon = undefined;
   }
@@ -16339,12 +16629,19 @@ class DuetSubmenuBarLink {
     }
     this.boundMqlFunctions = [];
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-submenu-bar");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, null, hAsync("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href, role: "menuitem" }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("slot", null))));
+    return (hAsync(Host, null, hAsync("a", { 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 && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), hAsync("span", { class: "label" }, hAsync("slot", null)))));
   }
   get element() { return getElement(this); }
   static get style() { return duetSubmenuBarLinkCss; }
@@ -16353,6 +16650,7 @@ class DuetSubmenuBarLink {
     "$tagName$": "duet-submenu-bar-link",
     "$members$": {
       "theme": [1025],
+      "active": [1028],
       "href": [1025],
       "icon": [1537],
       "iconSize": [32]
@@ -16399,7 +16697,7 @@ class DuetTab {
   }; }
 }
-const duetTabGroupCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-tab-group,*.sc-duet-tab-group::after,*.sc-duet-tab-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-tab-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}/*!@.duet-tab-group-tabs*/.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}/*!@.duet-tab-group-tabs.duet-m-0*/.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:none}@media (min-width: 36em){/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:block}}/*!@.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom-color:rgb(228, 228, 230)}/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;gap:8px;padding-right:16px;padding-left:16px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{overflow:visible}}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:block;overflow:auto}}@media (min-width: 36em){/*!@duet-select*/duet-select.sc-duet-tab-group{display:none !important}}/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;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.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}/*!@.duet-tab-button.duet-m-0*/.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-theme-turva .duet-tab-button*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}@media (min-width: 36em){/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}/*!@.duet-tab-button:hover*/.duet-tab-button.sc-duet-tab-group:hover{z-index:200;border-color:rgb(144, 149, 153)}/*!@.duet-theme-turva .duet-tab-button:hover*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:rgb(116, 116, 117)}/*!@.duet-tab-button:active*/.duet-tab-button.sc-duet-tab-group:active{opacity:0.75;transition:none}/*!@.duet-tab-button.selected*/.duet-tab-button.selected.sc-duet-tab-group{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}/*!@.duet-theme-turva .duet-tab-button.selected*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}/*!@.duet-tab-button:focus*/.duet-tab-button.sc-duet-tab-group:focus{z-index:200;outline:0}/*!@:host(.user-is-tabbing) .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}/*!@.duet-tab-variation-plain .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}/*!@.duet-tab-variation-plain .duet-tab-button + .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group+.duet-tab-button.sc-duet-tab-group{margin-left:36px}/*!@.duet-tab-variation-plain .duet-tab-button.selected*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:16px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{min-width:0}}/*!@.duet-tab-variation-checked .duet-tab-button.stackable-tab*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.stackable-tab.sc-duet-tab-group{min-width:0}/*!@.duet-tab-variation-checked .duet-tab-button:first-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:first-child{margin-left:auto}/*!@.duet-tab-variation-checked .duet-tab-button:last-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:last-child{margin-right:auto}/*!@.duet-tab-variation-checked .duet-tab-button:active*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:active{opacity:1;transition:none}/*!@.duet-tab-variation-checked .duet-tab-button.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group{display:flex;flex-direction:row;justify-content:space-between}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:column;height:100%}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:row}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:center}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:left}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{margin-top:4px;font-weight:400;color:rgb(101, 119, 135)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:-1}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:1}}/*!@.duet-tab-group-content*/.duet-tab-group-content.sc-duet-tab-group{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}/*!@.duet-tab-group-content.checked-group-content*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group{padding:28px 0 28px 0}/*!@.duet-tab-group-content.checked-group-content::after*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-tab-group-content*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{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-theme-turva .duet-tab-group-content.checked-group-content::after*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{background-color:rgb(68, 68, 69)}";
+const duetTabGroupCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-tab-group,*.sc-duet-tab-group::after,*.sc-duet-tab-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-tab-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}/*!@.duet-tab-group-tabs*/.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}/*!@.duet-tab-group-tabs.duet-m-0*/.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:none}@media (min-width: 36em){/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:block}}/*!@.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom-color:rgb(228, 228, 230)}/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;gap:8px;padding-right:16px;padding-left:16px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{overflow:visible}}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:block;overflow:auto}}@media (min-width: 36em){/*!@duet-select*/duet-select.sc-duet-tab-group{display:none !important}}/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;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.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}/*!@.duet-tab-button.duet-m-0*/.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-theme-turva .duet-tab-button*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}@media (min-width: 36em){/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}/*!@.duet-tab-button:hover*/.duet-tab-button.sc-duet-tab-group:hover{z-index:200;border-color:rgb(144, 149, 153)}/*!@.duet-theme-turva .duet-tab-button:hover*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:rgb(116, 116, 117)}/*!@.duet-tab-button:active*/.duet-tab-button.sc-duet-tab-group:active{opacity:0.75;transition:none}/*!@.duet-tab-button.selected*/.duet-tab-button.selected.sc-duet-tab-group{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}/*!@.duet-theme-turva .duet-tab-button.selected*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}/*!@.duet-tab-button:focus*/.duet-tab-button.sc-duet-tab-group:focus{z-index:200;outline:0}/*!@:host(.user-is-tabbing) .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}/*!@.duet-tab-variation-plain .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}/*!@.duet-tab-variation-plain .duet-tab-button + .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group+.duet-tab-button.sc-duet-tab-group{margin-left:36px}/*!@.duet-tab-variation-plain .duet-tab-button.selected*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:16px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{min-width:0}}/*!@.duet-tab-variation-checked .duet-tab-button.stackable-tab*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.stackable-tab.sc-duet-tab-group{min-width:0}/*!@.duet-tab-variation-checked .duet-tab-button:first-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:first-child{margin-left:auto}/*!@.duet-tab-variation-checked .duet-tab-button:last-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:last-child{margin-right:auto}/*!@.duet-tab-variation-checked .duet-tab-button:active*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:active{opacity:1;transition:none}/*!@.duet-tab-variation-checked .duet-tab-button.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group{display:flex;flex-direction:row;justify-content:space-between}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:column;height:100%}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:row}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:center}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:left}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{margin-top:4px;font-weight:400;color:rgb(101, 119, 135)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:-1}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:1}}/*!@.duet-tab-group-content*/.duet-tab-group-content.sc-duet-tab-group{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}/*!@.duet-tab-group-content:focus*/.duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-tab-group-content:focus*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-group-content.checked-group-content*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group{padding:28px 0 28px 0}/*!@.duet-tab-group-content.checked-group-content::after*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-tab-group-content*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{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-theme-turva .duet-tab-group-content.checked-group-content::after*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{background-color:rgb(68, 68, 69)}";
 /**
  * @part ${identifier}-button - piercing selector for styling tab buttons
@@ -17060,7 +17358,7 @@ class DuetToolbar {
   }; }
 }
-const duetToolbarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown,*.sc-duet-toolbar-dropdown::after,*.sc-duet-toolbar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-dropdown-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-dropdown*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown{position:relative;height:100%}/*!@.duet-toolbar-dropdown button*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-toolbar-dropdown button .label*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown .label.sc-duet-toolbar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-toolbar-dropdown button:hover*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-dropdown button.open .caret*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown .caret.sc-duet-toolbar-dropdown{transform:rotate(180deg)}/*!@.duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:rgb(0, 41, 77)}/*!@.duet-toolbar-dropdown button.active::after, .duet-toolbar-dropdown button.open::after*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-dropdown .items*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-toolbar-dropdown .items.hidden*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.hidden.sc-duet-toolbar-dropdown{display:none}/*!@.duet-toolbar-dropdown.right .items*/.duet-toolbar-dropdown.right.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{right:auto;left:0%}/*!@.duet-toolbar-dropdown.duet-theme-turva button*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{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-toolbar-dropdown.duet-theme-turva button:hover*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:rgb(23, 28, 58)}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-toolbar-dropdown.duet-theme-turva .items*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{background:rgb(245, 245, 247)}";
+const duetToolbarDropdownCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown,*.sc-duet-toolbar-dropdown::after,*.sc-duet-toolbar-dropdown::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-dropdown-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-dropdown*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown{position:relative;height:100%}/*!@.duet-toolbar-dropdown button*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}/*!@.duet-toolbar-dropdown button .label*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown .label.sc-duet-toolbar-dropdown{display:flex;gap:0.5rem;align-items:center;justify-content:center}/*!@.duet-toolbar-dropdown button:hover*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-dropdown button:focus*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-toolbar-dropdown button.open .caret*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown .caret.sc-duet-toolbar-dropdown{transform:rotate(180deg)}/*!@.duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:rgb(0, 41, 77)}/*!@.duet-toolbar-dropdown button.active::after, .duet-toolbar-dropdown button.open::after*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-dropdown .items*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}/*!@.duet-toolbar-dropdown .items.hidden*/.duet-toolbar-dropdown.sc-duet-toolbar-dropdown .items.hidden.sc-duet-toolbar-dropdown{display:none}/*!@.duet-toolbar-dropdown.right .items*/.duet-toolbar-dropdown.right.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{right:auto;left:0%}/*!@.duet-toolbar-dropdown.duet-theme-turva button*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown{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-toolbar-dropdown.duet-theme-turva button:hover*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-dropdown.duet-theme-turva button:focus*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.sc-duet-toolbar-dropdown:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown{color:rgb(23, 28, 58)}/*!@.duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.active.sc-duet-toolbar-dropdown::after,.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown button.open.sc-duet-toolbar-dropdown::after{background:rgb(198, 12, 48)}/*!@.duet-toolbar-dropdown.duet-theme-turva .items*/.duet-toolbar-dropdown.duet-theme-turva.sc-duet-toolbar-dropdown .items.sc-duet-toolbar-dropdown{background:rgb(245, 245, 247)}";
 class DuetToolbarDropdown {
   constructor(hostRef) {
@@ -17085,6 +17383,18 @@ class DuetToolbarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      this.open = false;
+      this.setFocus();
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -17098,10 +17408,10 @@ class DuetToolbarDropdown {
         "duet-toolbar-dropdown": true,
         "duet-theme-turva": this.theme === "turva",
         [itemsAlign]: true,
-      } }, hAsync("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+      } }, hAsync("button", { 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,
         open: this.open,
-      }, onClick: this.onClick }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }), hAsync("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, hAsync("slot", null)))));
@@ -17115,7 +17425,8 @@ class DuetToolbarDropdown {
       "theme": [1025],
       "active": [1540],
       "open": [1540],
-      "icon": [1537]
+      "icon": [1537],
+      "setFocus": [64]
     },
     "$listeners$": [[8, "click", "handleFocus"]],
     "$lazyBundleId$": "-",
@@ -17123,7 +17434,7 @@ class DuetToolbarDropdown {
   }; }
 }
-const duetToolbarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown-link,*.sc-duet-toolbar-dropdown-link::after,*.sc-duet-toolbar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-dropdown-link-h{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-toolbar-dropdown-link*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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(0, 41, 77);text-align:center;text-decoration:none}/*!@.duet-toolbar-dropdown-link.duet-theme-turva*/.duet-toolbar-dropdown-link.duet-theme-turva.sc-duet-toolbar-dropdown-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, 28, 58)}/*!@.duet-toolbar-dropdown-link.active, .duet-toolbar-dropdown-link.active:hover*/.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link,.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-toolbar-dropdown-link.active.duet-theme-turva, .duet-toolbar-dropdown-link.active:hover.duet-theme-turva*/.duet-toolbar-dropdown-link.active.duet-theme-turva.sc-duet-toolbar-dropdown-link,.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}/*!@.duet-toolbar-dropdown-link:hover*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:hover{background:rgb(230, 242, 248)}/*!@.duet-toolbar-dropdown-link:hover.duet-theme-turva*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}";
+const duetToolbarDropdownLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-dropdown-link,*.sc-duet-toolbar-dropdown-link::after,*.sc-duet-toolbar-dropdown-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-dropdown-link-h{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-toolbar-dropdown-link*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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(0, 41, 77);text-align:center;text-decoration:none}/*!@.duet-toolbar-dropdown-link.duet-theme-turva*/.duet-toolbar-dropdown-link.duet-theme-turva.sc-duet-toolbar-dropdown-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, 28, 58)}/*!@.duet-toolbar-dropdown-link:focus*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-toolbar-dropdown-link:focus.duet-theme-turva*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-toolbar-dropdown-link.active, .duet-toolbar-dropdown-link.active:hover*/.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link,.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}/*!@.duet-toolbar-dropdown-link.active.duet-theme-turva, .duet-toolbar-dropdown-link.active:hover.duet-theme-turva*/.duet-toolbar-dropdown-link.active.duet-theme-turva.sc-duet-toolbar-dropdown-link,.duet-toolbar-dropdown-link.active.sc-duet-toolbar-dropdown-link:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}/*!@.duet-toolbar-dropdown-link:hover*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:hover{background:rgb(230, 242, 248)}/*!@.duet-toolbar-dropdown-link:hover.duet-theme-turva*/.duet-toolbar-dropdown-link.sc-duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}";
 class DuetToolbarDropdownLink {
   constructor(hostRef) {
@@ -17141,6 +17452,13 @@ class DuetToolbarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-toolbar-dropdown");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -17150,7 +17468,7 @@ class DuetToolbarDropdownLink {
         "duet-toolbar-dropdown-link": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
-      }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "menuitem", "aria-label": this.accessibleLabel }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("slot", null))));
+      }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetToolbarDropdownLinkCss; }
@@ -17171,7 +17489,7 @@ class DuetToolbarDropdownLink {
   }; }
 }
-const duetToolbarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-link,*.sc-duet-toolbar-link::after,*.sc-duet-toolbar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-link*/.duet-toolbar-link.sc-duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-toolbar-link.duet-theme-turva*/.duet-toolbar-link.duet-theme-turva.sc-duet-toolbar-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, 28, 58)}/*!@.duet-toolbar-link:hover*/.duet-toolbar-link.sc-duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-link:hover.duet-theme-turva*/.duet-toolbar-link.sc-duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-link.active*/.duet-toolbar-link.active.sc-duet-toolbar-link{color:rgb(0, 41, 77)}/*!@.duet-toolbar-link.active::after*/.duet-toolbar-link.active.sc-duet-toolbar-link::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-link.active::after.duet-theme-turva*/.duet-toolbar-link.active.sc-duet-toolbar-link::after.duet-theme-turva{background:rgb(198, 12, 48)}/*!@.duet-toolbar-link.active.duet-theme-turva*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link{color:rgb(23, 28, 58)}/*!@.duet-toolbar-link.active.duet-theme-turva::after*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link::after{background:rgb(198, 12, 48)}";
+const duetToolbarLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-toolbar-link,*.sc-duet-toolbar-link::after,*.sc-duet-toolbar-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-toolbar-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}/*!@.duet-toolbar-link*/.duet-toolbar-link.sc-duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}/*!@.duet-toolbar-link.duet-theme-turva*/.duet-toolbar-link.duet-theme-turva.sc-duet-toolbar-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, 28, 58)}/*!@.duet-toolbar-link:hover*/.duet-toolbar-link.sc-duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-toolbar-link:hover.duet-theme-turva*/.duet-toolbar-link.sc-duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-toolbar-link:focus*/.duet-toolbar-link.sc-duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@.duet-toolbar-link:focus.duet-theme-turva*/.duet-toolbar-link.sc-duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-toolbar-link.active*/.duet-toolbar-link.active.sc-duet-toolbar-link{color:rgb(0, 41, 77)}/*!@.duet-toolbar-link.active::after*/.duet-toolbar-link.active.sc-duet-toolbar-link::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}/*!@.duet-toolbar-link.active::after.duet-theme-turva*/.duet-toolbar-link.active.sc-duet-toolbar-link::after.duet-theme-turva{background:rgb(198, 12, 48)}/*!@.duet-toolbar-link.active.duet-theme-turva*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link{color:rgb(23, 28, 58)}/*!@.duet-toolbar-link.active.duet-theme-turva::after*/.duet-toolbar-link.active.duet-theme-turva.sc-duet-toolbar-link::after{background:rgb(198, 12, 48)}";
 class DuetToolbarLink {
   constructor(hostRef) {
@@ -17192,7 +17510,7 @@ class DuetToolbarLink {
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, null, hAsync("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href }, this.icon && (hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", null))));
+    return (hAsync(Host, null, hAsync("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetToolbarLinkCss; }
@@ -17328,6 +17646,9 @@ class DuetTooltip {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  componentDidLoad() {
+    this.handleHorizontalVisibility();
+  }
   componentDidUpdate() {
     switch (this.focusTarget) {
       case "tooltip":