@duetds/components 10.0.0-alpha.23 → 10.0.0-alpha.25

package/lib/types/components/duet-number-input/duet-number-input.d.ts

@@ -78,7 +78,8 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
      */
     accessibleLiveDefaults: DuetLangObject | string;
     /**
-     * Format of message used to announce current amount when switching between amounts.
+     * Format of message used to announce current amount when switching between amounts. Note that the default has "euros"
+     * so if you use another unit is is essential you set this attribute to reflect that unit.
      * The string {current} is replaced with the current amount.
      * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
      */
@@ -235,6 +236,7 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
     private setValue;
     private add;
     private subtract;
+    private getUnitString;
     private formatAnnouncement;
     /**
      * render() function

package/lib/types/components/duet-panel/duet-panel.d.ts

@@ -0,0 +1,47 @@
+import { DuetMargin, DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+type DuetPanelPalette = "default" | "accent";
+type DuetPanelPaletteVariation = "primary" | "secondary";
+export type DuetPanelVariation = "" | `${DuetPanelPalette}` | `${DuetPanelPaletteVariation}` | `${DuetPanelPalette}-${DuetPanelPaletteVariation}` | `${DuetPanelPaletteVariation}-${DuetPanelPalette}`;
+export declare class DuetPanel implements ThemeableComponent {
+    element: HTMLElement;
+    /**
+     * Theme of the panel.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the padding of the component. Padding is automatically responsive.
+     */
+    padding: "small" | "medium" | "large";
+    /**
+     * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary",
+     * "secondary"). You can ommit "default" and "primary" - they are the defaults.
+     */
+    variation: DuetPanelVariation;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Set this attribute to draw a border around the panel.
+     */
+    border: boolean;
+    /**
+     * Adds accessible label for the panel that is only shown for screen readers.
+     */
+    accessibleLabel: string;
+    /**
+     * Indicates the id of a component that labels the panel.
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Indicates the id of a component that describes the panel.
+     */
+    accessibleDescribedBy: string;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    render(): any;
+}
+export {};

package/lib/types/components.d.ts

