@duetds/components 6.2.12 → 6.3.0

package/lib/types/components.d.ts

@@ -44,6 +44,7 @@ import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
 import { DuetRangeChangeEvent } from "./components/duet-range-slider/duet-range-slider";
 import { DuetRangeStepperUpdateEvent } from "./components/duet-range-stepper/duet-range-stepper";
 import { DuetSelectEvent, DuetSelectItems, DuetSelectVariation } from "./components/duet-select/duet-select";
+import { DuetSlideoutEventDetails } from "./components/duet-slideout/duet-slideout";
 import { DuetSpacerBreakpoint, DuetSpacerSize } from "./components/duet-spacer/duet-spacer";
 import { DuetSpinnerSize } from "./components/duet-spinner/duet-spinner";
 import { DuetStepClickEvent, DuetStepState } from "./components/duet-step/duet-step";
@@ -1727,6 +1728,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetMenuBar {
+        /**
+          * Logo.
+         */
+        "logo": boolean;
         /**
           * Logo href.
          */
@@ -2692,6 +2697,116 @@ export namespace Components {
          */
         "variation": DuetSelectVariation;
     }
+    interface DuetSlideout {
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+        /**
+          * Toggles the slideout.
+         */
+        "toggle": () => Promise<void>;
+    }
+    interface DuetSlideoutLang {
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetSlideoutLink {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Size. Small, medium or large.
+         */
+        "size": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetSlideoutPanel {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetSlideoutPanelDropdown {
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Open
+         */
+        "open": boolean;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetSlideoutPanelDropdownLink {
+        /**
+          * Caret
+         */
+        "caret": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetSlideoutPanelLink {
+        /**
+          * Active
+         */
+        "active": boolean;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetSpacer {
         /**
           * Adjusts the breakpoint where the spacer is shown in. The functionality follows 1:1 the media queries defined in design tokens.
@@ -2769,6 +2884,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetSubmenuBar {
+        /**
+          * Open
+         */
+        "open": boolean;
         /**
           * Theme.
          */
@@ -3634,6 +3753,10 @@ export interface DuetSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetSelectElement;
 }
+export interface DuetSlideoutCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetSlideoutElement;
+}
 export interface DuetStepCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetStepElement;
@@ -3977,6 +4100,48 @@ declare global {
         prototype: HTMLDuetSelectElement;
         new (): HTMLDuetSelectElement;
     };
+    interface HTMLDuetSlideoutElement extends Components.DuetSlideout, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutElement: {
+        prototype: HTMLDuetSlideoutElement;
+        new (): HTMLDuetSlideoutElement;
+    };
+    interface HTMLDuetSlideoutLangElement extends Components.DuetSlideoutLang, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutLangElement: {
+        prototype: HTMLDuetSlideoutLangElement;
+        new (): HTMLDuetSlideoutLangElement;
+    };
+    interface HTMLDuetSlideoutLinkElement extends Components.DuetSlideoutLink, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutLinkElement: {
+        prototype: HTMLDuetSlideoutLinkElement;
+        new (): HTMLDuetSlideoutLinkElement;
+    };
+    interface HTMLDuetSlideoutPanelElement extends Components.DuetSlideoutPanel, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutPanelElement: {
+        prototype: HTMLDuetSlideoutPanelElement;
+        new (): HTMLDuetSlideoutPanelElement;
+    };
+    interface HTMLDuetSlideoutPanelDropdownElement extends Components.DuetSlideoutPanelDropdown, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutPanelDropdownElement: {
+        prototype: HTMLDuetSlideoutPanelDropdownElement;
+        new (): HTMLDuetSlideoutPanelDropdownElement;
+    };
+    interface HTMLDuetSlideoutPanelDropdownLinkElement extends Components.DuetSlideoutPanelDropdownLink, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutPanelDropdownLinkElement: {
+        prototype: HTMLDuetSlideoutPanelDropdownLinkElement;
+        new (): HTMLDuetSlideoutPanelDropdownLinkElement;
+    };
+    interface HTMLDuetSlideoutPanelLinkElement extends Components.DuetSlideoutPanelLink, HTMLStencilElement {
+    }
+    var HTMLDuetSlideoutPanelLinkElement: {
+        prototype: HTMLDuetSlideoutPanelLinkElement;
+        new (): HTMLDuetSlideoutPanelLinkElement;
+    };
     interface HTMLDuetSpacerElement extends Components.DuetSpacer, HTMLStencilElement {
     }
     var HTMLDuetSpacerElement: {
@@ -4163,6 +4328,13 @@ declare global {
         "duet-scrollable": HTMLDuetScrollableElement;
         "duet-section-layout": HTMLDuetSectionLayoutElement;
         "duet-select": HTMLDuetSelectElement;
+        "duet-slideout": HTMLDuetSlideoutElement;
+        "duet-slideout-lang": HTMLDuetSlideoutLangElement;
+        "duet-slideout-link": HTMLDuetSlideoutLinkElement;
+        "duet-slideout-panel": HTMLDuetSlideoutPanelElement;
+        "duet-slideout-panel-dropdown": HTMLDuetSlideoutPanelDropdownElement;
+        "duet-slideout-panel-dropdown-link": HTMLDuetSlideoutPanelDropdownLinkElement;
+        "duet-slideout-panel-link": HTMLDuetSlideoutPanelLinkElement;
         "duet-spacer": HTMLDuetSpacerElement;
         "duet-spinner": HTMLDuetSpinnerElement;
         "duet-step": HTMLDuetStepElement;
@@ -5966,6 +6138,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetMenuBar {
+        /**
+          * Logo.
+         */
+        "logo"?: boolean;
         /**
           * Logo href.
          */
@@ -6961,6 +7137,116 @@ declare namespace LocalJSX {
          */
         "variation"?: DuetSelectVariation;
     }
+    interface DuetSlideout {
+        /**
+          * Event raised when the menu has been opened. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
+         */
+        "onDuetSlideoutEvent"?: (event: DuetSlideoutCustomEvent<DuetSlideoutEventDetails>) => void;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutLang {
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutLink {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Size. Small, medium or large.
+         */
+        "size"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutPanel {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutPanelDropdown {
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Open
+         */
+        "open"?: boolean;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutPanelDropdownLink {
+        /**
+          * Caret
+         */
+        "caret"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetSlideoutPanelLink {
+        /**
+          * Active
+         */
+        "active"?: boolean;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetSpacer {
         /**
           * Adjusts the breakpoint where the spacer is shown in. The functionality follows 1:1 the media queries defined in design tokens.
@@ -7038,6 +7324,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetSubmenuBar {
+        /**
+          * Open
+         */
+        "open"?: boolean;
         /**
           * Theme.
          */
@@ -7890,6 +8180,13 @@ declare namespace LocalJSX {
         "duet-scrollable": DuetScrollable;
         "duet-section-layout": DuetSectionLayout;
         "duet-select": DuetSelect;
+        "duet-slideout": DuetSlideout;
+        "duet-slideout-lang": DuetSlideoutLang;
+        "duet-slideout-link": DuetSlideoutLink;
+        "duet-slideout-panel": DuetSlideoutPanel;
+        "duet-slideout-panel-dropdown": DuetSlideoutPanelDropdown;
+        "duet-slideout-panel-dropdown-link": DuetSlideoutPanelDropdownLink;
+        "duet-slideout-panel-link": DuetSlideoutPanelLink;
         "duet-spacer": DuetSpacer;
         "duet-spinner": DuetSpinner;
         "duet-step": DuetStep;
@@ -7971,6 +8268,13 @@ declare module "@stencil/core" {
             "duet-scrollable": LocalJSX.DuetScrollable & JSXBase.HTMLAttributes<HTMLDuetScrollableElement>;
             "duet-section-layout": LocalJSX.DuetSectionLayout & JSXBase.HTMLAttributes<HTMLDuetSectionLayoutElement>;
             "duet-select": LocalJSX.DuetSelect & JSXBase.HTMLAttributes<HTMLDuetSelectElement>;
+            "duet-slideout": LocalJSX.DuetSlideout & JSXBase.HTMLAttributes<HTMLDuetSlideoutElement>;
+            "duet-slideout-lang": LocalJSX.DuetSlideoutLang & JSXBase.HTMLAttributes<HTMLDuetSlideoutLangElement>;
+            "duet-slideout-link": LocalJSX.DuetSlideoutLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutLinkElement>;
+            "duet-slideout-panel": LocalJSX.DuetSlideoutPanel & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelElement>;
+            "duet-slideout-panel-dropdown": LocalJSX.DuetSlideoutPanelDropdown & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelDropdownElement>;
+            "duet-slideout-panel-dropdown-link": LocalJSX.DuetSlideoutPanelDropdownLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelDropdownLinkElement>;
+            "duet-slideout-panel-link": LocalJSX.DuetSlideoutPanelLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelLinkElement>;
             "duet-spacer": LocalJSX.DuetSpacer & JSXBase.HTMLAttributes<HTMLDuetSpacerElement>;
             "duet-spinner": LocalJSX.DuetSpinner & JSXBase.HTMLAttributes<HTMLDuetSpinnerElement>;
             "duet-step": LocalJSX.DuetStep & JSXBase.HTMLAttributes<HTMLDuetStepElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "6.2.12",
+  "version": "6.3.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -50,9 +50,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "2.0.20",
-    "@duetds/icons": "3.0.20",
-    "@duetds/tokens": "3.0.20",
+    "@duetds/fonts": "2.0.21",
+    "@duetds/icons": "3.0.21",
+    "@duetds/tokens": "3.0.21",
     "@koa/cors": "3.3.0",
     "@rollup/plugin-replace": "3.1.0",
     "@stencil/core": "2.19.3",
@@ -83,5 +83,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "3e5439fd4b7a89992e6801629f579f45f59701a7"
+  "gitHead": "7244881640365cb9195f925bce614530b258ee4d"
 }

package/lib/duet/p-07f29a05.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,o,n,r,a;return{setters:[function(e){t=e.r;o=e.h;n=e.H;r=e.g},function(e){a=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:#004d80;background:#e6f2f8}.duet-submenu-bar-dropdown button:hover.active{color:#0077b3}.duet-submenu-bar-dropdown button.active{color:#0077b3}.duet-submenu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:#c60c30}.duet-submenu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after{background:#c60c30}.duet-submenu-bar-dropdown .items{position:absolute;top:101%;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-submenu-bar-dropdown .items.hidden{display:none}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button:hover{color:#940925;background:#e4e4e6}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:#c60c30}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-submenu-bar-dropdown.duet-theme-turva .items{background:#f5f5f7}';var u=e("duet_submenu_bar_dropdown",function(){function e(e){var o=this;t(this,e);this.onClick=function(){o.open=!o.open};this.theme="";this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var o=e.composedPath().every((function(e){return e!==t.element}));if(o){this.open=false}};e.prototype.componentWillLoad=function(){a(this)};e.prototype.render=function(){return o(n,null,o("div",{class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open}},o("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&&o("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),o("div",{class:"label"},o("slot",{name:"label"}),o("duet-icon",{class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small"}))),o("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},o("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=i}}}));

package/lib/duet/p-11512e80.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var n,t,r,a,o;return{setters:[function(e){n=e.r;t=e.h;r=e.H;a=e.g},function(e){o=e.i}],execute:function(){var i="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}";var p=e("duet_nav",function(){function e(e){n(this,e);this.theme=""}e.prototype.componentWillLoad=function(){o(this)};e.prototype.render=function(){return t(r,null,t("nav",null,t("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=i}}}));

package/lib/duet/p-12794344.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as n,H as o,g as t}from"./p-7e8d8d49.js";import{i as a}from"./p-4ebf1618.js";const r=class{constructor(n){e(this,n),this.theme="",this.href="#",this.icon=void 0}componentWillLoad(){a(this)}render(){return n(o,null,n("a",{class:{"duet-submenu-bar-link":!0,"duet-theme-turva":"turva"===this.theme},href:this.href,role:"menuitem"},this.icon&&n("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),n("slot",null)))}get element(){return t(this)}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-submenu-bar-link{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-link:hover{color:#004d80;background:#e6f2f8}.duet-submenu-bar-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}';export{r as duet_submenu_bar_link}

package/lib/duet/p-12a82a91.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-8078b081.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,n,i,r,o,a,s;return{setters:[function(e){t=e.r;n=e.h;i=e.H;r=e.g},function(e){o=e.m;a=e.c},function(e){s=e.i}],execute:function(){var c="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-menu-bar{display:flex;align-items:center;justify-content:center;background:white;border-top:1px solid #e1e3e6;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:5rem;padding:0 8px 0 20px}@media ((min-width: 62em)){.duet-menu-bar .container{padding:0 28px}}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:white}";var u=e("duet_menu_bar",function(){function e(e){var n=this;t(this,e);this.mql=[window.matchMedia(o.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))];this.boundMqlFunctions=[];this.changeLogoSize=function(){if(n.mql[1].matches){n.logoSize="large"}else{n.logoSize="medium"}};this.logoSize="large";this.theme="";this.logoHref=undefined}e.prototype.componentWillLoad=function(){s(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.render=function(){return n(i,null,n("div",{class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva"},role:"menubar"},n("div",{class:"container"},n("duet-logo",{size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref}),n("slot",{name:"center"}),n("slot",{name:"right"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=c}}}));

package/lib/duet/p-1ab7f142.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as n,g as a}from"./p-7e8d8d49.js";import{i as r}from"./p-4ebf1618.js";const o=class{constructor(t){e(this,t),this.theme=""}componentWillLoad(){r(this)}render(){return t(n,null,t("div",{class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme},role:"menubar"},t("div",{class:"container"},t("slot",{name:"left"}),t("slot",{name:"right"}))))}get element(){return a(this)}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-toolbar{display:flex;align-items:center;justify-content:center;background:white}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:36px;padding:0 28px}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.duet-theme-turva{background:white}";export{o as duet_toolbar}

package/lib/duet/p-28a04111.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as o,g as n}from"./p-7e8d8d49.js";import{i as a}from"./p-4ebf1618.js";const r=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.theme="",this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){a(this)}render(){return t(o,null,t("div",{class:{"duet-submenu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("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&&t("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),t("div",{class:"label"},t("slot",{name:"label"}),t("duet-icon",{class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small"}))),t("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",null))))}get element(){return n(this)}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:#004d80;background:#e6f2f8}.duet-submenu-bar-dropdown button:hover.active{color:#0077b3}.duet-submenu-bar-dropdown button.active{color:#0077b3}.duet-submenu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:#c60c30}.duet-submenu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after{background:#c60c30}.duet-submenu-bar-dropdown .items{position:absolute;top:101%;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-submenu-bar-dropdown .items.hidden{display:none}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button:hover{color:#940925;background:#e4e4e6}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:#c60c30}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-submenu-bar-dropdown.duet-theme-turva .items{background:#f5f5f7}';export{r as duet_submenu_bar_dropdown}

package/lib/duet/p-4b443d67.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,n,r,o,a;return{setters:[function(e){t=e.r;n=e.h;r=e.H;o=e.g},function(e){a=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.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";text-align:center;text-decoration:none}@media (min-width: 62em){.duet-menu-bar-link{padding:0 20px}}@media (min-width: 64.0625em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:#0077b3}.duet-theme-turva .duet-menu-bar-link.active{color:#c60c30}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-menu-bar-link--slot-center{font-size:1rem;font-weight:600;line-height:1.25;color:#00294d}.duet-menu-bar-link--slot-center.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#940925}.duet-menu-bar-link--slot-center.active.duet-theme-turva::after{background:#c60c30}.duet-menu-bar-link--slot-center:hover{color:#0077b3}.duet-menu-bar-link--slot-center:hover.duet-theme-turva{color:#c60c30}.duet-menu-bar-link--slot-right{font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80}.duet-menu-bar-link--slot-right.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#940925}.duet-menu-bar-link--slot-right:hover{color:#0077b3}.duet-menu-bar-link--slot-right:hover.duet-theme-turva{color:#c60c30}';var l=e("duet_menu_bar_link",function(){function e(e){var n=this;t(this,e);this.getVariant=function(){var e=n.element.parentElement.getAttribute("slot");switch(e){case"center":return"center";case"right":return"right";case"below":return"below";default:return"center"}};this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){a(this)};e.prototype.render=function(){var e;return n(r,null,n("a",{class:(e={"duet-menu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e["duet-menu-bar-link--slot-".concat(this.getVariant())]=true,e),href:this.href},this.icon&&n("duet-icon",{size:"x-small",name:this.icon,margin:"none"}),n("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());l.style=i}}}));

package/lib/duet/p-7210ae30.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,n,r,o,a;return{setters:[function(e){t=e.r;n=e.h;r=e.H;o=e.g},function(e){a=e.i}],execute:function(){var u="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-submenu-bar{display:flex;align-items:center;justify-content:center;background:#f3f9fc;border-bottom:1px solid #cde5f1}.duet-submenu-bar.duet-theme-turva{background:#f5f5f7;border-bottom:1px solid #e4e4e6}";var i=e("duet_submenu_bar",function(){function e(e){t(this,e);this.theme=""}e.prototype.componentWillLoad=function(){a(this)};e.prototype.render=function(){return n(r,null,n("div",{class:{"duet-submenu-bar":true,"duet-theme-turva":this.theme==="turva"},role:"menubar"},n("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());i.style=u}}}));

package/lib/duet/p-83d60d28.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as n,g as i}from"./p-7e8d8d49.js";import{m as a,c as r}from"./p-c4d8cad0.js";import{i as s}from"./p-4ebf1618.js";const o=class{constructor(t){e(this,t),this.mql=[window.matchMedia(a.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,""))],this.boundMqlFunctions=[],this.changeLogoSize=()=>{this.logoSize=this.mql[1].matches?"large":"medium"},this.logoSize="large",this.theme="",this.logoHref=void 0}componentWillLoad(){s(this)}connectedCallback(){this.changeLogoSize();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}render(){return t(n,null,t("div",{class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme},role:"menubar"},t("div",{class:"container"},t("duet-logo",{size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref}),t("slot",{name:"center"}),t("slot",{name:"right"}))))}get element(){return i(this)}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-menu-bar{display:flex;align-items:center;justify-content:center;background:white;border-top:1px solid #e1e3e6;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:5rem;padding:0 8px 0 20px}@media ((min-width: 62em)){.duet-menu-bar .container{padding:0 28px}}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:white}";export{o as duet_menu_bar}

package/lib/duet/p-92086b72.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as n,h as e,H as a,g as r}from"./p-7e8d8d49.js";import{i as o}from"./p-4ebf1618.js";const t=class{constructor(e){n(this,e),this.theme=""}componentWillLoad(){o(this)}render(){return e(a,null,e("nav",null,e("slot",null)))}get element(){return r(this)}};t.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}";export{t as duet_nav}

package/lib/duet/p-9fba3817.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h as o}from"./p-7e8d8d49.js";const s=o=>{"setFocus"in o?o.setFocus():o.focus()},d=({moveFocusTo:d})=>o("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:()=>s(d)});export{d as F,s as f}

package/lib/duet/p-bfc105dd.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,n,o,r,i;return{setters:[function(e){t=e.r;n=e.h;o=e.H;r=e.g},function(e){i=e.i}],execute:function(){var a='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 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:#00294d;text-align:center;text-decoration:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-dropdown-link:hover{color:#004d80;background:#f3f9fc}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}.duet-submenu-bar-dropdown-link.highlight{color:#0077b3}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:#c60c30}';var s=e("duet_submenu_bar_dropdown_link",function(){function e(e){t(this,e);this.theme="";this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){i(this)};e.prototype.render=function(){return n(o,null,n("a",{class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight},href:this.href,role:"menuitem"},this.icon&&n("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("slot",null),this.caret&&n("duet-icon",{name:"action-arrow-right-small",size:"xxx-small",margin:"none"})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=a}}}));

package/lib/duet/p-bff1303e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as r,H as n,g as a}from"./p-7e8d8d49.js";import{i as t}from"./p-4ebf1618.js";const o=class{constructor(r){e(this,r),this.theme=""}componentWillLoad(){t(this)}render(){return r(n,null,r("div",{class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme},role:"menubar"},r("slot",null)))}get element(){return a(this)}};o.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-submenu-bar{display:flex;align-items:center;justify-content:center;background:#f3f9fc;border-bottom:1px solid #cde5f1}.duet-submenu-bar.duet-theme-turva{background:#f5f5f7;border-bottom:1px solid #e4e4e6}";export{o as duet_submenu_bar}

package/lib/duet/p-d8abe05f.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as o,H as n,g as t}from"./p-7e8d8d49.js";import{i as r}from"./p-4ebf1618.js";const a=class{constructor(o){e(this,o),this.theme="",this.href="#",this.icon=void 0,this.caret=!1,this.highlight=!1}componentWillLoad(){r(this)}render(){return o(n,null,o("a",{class:{"duet-submenu-bar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,highlight:this.highlight},href:this.href,role:"menuitem"},this.icon&&o("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),o("slot",null),this.caret&&o("duet-icon",{name:"action-arrow-right-small",size:"xxx-small",margin:"none"})))}get element(){return t(this)}};a.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 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:#00294d;text-align:center;text-decoration:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-dropdown-link:hover{color:#004d80;background:#f3f9fc}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}.duet-submenu-bar-dropdown-link.highlight{color:#0077b3}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:#c60c30}';export{a as duet_submenu_bar_dropdown_link}

package/lib/duet/p-d8acbb3f.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-0091e2a7.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var n,t,o,r,a;return{setters:[function(e){n=e.r;t=e.h;o=e.H;r=e.g},function(e){a=e.i}],execute:function(){var i='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-submenu-bar-link{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-submenu-bar-link:hover{color:#004d80;background:#e6f2f8}.duet-submenu-bar-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}';var s=e("duet_submenu_bar_link",function(){function e(e){n(this,e);this.theme="";this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){a(this)};e.prototype.render=function(){return t(o,null,t("a",{class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva"},href:this.href,role:"menuitem"},this.icon&&t("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),t("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));

package/lib/duet/p-dd2fb162.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as n,g as o}from"./p-7e8d8d49.js";import{i as r}from"./p-4ebf1618.js";const a=class{constructor(t){e(this,t),this.getVariant=()=>{switch(this.element.parentElement.getAttribute("slot")){case"center":return"center";case"right":return"right";case"below":return"below";default:return"center"}},this.theme="",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){r(this)}render(){return t(n,null,t("a",{class:{"duet-menu-bar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[`duet-menu-bar-link--slot-${this.getVariant()}`]:!0},href:this.href},this.icon&&t("duet-icon",{size:"x-small",name:this.icon,margin:"none"}),t("slot",null)))}get element(){return o(this)}};a.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.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";text-align:center;text-decoration:none}@media (min-width: 62em){.duet-menu-bar-link{padding:0 20px}}@media (min-width: 64.0625em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:#0077b3}.duet-theme-turva .duet-menu-bar-link.active{color:#c60c30}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-menu-bar-link--slot-center{font-size:1rem;font-weight:600;line-height:1.25;color:#00294d}.duet-menu-bar-link--slot-center.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#940925}.duet-menu-bar-link--slot-center.active.duet-theme-turva::after{background:#c60c30}.duet-menu-bar-link--slot-center:hover{color:#0077b3}.duet-menu-bar-link--slot-center:hover.duet-theme-turva{color:#c60c30}.duet-menu-bar-link--slot-right{font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80}.duet-menu-bar-link--slot-right.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#940925}.duet-menu-bar-link--slot-right:hover{color:#0077b3}.duet-menu-bar-link--slot-right:hover.duet-theme-turva{color:#c60c30}';export{a as duet_menu_bar_link}