@duetds/components 8.0.3 → 8.0.5

package/lib/types/components.d.ts

@@ -24,6 +24,7 @@ import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocus
 import { DuetDividerMargin } from "./components/duet-divider/duet-divider";
 import { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
 import { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
+import { DuetFileChooserEvent } from "./components/duet-file-chooser/duet-file-chooser";
 import { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
 import { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
 import { DuetHeaderAnalyticsEvent, DuetHeaderChangeEvent, DuetHeaderMobileNavToggleEvent, I18nText } from "./components/duet-header/duet-header";
@@ -83,6 +84,7 @@ export { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocus
 export { DuetDividerMargin } from "./components/duet-divider/duet-divider";
 export { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRows, DuetTableMenuEvent, DuetTableToggleEvent } from "./components/duet-editable-table/duet-editable-table";
 export { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
+export { DuetFileChooserEvent } from "./components/duet-file-chooser/duet-file-chooser";
 export { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
 export { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
 export { DuetHeaderAnalyticsEvent, DuetHeaderChangeEvent, DuetHeaderMobileNavToggleEvent, I18nText } from "./components/duet-header/duet-header";
@@ -834,6 +836,16 @@ export namespace Components {
           * This attribute works only when the 'collapsible' attribute is set to true. It maintains the visibility of the additional content section, regardless of whether the input is checked or not.
          */
         "collapsibleForceExpanded": boolean;
+        /**
+          * Accessible collapsible notification. If a collapsible choice has no header, and contains other elements than duet-paragraph, duet-heading or duet-fieldset, this is used as the accessible notification of opening the collapsible content (added to aria-describedby).
+          * @default { fi: "Tämä valinta sisältää lisätietoja, jotka avautuivat alle", en: "This choice has additional information opened below", sv: "Det här val har mer information som öppnades nedan", }
+         */
+        "collapsibleNotification": string;
+        /**
+          * Accessible collapsible notification defaults
+         */
+        "collapsibleNotificationDefaults": | DuetLangObject
+    | string;
         /**
           * Makes the choice component disabled. This prevents users from being able to interact with the choice, and conveys its inactive state to assistive technologies.
          */
@@ -854,13 +866,12 @@ export namespace Components {
          */
         "identifier": string;
         /**
-          * Hint text to display before the user types into the date picker input.
+          * Accessible info label
           * @default { fi: "Lisätietoja vaihtoehdosta", en: "More information about", sv: "Mera information om", }
          */
         "infoLabel": string;
         /**
-          * Placeholder defaults
-          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+          * Accessible info label defaults
          */
         "infoLabelDefaults": DuetLangObject | string;
         /**
@@ -905,6 +916,10 @@ export namespace Components {
         "value": string;
     }
     interface DuetChoiceGroup {
+        /**
+          * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive" makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message unread by screen readers.
+         */
+        "accessibleLiveError": "off" | "polite" | "assertive";
         /**
           * Switch the breakpoint used to trigger the content stacking. These match to similar media query tokens eg.: $media-query-small, $media-query-medium.
          */
@@ -941,6 +956,10 @@ export namespace Components {
           * Name for the choice buttons within this group. **This must be unique amongst all other inputs.**
          */
         "name": string;
+        /**
+          * Sets whether making a choice is required or optional. Will set contained choices to required as well.
+         */
+        "required": boolean;
         /**
           * Enable or disable the automatic responsive behaviour of the choice group component when horizontal setting is used. Setting this option to "true" makes sure that contents are stacked vertically on mobile.
          */
@@ -1361,6 +1380,28 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetFileChooser {
+        /**
+          * The accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
+         */
+        "accept": string;
+        /**
+          * Returns actually selected files in file chooser.
+         */
+        "getFiles": () => Promise<FileList>;
+        /**
+          * Use multiple to allow the user to select multiple files when uploading
+         */
+        "multiple": boolean;
+        /**
+          * Opens file choose dialog.
+         */
+        "open": () => Promise<void>;
+        /**
+          * theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetFooter {
         /**
           * Accessible label for footer
@@ -3059,6 +3100,10 @@ export namespace Components {
         "value": string;
     }
     interface DuetRadioGroup {
+        /**
+          * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive" makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message unread by screen readers.
+         */
+        "accessibleLiveError": "off" | "polite" | "assertive";
         /**
           * Additional caption to show inside the label of the radio group.
          */
@@ -3091,6 +3136,10 @@ export namespace Components {
           * Name for the radio buttons within this group. **This must be unique amongst all other inputs.**
          */
         "name": string;
+        /**
+          * Sets whether making a choice is required or optional. Will set contained duet-radio components to required as well.
+         */
+        "required": boolean;
         /**
           * Enable or disable the automatic responsive behaviour of the radio group component when horizontal setting is used. Setting this option to "true" makes sure that contents are stacked vertically on mobile.
          */
@@ -3393,6 +3442,14 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetShowMore {
+        /**
+          * Controls the margin of the button component inside of show more.
+         */
+        "buttonMargin": DuetMargin;
+        /**
+          * Controls the padding of the button component inside of show more.
+         */
+        "buttonPadding": DuetPadding;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
           * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
@@ -4653,6 +4710,10 @@ export interface DuetEditableTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetEditableTableElement;
 }
+export interface DuetFileChooserCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDuetFileChooserElement;
+}
 export interface DuetFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDuetFooterElement;
@@ -5038,6 +5099,23 @@ declare global {
         prototype: HTMLDuetFieldsetElement;
         new (): HTMLDuetFieldsetElement;
     };
+    interface HTMLDuetFileChooserElementEventMap {
+        "duetChange": DuetFileChooserEvent;
+    }
+    interface HTMLDuetFileChooserElement extends Components.DuetFileChooser, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDuetFileChooserElementEventMap>(type: K, listener: (this: HTMLDuetFileChooserElement, ev: DuetFileChooserCustomEvent<HTMLDuetFileChooserElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDuetFileChooserElementEventMap>(type: K, listener: (this: HTMLDuetFileChooserElement, ev: DuetFileChooserCustomEvent<HTMLDuetFileChooserElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDuetFileChooserElement: {
+        prototype: HTMLDuetFileChooserElement;
+        new (): HTMLDuetFileChooserElement;
+    };
     interface HTMLDuetFooterElementEventMap {
         "duetChange": DuetFooterChangeEvent;
         "duetLogoClick": DuetFooterChangeEvent;
@@ -5803,6 +5881,7 @@ declare global {
         "duet-editable-table": HTMLDuetEditableTableElement;
         "duet-empty-state": HTMLDuetEmptyStateElement;
         "duet-fieldset": HTMLDuetFieldsetElement;
+        "duet-file-chooser": HTMLDuetFileChooserElement;
         "duet-footer": HTMLDuetFooterElement;
         "duet-grid": HTMLDuetGridElement;
         "duet-grid-item": HTMLDuetGridItemElement;
@@ -6599,6 +6678,16 @@ declare namespace LocalJSX {
           * This attribute works only when the 'collapsible' attribute is set to true. It maintains the visibility of the additional content section, regardless of whether the input is checked or not.
          */
         "collapsibleForceExpanded"?: boolean;
+        /**
+          * Accessible collapsible notification. If a collapsible choice has no header, and contains other elements than duet-paragraph, duet-heading or duet-fieldset, this is used as the accessible notification of opening the collapsible content (added to aria-describedby).
+          * @default { fi: "Tämä valinta sisältää lisätietoja, jotka avautuivat alle", en: "This choice has additional information opened below", sv: "Det här val har mer information som öppnades nedan", }
+         */
+        "collapsibleNotification"?: string;
+        /**
+          * Accessible collapsible notification defaults
+         */
+        "collapsibleNotificationDefaults"?: | DuetLangObject
+    | string;
         /**
           * Makes the choice component disabled. This prevents users from being able to interact with the choice, and conveys its inactive state to assistive technologies.
          */
@@ -6616,13 +6705,12 @@ declare namespace LocalJSX {
          */
         "identifier"?: string;
         /**
-          * Hint text to display before the user types into the date picker input.
+          * Accessible info label
           * @default { fi: "Lisätietoja vaihtoehdosta", en: "More information about", sv: "Mera information om", }
          */
         "infoLabel"?: string;
         /**
-          * Placeholder defaults
-          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+          * Accessible info label defaults
          */
         "infoLabelDefaults"?: DuetLangObject | string;
         /**
@@ -6679,6 +6767,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface DuetChoiceGroup {
+        /**
+          * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive" makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message unread by screen readers.
+         */
+        "accessibleLiveError"?: "off" | "polite" | "assertive";
         /**
           * Switch the breakpoint used to trigger the content stacking. These match to similar media query tokens eg.: $media-query-small, $media-query-medium.
          */
@@ -6715,6 +6807,10 @@ declare namespace LocalJSX {
           * Name for the choice buttons within this group. **This must be unique amongst all other inputs.**
          */
         "name"?: string;
+        /**
+          * Sets whether making a choice is required or optional. Will set contained choices to required as well.
+         */
+        "required"?: boolean;
         /**
           * Enable or disable the automatic responsive behaviour of the choice group component when horizontal setting is used. Setting this option to "true" makes sure that contents are stacked vertically on mobile.
          */
@@ -7145,6 +7241,24 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetFileChooser {
+        /**
+          * The accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
+         */
+        "accept"?: string;
+        /**
+          * Use multiple to allow the user to select multiple files when uploading
+         */
+        "multiple"?: boolean;
+        /**
+          * Emitted when the value has changed.
+         */
+        "onDuetChange"?: (event: DuetFileChooserCustomEvent<DuetFileChooserEvent>) => void;
+        /**
+          * theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetFooter {
         /**
           * Accessible label for footer
@@ -8906,6 +9020,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface DuetRadioGroup {
+        /**
+          * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive" makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message unread by screen readers.
+         */
+        "accessibleLiveError"?: "off" | "polite" | "assertive";
         /**
           * Additional caption to show inside the label of the radio group.
          */
@@ -8938,6 +9056,10 @@ declare namespace LocalJSX {
           * Name for the radio buttons within this group. **This must be unique amongst all other inputs.**
          */
         "name"?: string;
+        /**
+          * Sets whether making a choice is required or optional. Will set contained duet-radio components to required as well.
+         */
+        "required"?: boolean;
         /**
           * Enable or disable the automatic responsive behaviour of the radio group component when horizontal setting is used. Setting this option to "true" makes sure that contents are stacked vertically on mobile.
          */
@@ -9256,6 +9378,14 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetShowMore {
+        /**
+          * Controls the margin of the button component inside of show more.
+         */
+        "buttonMargin"?: DuetMargin;
+        /**
+          * Controls the padding of the button component inside of show more.
+         */
+        "buttonPadding"?: DuetPadding;
         /**
           * The currently active language. This setting also changes the logo to match the chosen language.
           * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
@@ -10489,6 +10619,7 @@ declare namespace LocalJSX {
         "duet-editable-table": DuetEditableTable;
         "duet-empty-state": DuetEmptyState;
         "duet-fieldset": DuetFieldset;
+        "duet-file-chooser": DuetFileChooser;
         "duet-footer": DuetFooter;
         "duet-grid": DuetGrid;
         "duet-grid-item": DuetGridItem;
@@ -10590,6 +10721,7 @@ declare module "@stencil/core" {
             "duet-editable-table": LocalJSX.DuetEditableTable & JSXBase.HTMLAttributes<HTMLDuetEditableTableElement>;
             "duet-empty-state": LocalJSX.DuetEmptyState & JSXBase.HTMLAttributes<HTMLDuetEmptyStateElement>;
             "duet-fieldset": LocalJSX.DuetFieldset & JSXBase.HTMLAttributes<HTMLDuetFieldsetElement>;
+            "duet-file-chooser": LocalJSX.DuetFileChooser & JSXBase.HTMLAttributes<HTMLDuetFileChooserElement>;
             "duet-footer": LocalJSX.DuetFooter & JSXBase.HTMLAttributes<HTMLDuetFooterElement>;
             "duet-grid": LocalJSX.DuetGrid & JSXBase.HTMLAttributes<HTMLDuetGridElement>;
             "duet-grid-item": LocalJSX.DuetGridItem & JSXBase.HTMLAttributes<HTMLDuetGridItemElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "8.0.3",
+  "version": "8.0.5",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -41,9 +41,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.21",
-    "@duetds/icons": "4.0.21",
-    "@duetds/tokens": "4.0.21",
+    "@duetds/fonts": "3.0.23",
+    "@duetds/icons": "4.0.23",
+    "@duetds/tokens": "4.0.23",
     "@percy/cli": "1.21.0",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.7.2",
@@ -71,5 +71,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "e3e0a815bcddeaf927c7f28d68e8448c4364ef0c"
+  "gitHead": "c60ace1383302301e371415f2ab56a941c3b3892"
 }

package/lib/duet/p-05ddb8d7.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as i,g as o}from"./p-41363488.js";import{i as a}from"./p-d48735b6.js";import{F as s}from"./p-115e5a74.js";import{a as l,c as n,d as r,g as p}from"./p-4883df66.js";import{g as d}from"./p-0b31864f.js";import"./p-1a395a8d.js";import"./p-f1d51e20.js";const u=class{constructor(t){e(this,t),this.exitLangObject={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 e=this.element.querySelector("[slot='label']");this.label=e},this.onToggleClick=()=>{const e=!this.open;this.open=e,e?setTimeout((()=>{this.closeButton.focus()}),200):setTimeout((()=>{this.openButton.focus()}),200)},this.onCloseClick=e=>{e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName&&this.element.parentElement.toggle()},this.label=void 0,this.language=l(),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="primary-lightest"}componentWillLoad(){a(this),this.updateLabel()}connectedCallback(){n(this)}disconnectedCallback(){r(this)}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:d("primary-lightest"===this.backgroundColor&&"turva"===this.theme?"gray-lighter":this.backgroundColor,this.theme)},o=p(this.exitLangObject),a=p(this.backLangObject);return t(i,null,t("div",{class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active},onClick:this.onToggleClick},this.icon&&t("duet-icon",{name:this.icon,size:"medium",margin:"none",color:"secondary"}),t("div",{class:"label"},t("span",{class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{name:"label"})),t("duet-icon",{class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{class:{dialog:!0,hidden:!this.open},style:e},t(s,{moveFocusTo:this.closeButton}),t("div",{class:"top"},t("button",{ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${a}`,type:"button",class:{back:!0},onClick:this.onToggleClick},t("duet-icon",{class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",null,this.label.innerHTML),t("button",{class:"close",type:"button",onClick:this.onCloseClick,"aria-label":`${o}`},t("duet-icon",{name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",null)),t(s,{moveFocusTo:this.closeButton}))))}get element(){return o(this)}};u.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%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap: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{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size: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{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{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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}slot: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]){color:rgb(23, 28, 58)}';export{u as duet_slideout_panel}

package/lib/duet/p-11d78956.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h as o,F as t,r as e,c as s,H as i,g as c}from"./p-41363488.js";import{i as b}from"./p-d48735b6.js";import{d}from"./p-3d8d557b.js";import{j as m,f as u,o as l,b as h,c as a}from"./p-cc1909de.js";import{g as x,a as n,c as r,d as p}from"./p-4883df66.js";import{p as v}from"./p-1a395a8d.js";const g=({item:e,search:s="",selected:i})=>{const c=""!==s?new RegExp("("+s.split(" ").join("|")+")","gi"):void 0;return o(t,null,i&&o("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),c?o("span",{class:"option-container","aria-hidden":"true"},o("span",{innerHTML:e.name.replace(c,'<span class="highlight">$&</span>')})):e.name,e.tags&&o("span",{class:"option-tags"},e.tags.join(", ")))},f=({item:t,active:e,total:s,selected:i,label:c,clickHandler:b=(o=>{o.preventDefault()}),keyHandler:d=(o=>{o.preventDefault()}),search:m})=>o("li",{class:{"list-item":!0,option:!0,active:e,selected:i},id:e?"active_item":"","data-index":t.id,"aria-selected":e?"true":void 0,"aria-current":i?"true":void 0,role:"option","aria-label":c||`${t.name}, (${t.id+1} of ${s})`},o("a",{tabindex:"-1",onClick:o=>b(o),onKeyUp:o=>d(o),class:"option-link","aria-label":c||`${t.name}, (${t.id+1} of ${s})`,"aria-hidden":"true"},o(g,{item:t,search:m,selected:i}))),k=class{constructor(o){e(this,o),this.duetChange=s(this,"duetChange",3),this.resizeObserver=new ResizeObserver(d((o=>{var t,e;if(1===(null==o?void 0:o.length)){const s=null===(e=null===(t=o[0])||void 0===t?void 0:t.target)||void 0===e?void 0:e.getBoundingClientRect().width;this.listContainer.style.width=`${s+1}px`}}),100)),this.processedItems=null,this.inputWidth=0,this.inputValue="",this.selectionMsg="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}},this.accessibleLabels=x(this.accessibleLabelDefaults,n()),this.theme="",this.force=!1,this.items=void 0,this.formatter=o=>o&&o.name?o.name:"",this.value=void 0,this.minCharacters=1,this.openListOnClick=!1,this.filterType="startsWith"}activeItemHandler(o){this.input.accessibleActiveDescendant=this.listOpen&&(o||0===o)?"active_item":""}handleDocumentClick(o){o.composedPath().every((o=>o!==this.element))&&(this.updateInputText(!0),this.listOpen=!1)}async formatItem(o){return this.formatter(o)}async processItems(){this.items=this.processedItems=v(this.items),await this.updateInputText()}async processValue(){if(this.value){const o=this.items.find((o=>o.value===this.value));this.updateSelectedItems(o.id)}}async processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down")}componentWillLoad(){b(this)}connectedCallback(){this.items=this.processedItems=v(this.items),this.input=this.element.querySelector("duet-input"),this.input.addEventListener("duetChange",this.updateInputValue.bind(this)),this.input.addEventListener("click",(()=>{this.listOpen=this.openListOnClick?!this.listOpen:this.inputValue.length>=this.minCharacters})),this.element.addEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),r(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.input.accessibleAutocomplete="list",this.input.accessibleControls="duet-combobox-list-element",this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.updateInputValue.bind(this)),this.input.removeEventListener("click",(()=>this.listOpen=!!this.inputValue.length)),this.element.removeEventListener("keydown",this.handleInputKeyDownEvent.bind(this)),this.listElement.removeEventListener("click",(o=>{o.stopPropagation()})),this.resizeObserver.disconnect(),p(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.listElement.addEventListener("click",(o=>{o.stopPropagation()})),this.processValue()}onListClick(o,t){return o.preventDefault(),this.updateSelectedItems(t.id,!0),this.listOpen=!1,this.listOpen}shouldListBeFiltered(){if(this.selectedItems.size&&this.input.value===this.inputValue){const o=this.items.filter((o=>this.selectedItems.has(o.id)));return!(this.formatter(o).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}async updateSelectedItems(o,t){if(this.selectedItems.clear(),this.selectedItems&&(this.selectedItems.has(o)?this.selectedItems.delete(o):this.selectedItems.add(o)),t){const o=0===this.selectedItems.size?[]:this.items.filter((o=>this.selectedItems.has(o.id)));this.duetChange.emit({value:o[0].value,item:o[0],component:"duet-combobox"})}await this.updateInputText()}async updateInputText(o=!1){const t=0===this.selectedItems.size?[]:this.items.filter((o=>this.selectedItems.has(o.id)));0===t.length&&this.selectedItems.size>0&&(this.selectedItems.clear(),this.input.value="",this.value=void 0,this.activeItem=void 0),1===this.selectedItems.size&&(this.input.value="",this.input.value=await this.formatItem(t[0]),this.input.scrollLeft=this.input.scrollWidth,this.activeItem=void 0,this.value=t[0].value),o&&0===this.selectedItems.size&&(this.force&&(this.inputValue="",this.input.value=""),this.activeItem=void 0),this.listOpen=!1}updateInputValue(o){var t;this.inputValue=o.detail.value,this.listOpen=String(this.inputValue).length>=this.minCharacters&&(null===(t=this.getFilteredItems())||void 0===t?void 0:t.length)>0}handleInputKeyDownEvent(o){if(this.input.accessibleActiveDescendant=void 0,m(o))return o.preventDefault(),this.selectActiveItem(),this.updateInputText(!1),void(this.listOpen=!1);if(u(o)||l(o))return this.updateInputText(!0),void(this.listOpen=!1);let t=this.activeItem;if(h(o)?(o.preventDefault(),t=this.activeItem-1):a(o)&&(o.preventDefault(),t=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),a(o)||h(o)){const o=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;(t<0||!t)&&(t=0),t>=o.length&&(t=o.length-1),this.input.accessibleActiveDescendant="active_item",this.activeItem=t,this.scrollToActive()}this.announceActive()}selectActiveItem(){if(void 0===this.activeItem)return;const o=this.returnFilteredOrNonFiltered();this.updateSelectedItems(o[this.activeItem].id,!0)}announceActive(o){o||(o=this.returnFilteredOrNonFiltered()),void 0!==this.activeItem&&-1!==this.activeItem&&(this.selectionMsg=structuredClone(this.formatLabel(o[this.activeItem],o.length,this.items.length)))}scrollToActive(){const o=this.listElement.querySelector(".active");o&&o.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(o,t,e){return o&&void 0!==e?(t===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(o.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(t)).replace("{hiddenItems}",String(e-t)):""}getFilteredItems(){const o=this.processedItems.filter((o=>{var t,e,s,i;return(null===(t=String(o.value))||void 0===t?void 0:t.toLowerCase()[this.filterType](null===(e=this.inputValue)||void 0===e?void 0:e.toLowerCase()))||(null===(s=String(o.name))||void 0===s?void 0:s.toLowerCase()[this.filterType](null===(i=this.inputValue)||void 0===i?void 0:i.toLowerCase()))||this.selectedItems.has(o.id)}));return this.sortFilteredItems(o)}sortFilteredItems(o){return o.length>0&&o.filter((o=>this.selectedItems.has(o.id))).forEach((t=>{const e=o.indexOf(t);o.splice(e,1),o.unshift(t)})),o}render(){const t=this.returnFilteredOrNonFiltered();return o(i,{role:"combobox","aria-expanded":this.listOpen?"true":"false","aria-owns":"duet-combobox-list-element","aria-haspopup":"listbox",class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},o("slot",null),o("div",{class:{"duet-combobox-list":!0,open:this.listOpen},ref:o=>this.listContainer=o},o("ul",{class:{"duet-combobox-listbox-open":this.listOpen,"duet-combobox-listbox":!0},role:"listbox",ref:o=>this.listElement=o,id:"duet-combobox-list-element"},t.map(((e,s)=>o(f,{item:e,active:s===this.activeItem,selected:this.selectedItems.has(e.id),search:this.inputValue,total:t.length,clickHandler:o=>this.onListClick(o,e),label:this.formatLabel(e,t.length,this.items.length)}))))))}get element(){return c(this)}static get watchers(){return{activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"],listOpen:["processListOpenChange"]}}};k.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;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";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-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)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);height:0;overflow:hidden;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1);opacity:0}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block;height:auto;opacity:1}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}';export{k as duet_combobox}

package/lib/duet/p-15aa743e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as s,h as t,H as o,g as i}from"./p-41363488.js";import{i as a}from"./p-d48735b6.js";import{c as n}from"./p-45f71a69.js";import{i as r}from"./p-cc1909de.js";import{a as h,g as l,c as m,d as c}from"./p-4883df66.js";import"./p-1a395a8d.js";const p=class{constructor(t){e(this,t),this.duetToggle=s(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const s=!this.open;this.open=s,s?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=s}),500)):this.buttonAriaOpen=s,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})},this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.open=!1}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){m(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){c(this)}render(){return t(o,null,t("div",{class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},t("div",{ref:e=>this.contentElement=e,class:{content:!0},id:this.contentId,tabindex:this.open?"0":""},t("div",{class:{"slotted-content":!0}},t("slot",null))),t("duet-button",{id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small"},this.open?this.showLessLabel:this.showMoreLabel)))}get element(){return i(this)}};p.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;display:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';export{p as duet_show_more}

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as i,g as s}from"./p-41363488.js";import{a as n}from"./p-64d43840.js";import{e as a,d as o}from"./p-141e14d0.js";import{i as r}from"./p-d48735b6.js";const d=class{constructor(t){e(this,t),this.mql=[window.matchMedia(n.replace(/'/g,""))],this.boundMqlFunctions=[],this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&a(this.nav),this.itemsContainer&&a(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&o(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&o(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link");return e||t},this.mobile=!0,this.bodyScroll=!0,this.theme="",this.open=!1,this.accessibleLabel=void 0}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){r(this);const e=Array.from(this.element.children).filter((e=>!e.hasAttribute("slot")));for(const t of e)t.setAttribute("role","listitem")}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.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=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}render(){return t(i,null,t("nav",{class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme},"aria-label":this.accessibleLabel},t("div",{class:"shadow-container",role:"presentation"},t("div",{class:"top-shadow"})),this.hasItems&&t("button",{ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("div",{class:"label"},t("slot",{name:"label"}),t("duet-icon",{theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("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:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{class:"list",role:this.mobile?"presentation":"list"},t("slot",null),t("div",{class:"list-padding"}))),t("div",{class:"mobile-background"}))))}get element(){return s(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};d.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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;background:rgb(243, 249, 252)}.duet-submenu-bar .shadow-container{position:absolute;width:100%;height:100%;overflow:hidden}.duet-submenu-bar .shadow-container .top-shadow{position:absolute;top:-52px;width:100%;height:52px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){.duet-submenu-bar .shadow-container .top-shadow{top:-80px;height:80px;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar .mobile-background{position:absolute;width:100%;height:100%;background:rgba(0, 41, 77, 0.6)}@media (min-width: 62em){.duet-submenu-bar .mobile-background{display:none}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 245, 247)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgba(23, 28, 58, 0.6)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';export{d as duet_submenu_bar}

package/lib/duet/p-37961e05.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as o,g as s}from"./p-41363488.js";import{d as a,e as d}from"./p-141e14d0.js";import{i as n}from"./p-d48735b6.js";import{F as l}from"./p-115e5a74.js";import{f as r}from"./p-cc1909de.js";import{a as h,c as u,d as p,g as c}from"./p-4883df66.js";import{T as m}from"./p-24853ebf.js";import{g}from"./p-0b31864f.js";import"./p-1a395a8d.js";import"./p-f1d51e20.js";const b=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.handleBodyScrolling=()=>{this.displaying&&this.open?a(this.dialog,{reserveScrollBarGap:!0}):d(this.dialog)},this.toggleMenu=t=>{if(this.open=!this.open,this.openButton&&(this.openButton.accessibleExpanded=this.open),this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"}),this.open){const t=this.element.querySelector("duet-slideout-panel[open]");this.teleport.go(!0),t?(t.setFocus(),this.handleBodyScrolling()):setTimeout((()=>{this.closeButton.focus(),this.handleBodyScrolling()}),200)}else setTimeout((()=>{var t;null===(t=this.openButton)||void 0===t||t.setFocus(),this.handleBodyScrolling(),this.teleport.resume()}),200)},this.onClick=t=>{this.toggleMenu(t)},this.language=h(),this.displaying=!1,this.theme="",this.open=!1,this.opener=void 0,this.backgroundColor="gray-lightest"}async toggle(){const t=new CustomEvent("toggle");this.toggleMenu(t),setTimeout((()=>{this.closeButton.focus()}),200)}async show(){if(this.open)return;const t=document.activeElement;t&&(t.accessiblePopup="true",this.openButton=t),this.toggleMenu(new CustomEvent("toggle"))}async hide(){this.open&&this.toggleMenu(new CustomEvent("toggle"))}componentWillLoad(){n(this);const t=this.opener&&document.getElementById(this.opener);t&&(t.accessiblePopup="true",t.accessibleExpanded=!1,t.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),this.openButton=t,this.onClick(e)}))),this.teleport=new m(this.element)}async componentDidLoad(){this.intersectionObserver=new IntersectionObserver((t=>{this.displaying=!!t[0].isIntersecting,this.handleBodyScrolling()})),this.intersectionObserver.observe(this.dialog)}connectedCallback(){u(this)}disconnectedCallback(){p(this),d(this.dialog),this.intersectionObserver.disconnect()}handleKeyUp(t){r(t)&&this.open&&this.toggleMenu(t)}async setFocus(t){var e;null===(e=this.openButton)||void 0===e||e.focus(t)}render(){const t={background:g(this.backgroundColor,this.theme)},e=c(this.exitLangObject);return i(o,null,i("div",{class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},i("div",{class:{"desktop-bg":!0,hidden:!this.open},onClick:()=>{this.open=!1}}),i("div",{ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"menubar",class:{dialog:!0,hidden:!this.open},style:t},i(l,{moveFocusTo:this.closeButton}),i("div",{class:"top"},i("button",{ref:t=>this.closeButton=t,"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":`${e}`,type:"button",class:{"slideout-close":!0,active:this.open},onClick:this.onClick},i("duet-icon",{name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{id:"menubar",role:"menubar",class:{items:!0}},i("slot",null)),i(l,{moveFocusTo:this.closeButton}))))}get element(){return s(this)}};b.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%}:host slot:not([name=toggle])::slotted(*){position:relative;visibility:hidden;opacity:0}:host([open]) slot:not([name=toggle])::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%}.duet-slideout .desktop-bg{display:none}@media (min-width: 62em){.duet-slideout .desktop-bg{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){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgba(23, 28, 58, 0.6)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}::slotted(*){width:100%}slot{color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=toggle]{color:inherit}';export{b as duet_slideout}

package/lib/duet/p-46a8594c.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as i,H as n,g as o}from"./p-41363488.js";import{a,c as r}from"./p-64d43840.js";import{i as s}from"./p-d48735b6.js";const h=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.mql=[window.matchMedia(a.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,""))],this.boundMqlFunctions=[],this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.changeLogoSize=()=>{this.logoSize=this.mql[1].matches?"large":"medium"},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})},this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.theme="",this.logo=!0,this.logoHref=void 0,this.logoLinkAccessibleLabel=void 0,this.accessibleLabel=void 0}componentWillLoad(){s(this);const e=Array.from(this.element.children);for(const t of e)if("center"===t.getAttribute("slot"))for(const e of Array.from(t.children))e.setAttribute("role","listitem");else if("right"===t.getAttribute("slot"))for(const e of Array.from(t.children))e.setAttribute("role","listitem")}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=[]}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(n,null,i("nav",{class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo},"aria-label":this.accessibleLabel},i("div",{class:"top"}),i("div",{class:{container:!0},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",null,i("duet-logo",{size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick})),i("div",{class:"list center",role:"list"},i("div",{class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{name:"center"}),i("div",{class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{class:"list right",role:"list"},i("slot",{name:"right"}))),i("div",{class:"bottom"})))}get element(){return o(this)}};h.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:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.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:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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)}';export{h as duet_menu_bar}

package/lib/duet/p-7f13b214.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{u(n.next(t))}catch(t){s(t)}}function a(t){try{u(n["throw"](t))}catch(t){s(t)}}function u(t){t.done?i(t.value):o(t.value).then(r,a)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return u([t,e])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(i=0)),i)try{if(n=1,o&&(s=a[0]&2?o["return"]:a[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,a[1])).done)return s;if(o=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];o=0}finally{n=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-c7b04440.system.js","./p-ed5a5071.system.js","./p-77b6e4ba.system.js","./p-dc059577.system.js","./p-8d0d6e06.system.js","./p-8972381a.system.js","./p-ecf1f6cd.system.js","./p-719b38fe.system.js","./p-b99c00fa.system.js","./p-9d033a04.system.js"],(function(t){"use strict";var e,i,n,o,s,r,a,u,d,l,c,f,h,p,g,b;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.H;s=t.g},function(t){r=t.d;a=t.e},function(t){u=t.i},function(t){d=t.F},function(t){l=t.f},function(t){c=t.a;f=t.c;h=t.d;p=t.g},function(t){g=t.T},function(t){b=t.g},function(){},function(){}],execute:function(){var m='*,*::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%}:host slot:not([name=toggle])::slotted(*){position:relative;visibility:hidden;opacity:0}:host([open]) slot:not([name=toggle])::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%}.duet-slideout .desktop-bg{display:none}@media (min-width: 62em){.duet-slideout .desktop-bg{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){visibility:visible;opacity:1;transition:600ms ease}}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgba(23, 28, 58, 0.6)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}::slotted(*){width:100%}slot{color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=toggle]{color:inherit}';var v=t("duet_slideout",function(){function t(t){var n=this;e(this,t);this.duetSlideoutEvent=i(this,"duetSlideoutEvent",7);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.handleBodyScrolling=function(){if(n.displaying&&n.open){r(n.dialog,{reserveScrollBarGap:true})}else{a(n.dialog)}};this.toggleMenu=function(t){n.open=!n.open;if(n.openButton){n.openButton.accessibleExpanded=n.open}n.duetSlideoutEvent.emit({originalEvent:t,data:{element:n.element,open:n.open},component:"duet-slideout"});if(n.open){var e=n.element.querySelector("duet-slideout-panel[open]");n.teleport.go(true);if(e){e.setFocus();n.handleBodyScrolling()}else{setTimeout((function(){n.closeButton.focus();n.handleBodyScrolling()}),200)}}else{setTimeout((function(){var t;(t=n.openButton)===null||t===void 0?void 0:t.setFocus();n.handleBodyScrolling();n.teleport.resume()}),200)}};this.onClick=function(t){n.toggleMenu(t)};this.language=c();this.displaying=false;this.theme="";this.open=false;this.opener=undefined;this.backgroundColor="gray-lightest"}t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=new CustomEvent("toggle");this.toggleMenu(t);setTimeout((function(){e.closeButton.focus()}),200);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.open){return[2]}t=document.activeElement;if(t){t.accessiblePopup="true";this.openButton=t}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.componentWillLoad=function(){var t=this;u(this);var e=this.opener&&document.getElementById(this.opener);if(e){e.accessiblePopup="true";e.accessibleExpanded=false;e.addEventListener("click",(function(i){i.stopPropagation();i.preventDefault();t.openButton=e;t.onClick(i)}))}this.teleport=new g(this.element)};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.intersectionObserver=new IntersectionObserver((function(e){if(e[0].isIntersecting){t.displaying=true}else{t.displaying=false}t.handleBodyScrolling()}));this.intersectionObserver.observe(this.dialog);return[2]}))}))};t.prototype.connectedCallback=function(){f(this)};t.prototype.disconnectedCallback=function(){h(this);a(this.dialog);this.intersectionObserver.disconnect()};t.prototype.handleKeyUp=function(t){if(l(t)){if(this.open){this.toggleMenu(t)}}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.openButton)===null||e===void 0?void 0:e.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;var e={background:b(this.backgroundColor,this.theme)};var i=p(this.exitLangObject);return n(o,null,n("div",{class:{"duet-slideout":true,"duet-theme-turva":this.theme==="turva"}},n("div",{class:{"desktop-bg":true,hidden:!this.open},onClick:function(){t.open=false}}),n("div",{ref:function(e){return t.dialog=e},tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":this.isSafariBrowser?false:true,"aria-flowto":"menubar",class:{dialog:true,hidden:!this.open},style:e},n(d,{moveFocusTo:this.closeButton}),n("div",{class:"top"},n("button",{ref:function(e){return t.closeButton=e},"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":"".concat(i),type:"button",class:{"slideout-close":true,active:this.open},onClick:this.onClick},n("duet-icon",{name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),n("div",{id:"menubar",role:"menubar",class:{items:true}},n("slot",null)),n(d,{moveFocusTo:this.closeButton}))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());v.style=m}}}));

package/lib/duet/p-8aae2ee1.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,H as o,g as a,c as i}from"./p-41363488.js";import{i as n}from"./p-d48735b6.js";import{g as s,c as r,d,a as l}from"./p-4883df66.js";import{c as b}from"./p-45f71a69.js";import{d as c,b as u,a as h,c as p}from"./p-cc1909de.js";import"./p-1a395a8d.js";const g=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.hasCollapseButtonLabelSlot=!1,this.resizeObserver=new ResizeObserver((t=>{var e,o,a,i;if(1===(null==t?void 0:t.length)){const n=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,s=null===(i=null===(a=t[0])||void 0===a?void 0:a.target)||void 0===i?void 0:i.scrollWidth;this.isTabContentSmallerThanWrapper=s>n+5}})),this.collapsedOnClick=()=>{this.collapsed=!this.collapsed},this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.center=!1,this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){n(this),this.hasCollapseButtonLabelSlot=!!this.element.querySelector(":scope > [slot='collapse-button-label']");const t=this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.element.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.element.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){this.buttons&&(t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1))}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.element.querySelectorAll("button");let a=o[0].getBoundingClientRect().x,i=5;const n=()=>{if(o[0].getBoundingClientRect().x===a){if(i--,0!==i)return void window.requestAnimationFrame(n);this.updateScrollButtons()}else window.requestAnimationFrame(n),a=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(n)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{class:{collapse:!0,hide:!this.isTabContentSmallerThanWrapper&&!this.collapsed}},e("duet-button",{variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{name:"collapse-button-label"}))),e("div",{class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center}},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:{[this.tabListClass]:!0,collapsed:this.collapsed},onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};g.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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const m=class{constructor(e){t(this,e),this.label=void 0,this.caption=void 0,this.selected=void 0,this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?s(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0}connectedCallback(){r(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"})}disconnectedCallback(){d(this)}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy},e("slot",null))}get element(){return a(this)}};m.style=".sc-duet-tab-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%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const k=class{constructor(o){t(this,o),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=b("DuetTabGroup"),this.handleKeyDown=t=>{let e;c(t)||u(t)?e=t.target.previousElementSibling:(h(t)||p(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{"checked"!==this.variation&&"plain-scrolling"!==this.variation||setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:0===o?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected},onClick:()=>this.onTabSelect(o),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t},this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=l(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=s(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!1,this.tabChangeConfirm=!1}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){n(this)}componentDidLoad(){this.scrollToActive()}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.selected=void 0,this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("accessible-labelled-by",this.getButtonId(e)),t.selected&&(void 0===this.selected?this.selected=e:t.selected=!1)})),void 0===this.selected&&(this.selected=0,this.tabs[0].selected=!0)}render(){const t="checked"===this.variation||"plain-scrolling"===this.variation;return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,["plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},!t&&this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.onTabSelect(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!t,"duet-tab-group-collapses":this.collapses},ref:t=>{this.tabsContainer=t}},this.renderTab()),e("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",null)))}get element(){return a(this)}};k.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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{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{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-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{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{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{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{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{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{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{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;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{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{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{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{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{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{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{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{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::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{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{background-color:rgb(68, 68, 69)}';export{g as duet_scrollable,m as duet_tab,k as duet_tab_group}