@@ -38,15 +38,16 @@ import { DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "
 import { DuetLogoSize } from "./components/duet-logo/duet-logo";
 import { DuetMenuBarChangeEvent } from "./components/duet-menu-bar/duet-menu-bar";
 import { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./components/duet-modal/duet-modal";
+import { FocusableComponent, OpenerComponent } from "./common";
 import { DuetMultiselectEvent, DuetMultiselectItem, DuetMultiselectItemGroup } from "./components/duet-multiselect/duet-multiselect";
 import { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
 import { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 import { OverlayDisplayDevice } from "./components/duet-overlay/duet-overlay";
 import { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
+import { DuetPanelVariation } from "./components/duet-panel/duet-panel";
 import { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 import { Country } from "./data/countries";
 import { DuetPhoneInputEvent } from "./components/duet-phone-input/duet-phone-input";
-import { FocusableComponent, OpenerComponent } from "./common";
 import { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 import { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -103,15 +104,16 @@ export { DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "
 export { DuetLogoSize } from "./components/duet-logo/duet-logo";
 export { DuetMenuBarChangeEvent } from "./components/duet-menu-bar/duet-menu-bar";
 export { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./components/duet-modal/duet-modal";
+export { FocusableComponent, OpenerComponent } from "./common";
 export { DuetMultiselectEvent, DuetMultiselectItem, DuetMultiselectItemGroup } from "./components/duet-multiselect/duet-multiselect";
 export { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
 export { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 export { OverlayDisplayDevice } from "./components/duet-overlay/duet-overlay";
 export { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
+export { DuetPanelVariation } from "./components/duet-panel/duet-panel";
 export { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 export { Country } from "./data/countries";
 export { DuetPhoneInputEvent } from "./components/duet-phone-input/duet-phone-input";
-export { FocusableComponent, OpenerComponent } from "./common";
 export { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 export { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 export { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -2698,6 +2700,10 @@ export namespace Components {
           * @default "auto"
          */
         "margin": DuetMargin;
+        /**
+          * @default false
+         */
+        "onlySymbol": boolean;
         /**
           * Sets focus on the specified `duet-logo`. Use this method instead of the global `logo.focus()`.
          */
@@ -2738,6 +2744,10 @@ export namespace Components {
           * Logo href.
          */
         "logoHref": string;
+        /**
+          * Additional information text to show next to the logo. Show only when the center slot is empty.
+         */
+        "logoInfoText": string;
         /**
           * Logo link accessible label.
          */
@@ -2943,6 +2953,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges": "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -2996,6 +3010,14 @@ export namespace Components {
           * @default ""
          */
         "color": DuetColor;
+        /**
+          * Set focus on the close button of the modal.
+         */
+        "focusCloseButton": () => Promise<void>;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose": FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -3311,7 +3333,7 @@ export namespace Components {
          */
         "accessibleLabelledBy": string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive": string;
@@ -3598,6 +3620,44 @@ export namespace Components {
          */
         "visibleItems": number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy": string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel": string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy": string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border": boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin": DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding": "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme": DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation": DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -7017,6 +7077,12 @@ declare global {
         prototype: HTMLDuetPaginationElement;
         new (): HTMLDuetPaginationElement;
     };
+    interface HTMLDuetPanelElement extends Components.DuetPanel, HTMLStencilElement {
+    }
+    var HTMLDuetPanelElement: {
+        prototype: HTMLDuetPanelElement;
+        new (): HTMLDuetPanelElement;
+    };
     interface HTMLDuetParagraphElement extends Components.DuetParagraph, HTMLStencilElement {
     }
     var HTMLDuetParagraphElement: {
@@ -7572,6 +7638,7 @@ declare global {
         "duet-overlay": HTMLDuetOverlayElement;
         "duet-page-heading": HTMLDuetPageHeadingElement;
         "duet-pagination": HTMLDuetPaginationElement;
+        "duet-panel": HTMLDuetPanelElement;
         "duet-paragraph": HTMLDuetParagraphElement;
         "duet-phone-input": HTMLDuetPhoneInputElement;
         "duet-popup-menu": HTMLDuetPopupMenuElement;
@@ -10280,6 +10347,10 @@ declare namespace LocalJSX {
           * Logo href.
          */
         "logoHref"?: string;
+        /**
+          * Additional information text to show next to the logo. Show only when the center slot is empty.
+         */
+        "logoInfoText"?: string;
         /**
           * Logo link accessible label.
          */
@@ -10477,6 +10548,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges"?: "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -10524,6 +10599,10 @@ declare namespace LocalJSX {
           * @default ""
          */
         "color"?: DuetColor;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose"?: FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -10827,7 +10906,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelledBy"?: string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive"?: string;
@@ -11126,6 +11205,44 @@ declare namespace LocalJSX {
          */
         "visibleItems"?: number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy"?: string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy"?: string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border"?: boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin"?: DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding"?: "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme"?: DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation"?: DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -13811,6 +13928,7 @@ declare namespace LocalJSX {
         "duet-overlay": DuetOverlay;
         "duet-page-heading": DuetPageHeading;
         "duet-pagination": DuetPagination;
+        "duet-panel": DuetPanel;
         "duet-paragraph": DuetParagraph;
         "duet-phone-input": DuetPhoneInput;
         "duet-popup-menu": DuetPopupMenu;
@@ -13921,6 +14039,7 @@ declare module "@stencil/core" {
             "duet-overlay": LocalJSX.DuetOverlay & JSXBase.HTMLAttributes<HTMLDuetOverlayElement>;
             "duet-page-heading": LocalJSX.DuetPageHeading & JSXBase.HTMLAttributes<HTMLDuetPageHeadingElement>;
             "duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
+            "duet-panel": LocalJSX.DuetPanel & JSXBase.HTMLAttributes<HTMLDuetPanelElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
             "duet-phone-input": LocalJSX.DuetPhoneInput & JSXBase.HTMLAttributes<HTMLDuetPhoneInputElement>;
             "duet-popup-menu": LocalJSX.DuetPopupMenu & JSXBase.HTMLAttributes<HTMLDuetPopupMenuElement>;

package/lib/types/utils/token-utils.d.ts

@@ -5,6 +5,10 @@ export declare function capitalize(str?: string): string;
 export declare function camelize(str?: string): string;
 export declare function getTheme(theme?: DuetTheme): DuetTheme;
 export declare function capitalizeFirstLetter(string: any): any;
+/**
+ * Add "-turva" to color names (or "Turva" to camelCase color names)
+ */
+export declare function postfixTheme(name: string, theme: DuetTheme): string;
 export declare function getColorByName(name: string, theme?: DuetTheme): string | undefined;
 export declare function convertToColorName(name?: string, theme?: DuetTheme): string;
 export declare function getFontSizeByName(name: string): string | undefined;

package/lib/types/utils/turva2-color-tokens.d.ts

@@ -0,0 +1,39 @@
+declare const turva2ColorTokens: {
+    "color-turva2-red-00": string;
+    "color-turva2-red-50": string;
+    "color-turva2-red-100": string;
+    "color-turva2-red-200": string;
+    "color-turva2-red-300": string;
+    "color-turva2-red-400": string;
+    "color-turva2-red-500": string;
+    "color-turva2-red-600": string;
+    "color-turva2-red-700": string;
+    "color-turva2-red-800": string;
+    "color-turva2-red-900": string;
+    "color-turva2-red-1000": string;
+    "color-turva2-gray-00": string;
+    "color-turva2-gray-50": string;
+    "color-turva2-gray-100": string;
+    "color-turva2-gray-200": string;
+    "color-turva2-gray-300": string;
+    "color-turva2-gray-400": string;
+    "color-turva2-gray-500": string;
+    "color-turva2-gray-600": string;
+    "color-turva2-gray-700": string;
+    "color-turva2-gray-800": string;
+    "color-turva2-gray-900": string;
+    "color-turva2-gray-1000": string;
+    "color-turva-nude-00": string;
+    "color-turva-nude-50": string;
+    "color-turva-nude-100": string;
+    "color-turva-nude-200": string;
+    "color-turva-nude-300": string;
+    "color-turva-nude-400": string;
+    "color-turva-nude-500": string;
+    "color-turva-nude-600": string;
+    "color-turva-nude-700": string;
+    "color-turva-nude-800": string;
+    "color-turva-nude-900": string;
+    "color-turva-nude-1000": string;
+};
+export default turva2ColorTokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "10.0.0-alpha.23",
+  "version": "10.0.0-alpha.25",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -62,8 +62,8 @@
   },
   "devDependencies": {
     "@duetds/fonts": "3.0.51",
-    "@duetds/icons": "4.2.2",
-    "@duetds/tokens": "4.0.103",
+    "@duetds/icons": "4.2.4",
+    "@duetds/tokens": "4.0.105",
     "@percy/cli": "1.30.1",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.36.3",

package/lib/duet/p-2354e2c1.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as a,g as d}from"./p-CUNSbdt4.js";const r=class{constructor(t){e(this,t),this.value=0}render(){return t(a,{key:"4ba5a4ae29d40c6f06f4baabeff0b2d421d2fe32"},t("div",{key:"2f001235b3069b2e77312156802aca83583f72d7",hidden:!0},t("slot",{key:"023986d23e42609f106de5b4e16d9bc59c30d605"})))}get element(){return d(this)}};export{r as duet_share_chart_item}

package/lib/duet/p-50Jw5Ir2.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import"./p-CUNSbdt4.js";const o=()=>{globalThis.ds={log:()=>{},warn:()=>{},info:()=>{}}};export{o as g}

package/lib/duet/p-5432f24c.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as a,g as d}from"./p-CUNSbdt4.js";import{d as i,e as o}from"./p-B1B-PPrh.js";import{i as s}from"./p-BI7G8d3Z.js";import{a as l}from"./p-MxsWrBCY.js";import{f as r}from"./p-ekdrapBY.js";import{a as n}from"./p-Db8rvjPI.js";import{a as m,g as u,c as h,d as p}from"./p-B_RHZ7jo.js";import{h as c}from"./p-Be6-farU.js";import{T as g}from"./p-CooAqTCj.js";import"./p-C6E9F6QT.js";const b=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),setTimeout((()=>{r(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])):this.teleport.activate()}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async scrollToTop(e=!0){var t;const a=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+d.value}px`,this.slotContainerEl.scrollIntoView({behavior:a})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;let d="primary",i="secondary";const o=a("div",{key:"ec3d40550fa55963fb7593d76847c9cd88ce7d7f",class:"duet-modal-close"},a("duet-button",{key:"ba63577c49f70ce5a0afb069c611cc71889a1ecc",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return"turva"===this.theme&&(d="primary-turva",i="secondary-turva"),a("div",{key:"45ef05dd96f31c9f905e06a7fd39458e896342ec",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"fae07b0b15aa32b393f28bcb70a2807b67d9afc1","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{key:"c3afda30fb6503e4f9f2a6bdfd61b5ffadf33b98",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{key:"ed730970e831d8b6d399da50b2b7e27fb686b12c",ref:e=>this.modalContentEl=e,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",{key:"f2ee177793bd6df80606fa4ed029cc1df3cc581c"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{key:"f5a12b8a53096e75656c8d7fd879055d26da43a4",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},a("div",{key:"7580715861362da09389b987b5e40c5460c9d833",class:"duet-modal-header"},a("span",{key:"da33874c652058416c832a1b28219bba3113fff1",class:"duet-modal-inner-slot-top"},a("slot",{key:"5ac1de4f0ead45d55a72603d465eeff16519a059",name:"top"})),this.icon&&a("duet-icon",{key:"9c44461274fde27a1b0a58c4c18a31c49821959c",name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{key:"b9cfb51b630ec505e221b51ff98b47f87fe84ae8","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{key:"205e11c6fd001742285c628707cb7758a238b65d",class:"duet-modal-spinner"},a("duet-spinner",{key:"ce31836f38e2524b6748993ce45e1c4aed3e55f4",size:"large",color:"primary"})),a("div",{key:"458d7617638b4ce61afe259a1a0f2d3eb6dca38c",class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e,"aria-live":"loader"===this.variation?"assertive":"off"},a("slot",{key:"6e85fec665aa51db0ee3ce5726e833cd798709f5"}))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};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}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header{background:#fdf7f2;border-bottom:1px solid #d4dde2}';export{b as duet_modal}

package/lib/duet/p-710ae64d.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as s,H as o,g as a}from"./p-CUNSbdt4.js";import{i}from"./p-BI7G8d3Z.js";import{c as r}from"./p-Cfr_DJqU.js";import{i as n}from"./p-Db8rvjPI.js";import{a as h,g as c,c as l,d}from"./p-B_RHZ7jo.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=r("DuetShowMore"),this.buttonId=r("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=c(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=c(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=c(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=c(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{n(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){i(this),this.buttonAriaOpen=this.open}connectedCallback(){l(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"c72a4a66bcedd71aaa4de71227da44163b6691c7"},s("div",{key:"7f229c8848525ff7c081ee34fa1044f837c1079f",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"6f3aca5e04f4862578d92be1cfafc31de40a8742",ref:e=>this.contentElement=e,class:{content:!0},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"e3d983d64cb3cce593c8af76bcb73a3cbe79202f",class:{"slotted-content":!0}},s("slot",{key:"a0070a27d8774d45a112c969d7302e1d82327500"}))),s("duet-button",{key:"faf518247c7d13158e51c77a5e044882942642f6",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"e0d03636ec1022c28fead58cb4807d371f0e9b62"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return a(this)}};m.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(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-show-more.duet-theme-turva{color:#172a3b}';export{m as duet_show_more}

package/lib/duet/p-7a9e6423.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as a,g as i}from"./p-CUNSbdt4.js";import{n as r}from"./p-vVCYtBMj.js";import{D as o}from"./p-MxsWrBCY.js";import{i as s}from"./p-BI7G8d3Z.js";import{g as n}from"./p-M3ljdQX1.js";import{a as u}from"./p-Db8rvjPI.js";import{g as b,c as m,d}from"./p-B_RHZ7jo.js";import"./p-DvwKrUS6.js";import"./p-Be6-farU.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){s(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(u(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"af1f7e0173b01ce4a424fd3a4e2046cb97cebb29",role:"listitem"},t(this.url?"a":"button",{key:"90ecc87e3554d17b542b524ae37f84d5b200b289",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false","aria-label":this.url&&n(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"2ee4d9d2bdcc49a6815855c90da639bab3ae0447",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"ca64d159776bfc730ac79adaa537fa1a6ff49ff2",class:"label"},t("span",{key:"fa0e2a2005f20429288677bfe7607498387b2d81",class:"label-text"},t("slot",{key:"28bead2467fae4092918a95c59a68e2708ae377f"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"3a8d61e7967f7877461a38e6820d9eac656b6baf",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}))))}get element(){return i(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:#e61740}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:#172a3b;background:#fbe1d1}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:#e61740}';export{c as duet_submenu_bar_item}

package/lib/duet/p-7c4f010e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as a,H as o,g as t}from"./p-CUNSbdt4.js";import{i as r}from"./p-BI7G8d3Z.js";import{h as i,c as d}from"./p-Be6-farU.js";import{g as n}from"./p-DyjhCDQL.js";import"./p-D5_4M8f7.js";const s=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=n(this.backgroundColor,this.theme);return a(o,{key:"3a5662e6386cd667e1d45e2cab994aa5bd1b773a",class:{"duet-m-0":"none"===this.margin}},a("aside",{key:"5728664532e387b3f7efcf2218d1e67d44dd1b10",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},a(this.url?"a":"div",{key:"e480b0256b7a089d4303a5a6fa78fb525a4b2ae0",href:this.url,class:"content-wrapper",ref:e=>this.aOrDivElement=e},a("img",{key:"473b0bdfd6ae90a68ae7a04e0addc3fb402f8171",class:"image",src:this.image,alt:"",role:"presentation"}),a("div",{key:"a542187fb985500d24aaa324f6a7c9269697d6e7",class:"content"},this.hasPreHeadingSlot&&a("div",{key:"7a24d8d814e13f3be34cfaee6eb1bbbf645231ba",class:"pre-heading"},a("slot",{key:"dd4c3e0b6cac6b110eca89c23dcaeb8baeb50d7b",name:"pre-heading"})),this.hasHeadingSlot&&a("div",{key:"0e4074478c99a3887522e209a85da659a324d286",class:"heading"},a("duet-heading",{key:"a2e8a5c15c81c90385609ff4ddbc2fb5742ed515",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},a("span",{key:"8b593e2814d241d19936d9e6ba2007f177ea9396"},a("slot",{key:"cf167b6e704d037c49c4b3b2a7c1c29296e95ab7",name:"heading"})))),this.hasDescriptionSlot&&a("div",{key:"719fe7ab4c0782ea29bbe56c25dc8abdb850ecbe",class:"description"},a("duet-paragraph",{key:"afe3a70bc62b79e86debb6b1a8666e7977072621",theme:this.theme,margin:"none",color:this.textColor},a("span",{key:"a07701bd187bfc012874cf3c4db5efb4b43dc89f"},a("slot",{key:"1624a69fcacc0e7139c666a92cc27ae945531186",name:"description"})))),this.hasActionSlot&&a("div",{key:"23eb8e15458d40820d6cb0db31b93dc7939b5335",class:"action"},a("slot",{key:"d66fd22007273332d4d3f6757662e8316a477f3f",name:"action"}))))))}get element(){return t(this)}};s.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;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{s as duet_promo_card}

package/lib/duet/p-88773ebf.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as i,H as a,g as n}from"./p-CUNSbdt4.js";import{a as o,b as s}from"./p-Dvk6bntS.js";import{i as r}from"./p-BI7G8d3Z.js";import{a as h}from"./p-B_RHZ7jo.js";import"./p-C6E9F6QT.js";const d=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.mql=[window.matchMedia(o.replace(/'/g,"")),window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.theme="",this.language=h(),this.logo=!0,this.hideOnScroll=!1,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.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.changeLogoSize=()=>{this.checkCenterSlot(),this.logoSize=this.mql[1].matches&&this.centerSlotUsed?"large":"medium"},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){r(this)}connectedCallback(){this.changeLogoSize();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}this.checkCenterSlot()}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(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(a,{key:"349581a9e41fcb410d37770ed09d2311de7d38a5"},i("nav",{key:"96ed53773cd355d673a2b3977b40286d67985810",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"93a3b7f680dfc2f998274c56a380e29332b24f90",class:"top"}),i("div",{key:"a8d14b711a83aee7ea63fa39f5be9d6d61929a37",class:{container:!0},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"306ad41f64eaecd20cc98bbe2b9d490912c6820c"},i("duet-logo",{key:"5a91055e192e1214c7bd921c2ff300510594c47b",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),i("div",{key:"7fea1e39256f5847358f2533607ac26f53fc35d3",class:"list center",role:"list"},i("div",{key:"4c953fc8762eadafb6e4a41534676021e4fb0675",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"ee961cf16f11a62fdef74f7ab57cf4bf653ba8ab",name:"center"}),i("div",{key:"1f66cfd1c1fea5f9c1764ff8b3a697c0459a653b",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"3d7cb50a008c1ce893a3ad504b186dbb3965a130",class:"list right",role:"list"},i("slot",{key:"7ff47fae8ea6f7d49fcfe5e53d43491994741f26",name:"right"}))),i("div",{key:"8bc982c15ce030ae88966fe1646914b6bf295960",class:"bottom"})))}get element(){return n(this)}};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;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;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);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@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(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;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:0;z-index:1;width:56px;height:49px;pointer-events:none;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)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 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, 75, 129)}.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)}:host(.duet-theme-turva2) .duet-theme-turva .center{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .right{color:#172a3b}';export{d as duet_menu_bar}