@duetds/components 8.4.3 → 8.4.5

package/lib/types/components.d.ts

@@ -40,6 +40,7 @@ import { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./compon
 import { DuetMultiselectEvent, DuetMultiselectItem } 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 { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 import { FocusableComponent, OpenerComponent } from "./common";
@@ -101,6 +102,7 @@ export { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./compon
 export { DuetMultiselectEvent, DuetMultiselectItem } 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 { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 export { FocusableComponent, OpenerComponent } from "./common";
@@ -2103,11 +2105,15 @@ export namespace Components {
          */
         "external": boolean;
         /**
-          * Icon to display on the left side of the ink text (only with "block" variation)
+          * Icon to display on the left side of the link text (only with "block" and "button" variations)
          */
         "icon": DuetIconName;
         /**
-          * Color of the icon to display (only with "block" variation)
+          * Color of the icon to display (only with "button" variation)
+         */
+        "iconBackground": DuetColor;
+        /**
+          * Color of the icon to display (only with "block" and "button" variations)
          */
         "iconColor": DuetIconColor;
         /**
@@ -2838,6 +2844,36 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetOverlay {
+        /**
+          * Mode
+         */
+        "displayDevice": OverlayDisplayDevice;
+        /**
+          * Keep stacking context
+         */
+        "keepStackingContext": boolean;
+        /**
+          * Modal overlay
+         */
+        "modalOverlay": boolean;
+        /**
+          * Theme
+         */
+        "theme": DuetTheme;
+        /**
+          * Transition
+         */
+        "transition": "quickly" | "slowly" | "immediate";
+        /**
+          * Open
+         */
+        "visible": boolean;
+        /**
+          * Z-index
+         */
+        "zIndex": string;
+    }
     interface DuetPageHeading {
         /**
           * Icon.
@@ -2957,6 +2993,10 @@ export namespace Components {
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
         "crossAxisOffset": number;
+        /**
+          * Force placement.
+         */
+        "forcePlacement": boolean;
         /**
           * Hide.
          */
@@ -4802,6 +4842,10 @@ export namespace Components {
           * Method for forcing a render of the upload list, element.files can be changed externally But it will only rerender on a new Map or a top Level change - this can be used to update the tabular data if the automatic re-render is no sufficient
          */
         "refresh": () => Promise<void>;
+        /**
+          * Use rename-duplicates to auto rename files with the same name instead of replacing them.
+         */
+        "renameDuplicates": boolean;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -5667,6 +5711,12 @@ declare global {
         prototype: HTMLDuetNumberInputElement;
         new (): HTMLDuetNumberInputElement;
     };
+    interface HTMLDuetOverlayElement extends Components.DuetOverlay, HTMLStencilElement {
+    }
+    var HTMLDuetOverlayElement: {
+        prototype: HTMLDuetOverlayElement;
+        new (): HTMLDuetOverlayElement;
+    };
     interface HTMLDuetPageHeadingElement extends Components.DuetPageHeading, HTMLStencilElement {
     }
     var HTMLDuetPageHeadingElement: {
@@ -6204,6 +6254,7 @@ declare global {
         "duet-notification": HTMLDuetNotificationElement;
         "duet-notification-drawer": HTMLDuetNotificationDrawerElement;
         "duet-number-input": HTMLDuetNumberInputElement;
+        "duet-overlay": HTMLDuetOverlayElement;
         "duet-page-heading": HTMLDuetPageHeadingElement;
         "duet-pagination": HTMLDuetPaginationElement;
         "duet-paragraph": HTMLDuetParagraphElement;
@@ -8336,11 +8387,15 @@ declare namespace LocalJSX {
          */
         "external"?: boolean;
         /**
-          * Icon to display on the left side of the ink text (only with "block" variation)
+          * Icon to display on the left side of the link text (only with "block" and "button" variations)
          */
         "icon"?: DuetIconName;
         /**
-          * Color of the icon to display (only with "block" variation)
+          * Color of the icon to display (only with "button" variation)
+         */
+        "iconBackground"?: DuetColor;
+        /**
+          * Color of the icon to display (only with "block" and "button" variations)
          */
         "iconColor"?: DuetIconColor;
         /**
@@ -9054,6 +9109,36 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetOverlay {
+        /**
+          * Mode
+         */
+        "displayDevice"?: OverlayDisplayDevice;
+        /**
+          * Keep stacking context
+         */
+        "keepStackingContext"?: boolean;
+        /**
+          * Modal overlay
+         */
+        "modalOverlay"?: boolean;
+        /**
+          * Theme
+         */
+        "theme"?: DuetTheme;
+        /**
+          * Transition
+         */
+        "transition"?: "quickly" | "slowly" | "immediate";
+        /**
+          * Open
+         */
+        "visible"?: boolean;
+        /**
+          * Z-index
+         */
+        "zIndex"?: string;
+    }
     interface DuetPageHeading {
         /**
           * Icon.
@@ -9177,6 +9262,10 @@ declare namespace LocalJSX {
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
         "crossAxisOffset"?: number;
+        /**
+          * Force placement.
+         */
+        "forcePlacement"?: boolean;
         /**
           * Main axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements main axis is vertical, for "left" and "right" horizontal.
          */
@@ -11032,6 +11121,10 @@ declare namespace LocalJSX {
           * Emitted when the user clicks the uploaded file link and link-click-event prop is set to true
          */
         "onLinkClick"?: (event: DuetUploadCustomEvent<DuetUploadEvent>) => void;
+        /**
+          * Use rename-duplicates to auto rename files with the same name instead of replacing them.
+         */
+        "renameDuplicates"?: boolean;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -11201,6 +11294,7 @@ declare namespace LocalJSX {
         "duet-notification": DuetNotification;
         "duet-notification-drawer": DuetNotificationDrawer;
         "duet-number-input": DuetNumberInput;
+        "duet-overlay": DuetOverlay;
         "duet-page-heading": DuetPageHeading;
         "duet-pagination": DuetPagination;
         "duet-paragraph": DuetParagraph;
@@ -11306,6 +11400,7 @@ declare module "@stencil/core" {
             "duet-notification": LocalJSX.DuetNotification & JSXBase.HTMLAttributes<HTMLDuetNotificationElement>;
             "duet-notification-drawer": LocalJSX.DuetNotificationDrawer & JSXBase.HTMLAttributes<HTMLDuetNotificationDrawerElement>;
             "duet-number-input": LocalJSX.DuetNumberInput & JSXBase.HTMLAttributes<HTMLDuetNumberInputElement>;
+            "duet-overlay": LocalJSX.DuetOverlay & JSXBase.HTMLAttributes<HTMLDuetOverlayElement>;
             "duet-page-heading": LocalJSX.DuetPageHeading & JSXBase.HTMLAttributes<HTMLDuetPageHeadingElement>;
             "duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;

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

@@ -1,3 +1,7 @@
 export declare const parsePossibleJSON: (maybeJSON: unknown) => any;
 export declare function sanitizeString(string: string): string;
 export declare const convertHtmlQuotes: (string: any) => any;
+/**
+ * Converts the first letter of the string to upper case. Note that with non-latin scrips this may not produce expected results
+ */
+export declare const upperCaseFirst: (string: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "8.4.3",
+  "version": "8.4.5",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -43,9 +43,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.39",
-    "@duetds/icons": "4.0.39",
-    "@duetds/tokens": "4.0.39",
+    "@duetds/fonts": "3.0.41",
+    "@duetds/icons": "4.0.41",
+    "@duetds/tokens": "4.0.41",
     "@percy/cli": "1.28.5",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.10.0",
@@ -75,5 +75,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "765057aa3e396ccc07deed7d34a88a97dd69d9ea"
+  "gitHead": "d0794d654da9c7042895dbe60d12e4a28d3218be"
 }

package/lib/cjs/action-arrow-right-24fe06be.js

@@ -1,8 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
-
-exports.actionArrowRight = actionArrowRight;

package/lib/dist-custom-elements/p-3a2a46d4.js

@@ -1,169 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-d9f82ff4.js';
-import { a as actionArrowRight } from './p-6fa39608.js';
-import { a as actionNewWindowSmall } from './p-f11208c3.js';
-import { D as DuetStringsExternalDefaults, b as DuetStringsDownloadLinkDefaults } from './p-aa07d1a7.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
-import { b as breakpointToToken } from './p-cbac9ed5.js';
-import { d as defineCustomElement$1 } from './p-d940c692.js';
-
-var actionDownloadSmall={"title":"action-download-small","tags":"action download arrow down small","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.193 1.7c0-.658-.542-1.2-1.2-1.2-.657 0-1.199.542-1.199 1.2v8.922l-2.778-2.6a1.2 1.2 0 0 0-1.64 1.751l4.797 4.498c.458.43 1.183.43 1.64 0l4.798-4.498c.242-.228.379-.544.379-.875a1.2 1.2 0 0 0-2.02-.876l-2.777 2.603V1.699Z\"/><path d=\"M1.5 13.544a1.5 1.5 0 0 1 1.498 1.5v1.498a1.61 1.61 0 0 0 .418 1.096h-.003c0-.002.036.032.13.082.39.194.818.305 1.254.321H19.19a3.085 3.085 0 0 0 1.255-.32c.096-.051.13-.085.13-.085.27-.3.42-.69.414-1.096v-1.5c0-.822.677-1.498 1.5-1.498.822 0 1.499.676 1.499 1.499v1.499c0 1.16-.43 2.293-1.224 3.142-.518.557-1.235.876-1.791 1.056a5.976 5.976 0 0 1-1.783.302H4.797a6.053 6.053 0 0 1-1.782-.302c-.556-.18-1.274-.5-1.792-1.056A4.613 4.613 0 0 1 0 16.542v-1.499a1.5 1.5 0 0 1 1.5-1.499Z\"/></svg>"};
-
-const duetLinkCss = "*,*::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:inline}:host(.duet-link-block){display:block}.duet-link{display:inline;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;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}.duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-link:active{opacity:0.75;transition:none}.duet-link-is-external.duet-link:not(.block),.duet-link-is-download.duet-link:not(.block){text-decoration:none}.duet-link-is-external.duet-link:not(.block) .duet-link-content,.duet-link-is-download.duet-link:not(.block) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:hover .block__chevron-icon{transform:translateX(4px)}";
-
-const DuetLink = /*@__PURE__*/ proxyCustomElement(class DuetLink extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.variation = "default";
-        this.accessibleLabel = undefined;
-        this.language = getLanguage();
-        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-        this.accessibleLabelDownloadDefaults = DuetStringsDownloadLinkDefaults;
-        this.accessibleLabelDownload = getLocaleString(this.accessibleLabelDownloadDefaults);
-        this.identifier = undefined;
-        this.theme = "";
-        this.url = "#";
-        this.external = false;
-        this.download = null;
-        this.tabToLink = false;
-        this.icon = undefined;
-        this.iconColor = "currentColor";
-        this.iconResponsive = false;
-        this.padding = "auto";
-        this.isSmallScreen = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.initMediaQuery();
-        this.resolvedDownload = this.resolveDownload();
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, {
-            prop: "accessibleLabelExternal",
-            defaults: "accessibleLabelExternalDefaults",
-        });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        this.destroyMediaQuery();
-    }
-    /**
-     * Sets focus on the specified `duet-link`. Use this method instead of the global
-     * `link.focus()`.
-     */
-    async setFocus(options) {
-        this.nativeLink.focus(options);
-    }
-    initMediaQuery() {
-        this.screenTestBound = this.screenTest.bind(this);
-        this.mediaQuery = window.matchMedia(breakpointToToken["xx-small"]);
-        this.isSmallScreen = this.mediaQuery.matches;
-        this.mediaQuery.addEventListener("change", this.screenTestBound);
-    }
-    destroyMediaQuery() {
-        if (!this.mediaQuery) {
-            return;
-        }
-        this.mediaQuery.removeEventListener("change", this.screenTestBound);
-    }
-    screenTest(event) {
-        this.isSmallScreen = event.matches;
-    }
-    getAccessibleLabel() {
-        if (this.accessibleLabel) {
-            return this.accessibleLabel;
-        }
-        if (!!this.download && this.element.textContent) {
-            return `${this.element.textContent}. ${this.accessibleLabelDownload}.`;
-        }
-        if (this.external && this.element.textContent) {
-            return `${this.element.textContent}. ${this.accessibleLabelExternal}.`;
-        }
-        return null;
-    }
-    resolveDownload() {
-        if (this.download === "") {
-            return this.url.split("/").pop();
-        }
-        return this.download;
-    }
-    renderContent() {
-        return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), (this.resolvedDownload || this.external) && (h(Fragment, null, h("span", { class: "duet-link-icon-tail" }, "\u00A0", h("duet-icon", { icon: this.resolvedDownload ? actionDownloadSmall.svg : actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" }))))));
-    }
-    renderGrid() {
-        return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        // Notice that the external icon needs to be places right after the last word of the link.
-        // This is why we use &nbps; to keep everything on the same line.
-        return (h(Host, { class: {
-                "duet-link-block": this.variation === "block",
-            } }, h("a", { href: this.url, class: {
-                "duet-link": true,
-                "duet-link-is-external": this.external,
-                "duet-link-is-download": !!this.download,
-                "duet-link-has-icon": !!this.icon,
-                "duet-tab-to-link": this.tabToLink,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-p-0": this.padding === "none",
-                [this.padding]: true,
-                [this.variation]: true,
-            }, target: this.download ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.getAccessibleLabel(), id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
-    }
-    static get delegatesFocus() { return true; }
-    get element() { return this; }
-    static get style() { return duetLinkCss; }
-}, [17, "duet-link", {
-        "variation": [1],
-        "accessibleLabel": [1, "accessible-label"],
-        "language": [1537],
-        "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-        "accessibleLabelExternal": [1025, "accessible-label-external"],
-        "accessibleLabelDownloadDefaults": [1, "accessible-label-download-default"],
-        "accessibleLabelDownload": [1025, "accessible-label-download"],
-        "identifier": [1],
-        "theme": [1025],
-        "url": [513],
-        "external": [4],
-        "download": [1],
-        "tabToLink": [4, "tab-to-link"],
-        "icon": [1],
-        "iconColor": [1, "icon-color"],
-        "iconResponsive": [4, "icon-responsive"],
-        "padding": [1],
-        "isSmallScreen": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-link", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetLink);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetLink as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-6fa39608.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
-
-export { actionArrowRight as a };

package/lib/duet/p-02833fe6.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function o(t){try{a(e.next(t))}catch(t){s(t)}}function u(t){try{a(e["throw"](t))}catch(t){s(t)}}function a(t){t.done?n(t.value):r(t.value).then(o,u)}a((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(e=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){n.label=u[1];break}if(u[0]===6&&n.label<s[1]){n.label=s[1];s=u;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(u);break}if(s[2])n.ops.pop();n.trys.pop();continue}u=i.call(t,n)}catch(t){u=[6,t];r=0}finally{e=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-ae31c909.system.js","./p-e639b9ee.system.js","./p-50f4bca2.system.js","./p-f65457b0.system.js","./p-b2716337.system.js","./p-f42c2d6e.system.js"],(function(t){"use strict";var i,n,e,r,s,o,u,a,c,f,h,p,l,d,m;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;s=t.g},function(t){o=t.c;u=t.o;a=t.f},function(t){c=t.i},function(t){f=t.f},function(t){h=t.f;p=t.c;l=t.b;d=t.o},function(t){m=t.T}],execute:function(){var b="*,*::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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";var g=t("duet_popup_menu",function(){function t(t){var e=this;i(this,t);this.duetToggle=n(this,"duetToggle",7);this.setOpenButton=function(t){if(!t){return}try{var i=t;i.accessiblePopup="true";i.accessibleExpanded=false;i.setAttribute("trailing-icon","action-arrow-down-small");e.openButton=i}catch(t){}};this.openButtonEventListener=function(){e.toggle()};this.updatePlacement=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(!this.openButton){return[2]}return[4,o(this.openButton,this.menuElement,{middleware:[u({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),a()],placement:this.placement,strategy:this.position})];case 1:t=i.sent();this.menuY=t.y;this.menuX=t.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.accessibleRole="menu";this.theme="";this.controller=undefined;this.placement="bottom-start";this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0}t.prototype.componentWillLoad=function(){c(this);this.teleport=new m(this.element)};t.prototype.componentDidLoad=function(){{this.updatePlacement()}};t.prototype.connectedCallback=function(){this.handleControllerChange(this.controller,null)};t.prototype.disconnectedCallback=function(){if(this.openButton){this.openButton.removeEventListener("click",this.openButtonEventListener);this.openButton.removeAttribute("trailing-icon")}};t.prototype.handleKeyUp=function(t){if(this.open){if(h(t)){this.focusOpenButton();this.hide()}}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var i,i;return __generator(this,(function(n){switch(n.label){case 0:if(!this.open)return[3,5];if(!p(t))return[3,2];t.preventDefault();return[4,this.getFocusedItemIndex()];case 1:i=n.sent();if(i!==-1){if(i<this.itemElements.length-1){this.itemElements[i+1].setFocus()}else{this.itemElements[0].setFocus()}}n.label=2;case 2:if(!l(t))return[3,4];t.preventDefault();return[4,this.getFocusedItemIndex()];case 3:i=n.sent();if(i!==-1){if(i===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[i-1].setFocus()}}n.label=4;case 4:if(d(t)&&this.accessibleRole==="menu"){t.preventDefault();this.hide()}n.label=5;case 5:return[2]}}))}))};t.prototype.handleClick=function(t){var i=this;var n=t.composedPath().every((function(t){return t!==i.element&&t!==i.openButton}));if(this.open&&n){this.hide()}};t.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.open]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){this.hide()}else{this.show()}return[2]}))}))};t.prototype.handleControllerChange=function(t,i){if(!!t===!!i){return}if(typeof this.controller==="string"){this.setOpenButton(document.getElementById(this.controller));if(this.openButton){this.openButton.addEventListener("click",this.openButtonEventListener)}}else{this.setOpenButton(this.controller)}};t.prototype.handleOpenChange=function(t,i){var n=this;if(!!t===!!i){return}if(this.open&&!i){if(this.openButton){this.openButton.accessibleExpanded=true}this.teleport.go(true);this.updatePlacement();setTimeout((function(){if(n.accessibleRole==="menu"){n.itemElements[0].setFocus()}n.duetToggle.emit({open:n.open,component:"duet-popup-menu"})}),200)}else if(!this.open&&i){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){if(n.accessibleRole==="menu"){n.focusOpenButton()}n.duetToggle.emit({open:n.open,component:"duet-popup-menu"});n.teleport.resume()}),200)}};t.prototype.focusOpenButton=function(){if(this.open){f(this.openButton)}};Object.defineProperty(t.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))},enumerable:false,configurable:true});t.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.itemElements;i=0;n.label=1;case 1:if(!(i<t.length))return[3,4];return[4,t[i].isFocused()];case 2:if(n.sent()){return[2,i]}n.label=3;case 3:i++;return[3,1];case 4:return[2,-1]}}))}))};t.prototype.render=function(){var t=this;var i={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px"),position:this.position};return e(r,null,e("div",{ref:function(i){return t.menuElement=i},style:i,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva"},role:this.accessibleRole,"aria-label":this.accessibleLabel},e("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{controller:["handleControllerChange"],open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());g.style=b}}}));

package/lib/duet/p-15fde8cc.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register([],(function(r){"use strict";return{execute:function(){var a="rgb(247, 178, 40)";var _="rgb(101, 119, 135)";var o="rgb(245, 248, 250)";var e="rgb(211, 36, 131)";var l="rgb(0, 119, 179)";var i="rgb(54, 74, 129)";var t="rgb(0, 135, 90)";var s="rgb(11, 114, 136)";var v="rgb(243, 249, 252)";var c="rgb(230, 242, 248)";var g="rgb(0, 161, 212)";var d="rgb(0, 77, 128)";var x="rgb(255, 255, 255)";var m="rgb(122, 1, 196)";var n="rgb(144, 149, 153)";var p="rgb(225, 227, 230)";var u="rgb(0, 41, 77)";var y="rgb(168, 1, 78)";var b="rgb(205, 229, 241)";var h="rgb(213, 66, 3)";var z="rgb(207, 210, 212)";var f="rgb(222, 35, 98)";var w="rgb(68, 68, 69)";var k="rgb(245, 245, 247)";var q="rgb(161, 10, 78)";var S="rgb(198, 12, 48)";var I="rgb(23, 28, 58)";var U="rgb(8, 135, 78)";var j="rgb(252, 243, 244)";var A="rgb(199, 12, 112)";var E="rgb(169, 69, 124)";var B="rgb(249, 230, 234)";var C="rgb(148, 9, 37)";var F="rgb(255, 255, 255)";var H="rgb(116, 116, 117)";var M="rgb(228, 228, 230)";var R="rgb(178, 180, 179)";var O="rgb(23, 28, 58)";var D="rgb(244, 207, 214)";var G="rgb(9, 129, 148)";var J="rgb(207, 207, 209)";var K="rgb(224, 42, 13)";var L="rgb(250, 164, 15)";var N="rgb(192, 101, 247)";var P="rgb(0, 105, 191)";var Q="rgb(19, 120, 53)";var T="rgb(179, 60, 24)";var V="rgb(13, 163, 166)";var W="rgb(122, 1, 196)";var X="rgb(11, 114, 136)";var Y="rgb(0, 155, 204)";var Z="rgb(179, 137, 24)";var $="rgb(27, 171, 75)";var rr="rgb(128, 98, 17)";var ar="rgb(255, 86, 34)";var _r="rgb(0, 41, 77)";var or="rgb(245, 76, 154)";var er="rgb(194, 21, 101)";var lr="800";var ir="-0.01rem";var tr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var sr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var vr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var cr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var gr="700";var dr="400";var xr="600";var mr="4.5rem";var nr="3rem";var pr="2.25rem";var ur="1.5rem";var yr="1.25rem";var br=r("f","1rem");var hr="0.875rem";var zr="0.75rem";var fr="0";var wr="4px";var kr="8px";var qr="16px";var Sr="50%";var Ir="20rem";var Ur="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var jr="0 0 0 1px #171c3a";var Ar="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var Er="0 0 0 1px #0077b3";var Br="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var Cr="0 0 0 1px #747475";var Fr="0 0 0 1px #e55039";var Hr="0 0 0 1px #909599";var Mr="0 0 0 1px #de2362";var Rr="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)";var Or="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var Dr="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)";var Gr="0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";var Jr="0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";var Kr="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var Lr="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var Nr="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var Pr="4px";var Qr="20px";var Tr="8px";var Vr="2px";var Wr="12px";var Xr="16px";var Yr="36px";var Zr="72px";var $r="94px";var ra="48px";var aa="28px";var _a="48px";var oa="1px";var ea="40px";var la="8rem";var ia="4rem";var ta="72px";var sa="36px";var va="10px";var ca="30px";var ga="3rem";var da="30px";var xa="1110px";var ma="48px";var na="16px";var pa="2px";var ua="7px";var ya="1px";var ba="1px";var ha="24px";var za="20px";var fa="0.85";var wa="0.75";var ka="0.50";var qa="0.30";var Sa="250";var Ia="600";var Ua="800";var ja="1";var Aa="500";var Ea="950";var Ba="900";var Ca="300";var Fa="100";var Ha="-999999";var Ma="700";var Ra="200";var Oa="400";var Da="1.5";var Ga="1.25";var Ja="1.1";var Ka="300ms ease";var La="600ms ease";var Na="'(min-width: 106.25em)'";var Pa="'(min-width: 64.0625em)'";var Qa=r("m","'(min-width: 48em)'");var Ta=r("a","'(min-width: 62em)'");var Va=r("c","'(min-width: 76.25em)'");var Wa="'(max-width: 35.9375em)'";var Xa="'(max-width: 20.5em)'";var Ya=r("b","'(min-width: 36em)'");var Za="'(max-width: 22.5em)'";var $a={color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:s,color_primary_lightest:v,color_primary_lighter:c,color_brand_blue:g,color_primary_dark:d,color_gray_lightest:x,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:u,color_category_pet:y,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:sr,font_family_heading:vr,font_family_text:cr,font_weight_bold:gr,font_weight_normal:dr,font_weight_semi_bold:xr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:ur,font_size_large:yr,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_medium:kr,radius_large:qr,radius_circle:Sr,radius_pill:Ir,shadow_tooltip_turva:Ur,shadow_focus_input_turva:jr,shadow_default:Ar,shadow_focus_input:Er,shadow_tooltip:Br,shadow_hover_input_turva:Cr,shadow_error_turva:Fr,shadow_hover_input:Hr,shadow_error:Mr,shadow_card_turva:Rr,shadow_modal:Or,shadow_card:Dr,shadow_focus_turva:Gr,shadow_focus:Jr,shadow_hover_turva:Kr,shadow_hover:Lr,shadow_default_turva:Nr,space_xx_small:Pr,space_large:Qr,space_x_small:Tr,space_xxx_small:Vr,space_small:Wr,space_medium:Xr,space_xx_large:Yr,space_xxxx_large:Zr,space_xxxxx_large:$r,space_xxx_large:ra,space_x_large:aa,size_icon_xx_large:_a,size_form_border:oa,size_step_medium:ea,size_button_min_width:la,size_header:ia,size_icon_xxx_large:ta,size_icon_x_large:sa,size_icon_xx_small:va,size_step_small:ca,size_navigation:ga,size_icon_large:da,size_layout_max_width:xa,size_tappable_square:ma,size_icon_x_small:na,size_medium_border:pa,size_icon_xxx_small:ua,size_button_border:ya,size_button_tiny_border:ba,size_icon_medium:ha,size_icon_small:za,opacity_85:fa,opacity_75:wa,opacity_50:ka,opacity_30:qa,z_index_mask_buttons:Sa,z_index_dropdown:Ia,z_index_spinner:Ua,z_index_default:ja,z_index_toast:Aa,z_index_popup:Ea,z_index_modal:Ba,z_index_sticky:Ca,z_index_masked:Fa,z_index_deep:Ha,z_index_overlay:Ma,z_index_mask:Ra,z_index_header:Oa,line_height_medium:Da,line_height_small:Ga,line_height_x_small:Ja,transition_quickly:Ka,transition_slowly:La,media_query_xxx_large:Na,media_query_x_large:Pa,media_query_medium:Qa,media_query_large:Ta,media_query_xx_large:Va,media_query_x_small:Wa,media_query_xxx_small:Xa,media_query_small:Ya,media_query_xx_small:Za};var r_=Object.freeze({__proto__:null,color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:s,color_primary_lightest:v,color_primary_lighter:c,color_brand_blue:g,color_primary_dark:d,color_gray_lightest:x,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:u,color_category_pet:y,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:sr,font_family_heading:vr,font_family_text:cr,font_weight_bold:gr,font_weight_normal:dr,font_weight_semi_bold:xr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:ur,font_size_large:yr,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_medium:kr,radius_large:qr,radius_circle:Sr,radius_pill:Ir,shadow_tooltip_turva:Ur,shadow_focus_input_turva:jr,shadow_default:Ar,shadow_focus_input:Er,shadow_tooltip:Br,shadow_hover_input_turva:Cr,shadow_error_turva:Fr,shadow_hover_input:Hr,shadow_error:Mr,shadow_card_turva:Rr,shadow_modal:Or,shadow_card:Dr,shadow_focus_turva:Gr,shadow_focus:Jr,shadow_hover_turva:Kr,shadow_hover:Lr,shadow_default_turva:Nr,space_xx_small:Pr,space_large:Qr,space_x_small:Tr,space_xxx_small:Vr,space_small:Wr,space_medium:Xr,space_xx_large:Yr,space_xxxx_large:Zr,space_xxxxx_large:$r,space_xxx_large:ra,space_x_large:aa,size_icon_xx_large:_a,size_form_border:oa,size_step_medium:ea,size_button_min_width:la,size_header:ia,size_icon_xxx_large:ta,size_icon_x_large:sa,size_icon_xx_small:va,size_step_small:ca,size_navigation:ga,size_icon_large:da,size_layout_max_width:xa,size_tappable_square:ma,size_icon_x_small:na,size_medium_border:pa,size_icon_xxx_small:ua,size_button_border:ya,size_button_tiny_border:ba,size_icon_medium:ha,size_icon_small:za,opacity_85:fa,opacity_75:wa,opacity_50:ka,opacity_30:qa,z_index_mask_buttons:Sa,z_index_dropdown:Ia,z_index_spinner:Ua,z_index_default:ja,z_index_toast:Aa,z_index_popup:Ea,z_index_modal:Ba,z_index_sticky:Ca,z_index_masked:Fa,z_index_deep:Ha,z_index_overlay:Ma,z_index_mask:Ra,z_index_header:Oa,line_height_medium:Da,line_height_small:Ga,line_height_x_small:Ja,transition_quickly:Ka,transition_slowly:La,media_query_xxx_large:Na,media_query_x_large:Pa,media_query_medium:Qa,media_query_large:Ta,media_query_xx_large:Va,media_query_x_small:Wa,media_query_xxx_small:Xa,media_query_small:Ya,media_query_xx_small:Za,default:$a});r("t",r_)}}}));

package/lib/duet/p-41faac57.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as i,h as s,H as e,g as n}from"./p-e45c589a.js";import{c as o,o as a,f as h}from"./p-11e152cd.js";import{i as r}from"./p-a58bd561.js";import{f as p}from"./p-93872497.js";import{f as c,c as d,b as l,o as u}from"./p-3624bad1.js";import{T as m}from"./p-ccdff614.js";const b=class{constructor(s){t(this,s),this.duetToggle=i(this,"duetToggle",7),this.setOpenButton=t=>{if(t)try{const i=t;i.accessiblePopup="true",i.accessibleExpanded=!1,i.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=i}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=await o(this.openButton,this.menuElement,{middleware:[a({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),h()],placement:this.placement,strategy:this.position});this.menuY=t.y,this.menuX=t.x},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.controller=void 0,this.placement="bottom-start",this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0}componentWillLoad(){r(this),this.teleport=new m(this.element)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.handleControllerChange(this.controller,null)}disconnectedCallback(){this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&c(t)&&(this.focusOpenButton(),this.hide())}async handleKeyDown(t){if(this.open){if(d(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<this.itemElements.length-1?this.itemElements[i+1].setFocus():this.itemElements[0].setFocus())}if(l(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.itemElements[this.itemElements.length-1].setFocus():this.itemElements[i-1].setFocus())}u(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const i=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&i&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open?this.hide():this.show()}handleControllerChange(t,i){!!t!=!!i&&("string"==typeof this.controller?(this.setOpenButton(document.getElementById(this.controller)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(this.controller))}handleOpenChange(t,i){!!t!=!!i&&(this.open&&!i?(this.openButton&&(this.openButton.accessibleExpanded=!0),this.teleport.go(!0),this.updatePlacement(),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)):!this.open&&i&&(this.openButton&&(this.openButton.accessibleExpanded=!1),setTimeout((()=>{"menu"===this.accessibleRole&&this.focusOpenButton(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),this.teleport.resume()}),200)))}focusOpenButton(){this.open&&p(this.openButton)}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}async getFocusedItemIndex(){const t=this.itemElements;for(let i=0;i<t.length;i++)if(await t[i].isFocused())return i;return-1}render(){return s(e,null,s("div",{ref:t=>this.menuElement=t,style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme},role:this.accessibleRole,"aria-label":this.accessibleLabel},s("slot",null)))}get element(){return n(this)}static get watchers(){return{controller:["handleControllerChange"],open:["handleOpenChange"]}}};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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";export{b as duet_popup_menu}

package/lib/duet/p-4e22efae.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as o,g as n}from"./p-e45c589a.js";import{i as a}from"./p-a58bd561.js";const i=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.theme="",this.active=!1,this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){a(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,null,t("div",{class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active},onClick:this.onClick},this.icon&&t("duet-icon",{name:this.icon,size:"medium",margin:"none",color:"secondary"}),t("span",{class:"label"},t("slot",{name:"label"}),t("duet-icon",{class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",null))))}get element(){return n(this)}};i.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%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}';export{i as duet_slideout_panel_dropdown}

package/lib/duet/p-57a3bf19.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h as t,r as e,c as a,H as i,g as o}from"./p-e45c589a.js";import{i as d}from"./p-a58bd561.js";import{c as r}from"./p-5e59e970.js";import{F as s}from"./p-93872497.js";import{a as n,g as l,c,d as u}from"./p-2e36d5bf.js";import{c as p}from"./p-796edee6.js";import"./p-0e052642.js";const h={day:"numeric",month:"long"},b={day:"numeric",month:"long",year:"numeric"},m={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",h),formatterLong:new Intl.DateTimeFormat("fi-FI",b)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",h),formatterLong:new Intl.DateTimeFormat("en-GB",b)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",h),formatterLong:new Intl.DateTimeFormat("sv-SE",b)}};const g=({onClick:e,placeholder:a,name:i,inputLabel:o,value:d,valueAsDate:r,formattedValue:s,language:n,identifier:l,theme:c,disabled:u,error:p,role:h,required:b,tooltip:g,tooltipDirection:k,labelHidden:f,buttonRef:v,inputRef:y,onInput:x,onBlur:w,onFocus:S,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,echoPlaceholder:A,caption:F})=>{const{buttonLabel:C,selected:j,formatterLong:V}=m[n];return t("div",{class:{"duet-theme-turva":"turva"===c,"duet-date-input":!0}},t("duet-input",{label:o,value:s,placeholder:a,id:l,disabled:u,theme:c,error:p,role:h,required:b,tooltip:g,tooltipDirection:k,margin:"none",component:"date",labelHidden:f,accessibleAutocomplete:"none",onDuetInput:x,onDuetFocus:S,onDuetBlur:w,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:!0,ref:y,accessibleActiveDescendant:D,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,echoPlaceholder:A,caption:F},t("slot",{name:"tooltip"}),t("button",{class:{"duet-date-button":!0,"duet-no-label":f},onClick:e,disabled:u,ref:v,type:"button"},t("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>',margin:"none",size:"small",color:"currentColor"}),t("duet-visually-hidden",null,C,r&&t("span",null,", ",j," ",V.format(r))))),t("input",{type:"hidden",name:i,value:d}))},k=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/,f=/^(\d{4})-(\d{2})-(\d{2})$/;function v(t,e,a){var i=parseInt(a,10),o=parseInt(e,10),d=parseInt(t,10);if(Number.isInteger(d)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&d>0)return new Date(d,o-1,i)}function y(t){if(!t)return;const e=t.match(k);return e?v(e[3],e[2],e[1]):void 0}function x(t){if(!t)return;const e=t.match(f);return e?v(e[1],e[2],e[3]):void 0}function w(t,e){if(!t)return"";var a=t.getDate().toString(10),i=(t.getMonth()+1).toString(10),o=t.getFullYear().toString(10);return t.getDate()<10&&(a=`0${a}`),t.getMonth()<9&&(i=`0${i}`),e.replace(/MM/i,i).replace(/YYYY/i,o).replace(/DD/i,a)}function S(t,e){return null!=t&&null!=e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function D(t,e){var a=new Date(t);return a.setDate(a.getDate()+e),a}function M(t,e=1){var a=new Date(t),i=a.getDay(),o=(i<e?7:0)+i-e;return a.setDate(a.getDate()-o),a}function L(t,e=1){var a=new Date(t),i=a.getDay(),o=6+(i<e?-7:0)-(i-e);return a.setDate(a.getDate()+o),a}function I(t){return new Date(t.getFullYear(),t.getMonth(),1)}function A(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function F(t,e){const a=new Date(t);return a.setMonth(e),a}function C(t,e){const a=new Date(t);return a.setFullYear(e),a}function j(t,e,a){return V(t,e,a)===t}function V(t,e,a){const i=t.getTime();return e&&e instanceof Date&&i<e.getTime()?e:a&&a instanceof Date&&i>a.getTime()?a:t}const z=({focusedDay:e,today:a,day:i,language:o,onDaySelect:d,onKeyboardNavigation:r,ref:s,inRange:n,isSelected:l})=>{const c=S(i,a),u=S(i,e),p=i.getMonth()!==e.getMonth(),h=!n,{formatterShort:b}=m[o];return t("button",{class:{"duet-date-table-button":!0,outside:h,disabled:p,today:c},tabIndex:u?0:-1,onClick:function(t){d(t,i)},onKeyDown:r,"aria-disabled":h||p,"aria-pressed":l?"true":"false",type:"button",ref:s},t("span",{"aria-hidden":"true"},i.getDate()),t("duet-visually-hidden",null,b.format(i)))};function E(t){var e;const a=t.trim().split("+"),i=a.pop();return["shift"===(null===(e=a[0])||void 0===e?void 0:e.toLowerCase()),i]}function U(t){const e=Object.keys(t).map((e=>[E(e),t[e]]));return function(t){if(!(t instanceof KeyboardEvent))return;const a=e.find((([[e,a]])=>(a.toUpperCase()===t.key.toUpperCase()||a===t.code)&&e===t.shiftKey));a&&(a[1](t),t.preventDefault())}}const H=({selectedDate:e,focusedDate:a,labelledById:i,theme:o,language:d,min:r,max:s,onDateSelect:n,onKeyboardNavigation:l,focusedDayRef:c,onFocusEnter:u,onFocusExit:p})=>{const{dayLabels:h}=m[d],b=new Date,g=function(t,e=1){return function(t,e){const a=[];let i=t;for(;!S(i,e);)a.push(i),i=D(i,1);return a.push(i),a}(M(I(t),e),L(A(t),e))}(a);return t("table",{class:{"duet-date-table":!0,"duet-theme-turva":"turva"===o},"aria-labelledby":i,onFocusin:u,onFocusout:function(t){const e=t.relatedTarget;e&&!t.currentTarget.contains(e)&&p(t)}},t("thead",null,t("tr",null,h.map((e=>t("th",{scope:"col"},t("span",{"aria-hidden":"true"},e.substr(0,2)),t("duet-visually-hidden",null,e)))))),t("tbody",null,function(t){const e=[];for(let a=0;a<t.length;a+=7)e.push(t.slice(a,a+7));return e}(g).map((i=>t("tr",{class:"duet-date-table-row"},i.map((i=>t("td",{class:"duet-date-table-cell"},t(z,{day:i,today:b,language:d,focusedDay:a,inRange:j(i,r,s),isSelected:S(i,e),onDaySelect:n,onKeyboardNavigation:l,ref:t=>{t&&S(i,a)&&c(t)}})))))))))},B=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",7),this.duetBlur=a(this,"duetBlur",7),this.duetFocus=a(this,"duetFocus",7),this.monthSelectId=r("DuetDatePicker"),this.yearSelectId=r("DuetDatePicker"),this.dialogLabelId=r("DuetDatePicker"),this.initialTouchX=null,this.initialTouchY=null,this.focusTarget=null,this.enableActiveFocus=()=>{this.focusTarget="day-button"},this.disableActiveFocus=()=>{this.focusTarget=null},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):this.show()},this.handleBlur=t=>{t.stopPropagation(),this.duetBlur.emit({component:"duet-date-picker"})},this.handleFocus=t=>{t.stopPropagation(),this.duetFocus.emit({component:"duet-date-picker"})},this.handleTouchStart=t=>{const e=t.changedTouches[0];this.initialTouchX=e.pageX,this.initialTouchY=e.pageY},this.handleTouchMove=t=>{t.preventDefault()},this.handleTouchEnd=t=>{const e=t.changedTouches[0],a=e.pageX-this.initialTouchX,i=e.pageY-this.initialTouchY,o=Math.abs(a)>=70&&Math.abs(i)<=70,d=Math.abs(i)>=70&&Math.abs(a)<=70&&i>0;o?this.addMonths(a<0?1:-1):d&&(this.hide(),t.preventDefault()),this.initialTouchY=null,this.initialTouchX=null},this.handleNextMonthClick=t=>{t.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=t=>{t.preventDefault(),this.addMonths(-1)},this.handleEscKey=U({Escape:()=>this.hide(),Esc:()=>this.hide()}),this.handleKeyboardNavigation=U({ArrowRight:()=>this.addDays(1),Right:()=>this.addDays(1),ArrowLeft:()=>this.addDays(-1),Left:()=>this.addDays(-1),ArrowDown:()=>this.addDays(7),Down:()=>this.addDays(7),ArrowUp:()=>this.addDays(-7),Up:()=>this.addDays(-7),Home:()=>this.startOfWeek(),End:()=>this.endOfWeek(),PageUp:()=>this.addMonths(-1),PageDown:()=>this.addMonths(1),"Shift+PageUp":()=>this.addYears(-1),"Shift+PageDown":()=>this.addYears(1)}),this.handleDaySelect=(t,e)=>{const a=x(this.min),i=x(this.max);this.determineValidity(e),j(e,a,i)&&(this.setValue(e),this.hide())},this.handleMonthSelect=t=>{this.setMonth(parseInt(t.target.value,10))},this.handleYearSelect=t=>{this.setYear(parseInt(t.target.value,10))},this.handleInputChange=t=>{this.inputValue=t.detail.value;const e=y(this.inputValue);this.determineValidity(e),(e||""===this.inputValue)&&this.setValue(e)},this.open=!1,this.focusedDay=new Date,this.inputValue="",this.theme="",this.expand=!1,this.name="",this.identifier="",this.label="",this.caption=void 0,this.margin="auto",this.language=n(),this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"},this.placeholder=l(this.placeholderDefaults,this.language),this.echoPlaceholder=!1,this.disabled=!1,this.error="",this.labelHidden=!1,this.role=void 0,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.required=!1,this.direction="right",this.tooltip="",this.tooltipDirection="auto",this.value="",this.min="",this.max="",this.incrementYears=10,this.validity=void 0}updateValidity(){this.determineValidity(x(this.value))}updateInternalValue(){const t=x(this.value),e=y(this.inputValue);t?S(t,e)||(this.inputValue=w(t,"dd.mm.yyyy")):this.inputValue=""}componentWillLoad(){d(this),this.determineValidity(x(this.value)),this.updateInternalValue(),p(this.element,"tooltip","duet-tooltip",1,!0)}componentDidUpdate(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus(),this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus(),this.focusTarget=null}}connectedCallback(){c(this,{prop:"placeholder",defaults:"placeholderDefaults"})}disconnectedCallback(){u(this)}async setFocus(t){this.datePickerInput.setFocus(t)}async show(){this.open=!0,this.focusTarget="month-select",this.setFocusedDay(x(this.value)||new Date)}async hide(t=!0){this.open=!1,t&&(this.focusTarget="toggle-button")}addDays(t){this.setFocusedDay(D(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(M(this.focusedDay))}endOfWeek(){this.setFocusedDay(L(this.focusedDay))}setMonth(t){const e=F(I(this.focusedDay),t),a=A(e),i=F(this.focusedDay,t);this.setFocusedDay(V(i,e,a))}setYear(t){const e=C(I(this.focusedDay),t),a=A(e),i=C(this.focusedDay,t);this.setFocusedDay(V(i,e,a))}setFocusedDay(t){this.focusedDay=V(t,x(this.min),x(this.max))}determineValidity(t){var e,a;const i=""!==(null!==(a=null===(e=this.datePickerInput)||void 0===e?void 0:e.value)&&void 0!==a?a:"")&&null==t,o=this.required&&null==t,d=!!t&&!j(t,null,x(this.max)),r=!!t&&!j(t,x(this.min));this.validity={patternMismatch:!1,customError:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:o,badInput:i,rangeUnderflow:r,rangeOverflow:d,valid:!(o||i||r||d)}}setValue(t){const e=function(t){return w(t,"YYYY-MM-DD")}(t);e!==this.value&&(this.value=e,this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t}))}handleDocumentClick(t){this.open&&t.composedPath().every((t=>t!==this.dialogWrapperNode&&t!==this.datePickerButton))&&this.hide(!1)}render(){const e=x(this.value),a=(e||this.focusedDay).getFullYear(),o=this.focusedDay.getMonth(),d=this.focusedDay.getFullYear(),r=m[this.language],n=x(this.min),l=x(this.max),c=null!=n&&n.getMonth()===o&&n.getFullYear()===d,u=null!=l&&l.getMonth()===o&&l.getFullYear()===d;let p=a-this.incrementYears,h=a+this.incrementYears;return n&&(p=Math.max(p,n.getFullYear())),l&&(h=Math.min(h,l.getFullYear())),t(i,{class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},t("div",{class:"duet-date"},t(g,{value:this.value,valueAsDate:e,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:t=>this.datePickerButton=t,inputRef:t=>this.datePickerInput=t,accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),t("div",{class:{"duet-theme-turva":"turva"===this.theme,"duet-date-dialog":!0,left:"left"===this.direction,error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t(s,{moveFocusTo:this.focusedDayNode}),t("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:t=>this.dialogWrapperNode=t},t("duet-visually-hidden",{"aria-live":"polite"},r.keyboardInstruction),t("div",{class:"duet-date-dialog-mobile-header"},t("duet-label",{margin:"none"},this.label),t("button",{class:"duet-date-picker-close",ref:t=>this.closeButtonNode=t,onClick:()=>this.hide(),type:"button"},t("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),t("duet-visually-hidden",null,r.closeLabel))),t("div",{class:"duet-date-dialog-header"},t("div",{class:"duet-date-dialog-dropdowns"},t("duet-visually-hidden",null,t("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},r.monthLabels[o]," ",this.focusedDay.getFullYear())),t("duet-visually-hidden",null,t("label",{htmlFor:this.monthSelectId},r.monthSelectLabel)),t("div",{class:"duet-date-dialog-select"},t("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:t=>this.monthSelectNode=t,onChange:this.handleMonthSelect},r.monthLabels.map(((e,a)=>t("option",{key:e,value:a,selected:a===o,disabled:!j(new Date(d,a,1),n?I(n):null,l?A(l):null)},e)))),t("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",null,r.monthLabelsShort[o]),t("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),t("duet-visually-hidden",null,t("label",{htmlFor:this.yearSelectId},r.yearSelectLabel)),t("div",{class:"duet-date-dialog-select"},t("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},function(t,e){for(var a=[],i=t;i<=e;i++)a.push(i);return a}(p,h).map((e=>t("option",{key:e,selected:e===d},e)))),t("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",null,this.focusedDay.getFullYear()),t("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),t("div",{class:"duet-date-dialog-buttons"},t("duet-action-button",{accessibleLabel:m[this.language].prevMonthLabel,actionName:m[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:c,"icon-name":"action-arrow-left-small"},r.prevMonthLabel),t("duet-action-button",{accessibleLabel:m[this.language].nextMonthLabel,actionName:m[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:u,"icon-name":"action-arrow-right-small"},r.nextMonthLabel))),t(H,{selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:n,max:l,focusedDayRef:t=>this.focusedDayNode=t,onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),t(s,{moveFocusTo:this.closeButtonNode})))}get element(){return o(this)}static get watchers(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}}};B.style='*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:rgb(0, 41, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(207, 210, 212) !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:rgb(23, 28, 58);border-color:rgb(207, 207, 209)}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:rgb(245, 245, 247) !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;background:rgba(0, 41, 77, 0.3);transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}.duet-date-dialog.duet-theme-turva.sc-duet-date-picker{background:rgba(23, 28, 58, 0.3)}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:rgb(228, 228, 230)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{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.25;color:rgb(0, 41, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{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-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:rgb(0, 41, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button.sc-duet-date-picker:hover{background:rgb(230, 242, 248) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(249, 230, 234) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 77, 128) !important;background:rgb(243, 249, 252) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:rgb(148, 9, 37) !important;background:rgb(252, 243, 244) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(144, 149, 153) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(116, 116, 117) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(144, 149, 153) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:rgb(116, 116, 117);background:rgb(245, 245, 247);box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker .sc-duet-date-picker::part(button){border:0}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{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-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(207, 210, 212)}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:rgb(207, 207, 209)}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(0, 41, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a !important}';export{B as duet_date_picker}