@duetds/components 9.19.1 → 9.20.0

package/lib/types/components.d.ts

@@ -933,7 +933,7 @@ export namespace Components {
         "expand": boolean;
         "groupDirection": DuetDirection;
         "groupDisabled": boolean;
-        "groupResponsive": boolean;
+        "groupResponsive": DuetChoiceGroupBreakpoint;
         /**
           * Icon to display to the left of the choice button label.
          */
@@ -1974,7 +1974,7 @@ export namespace Components {
          */
         "accessibleExpanded": string;
         /**
-          * Indicates value of any popup element associated with the input.
+          * @deprecated , use `accessiblePopup` property instead
          */
         "accessibleHasPopup": string;
         /**
@@ -1989,6 +1989,10 @@ export namespace Components {
           * Indicates the id of a component owned by the input.
          */
         "accessibleOwns": string;
+        /**
+          * Indicates value of any popup element associated with the input.
+         */
+        "accessiblePopup": string;
         /**
           * Add a chip to the input. Property "chips" must be true.
          */
@@ -2098,6 +2102,10 @@ export namespace Components {
           * Name of the input.
          */
         "name": string;
+        /**
+          * @readonly
+         */
+        "nativeInputElement": HTMLElement;
         /**
           * Enable numeric keyboard for the input.
          */
@@ -2907,13 +2915,13 @@ export namespace Components {
          */
         "accessibleActiveDescendant": string;
         /**
-          * Accessible label for the add button that is read for screen reader users.
-          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+          * Accessible label for the add button that is read for screen reader users. The placeholders {step} and {unit} are replaced with respective properties.
+          * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
          */
         "accessibleAdd": string;
         /**
           * Defaults for accessibleAdd
-          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+          * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
          */
         "accessibleAddDefaults": DuetLangObject | string;
         /**
@@ -2955,13 +2963,13 @@ export namespace Components {
          */
         "accessibleOwns": string;
         /**
-          * Accessible label for the subtract button that is read for screen reader users.
-          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+          * Accessible label for the subtract button that is read for screen reader users. The placeholders {step} and {unit} are replaced with respective properties.
+          * @default {fi: "Vähennä {step} {unit}", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
          */
         "accessibleSubtract": string;
         /**
           * Defaults for accessibleSubtract
-          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+          * @default {fi: "Vähenn {step} {unit}ä", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
          */
         "accessibleSubtractDefaults": DuetLangObject | string;
         /**
@@ -3361,7 +3369,7 @@ export namespace Components {
         /**
           * Element, or id of an element, that controls the opening and closing of the popup menu. If id is given, the component automatically sets the click event listener to open and close the popup-menu.
          */
-        "controller": string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
+        "controller": string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * By default Popup Menu adds "action-arrow-down-small" icon to the controller. This can be removed with controller-icon="".
          */
@@ -3389,7 +3397,7 @@ export namespace Components {
         /**
           * Alias for property controller.
          */
-        "opener": string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
+        "opener": string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Placement of the popup menu relative to its controller. Possible values: "top", "bottom", "left" and "right", optionally combined with "-start" or "-end".
          */
@@ -3880,6 +3888,19 @@ export namespace Components {
           * Whether to add padding to the scrollable list to account for overflowing elements, such as shadows or outlines.
          */
         "padding": DuetOverflowPadding;
+        /**
+          * Scrolls the scrollable so that the last item is visible
+         */
+        "scrollToEnd": () => Promise<void>;
+        /**
+          * Scrolls the scrollable so that the desired item is visible
+          * @param itemIndex The first item is 1
+         */
+        "scrollToItem": (itemIndex: number) => Promise<void>;
+        /**
+          * Scrolls the scrollable so that the first item is visible
+         */
+        "scrollToStart": () => Promise<void>;
         /**
           * Selected element
          */
@@ -4132,7 +4153,7 @@ export namespace Components {
         /**
           * Alias for property opener.
          */
-        "controller": string | (HTMLElement & FocusableComponent & OpenerComponent);
+        "controller": string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Hides the slideout dialog and puts focus back to the original element that triggered the slideout (if we’re still in the same view).
          */
@@ -4148,7 +4169,7 @@ export namespace Components {
         /**
           * DuetMenuBarButton or DuetButton element, or id of an element, that opens the slideout. If id is given, the component automatically sets the click event listener to open the slideout.
          */
-        "opener": string | (HTMLElement & FocusableComponent & OpenerComponent);
+        "opener": string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Sets focus. Use this method instead of the global focus().
          */
@@ -4795,6 +4816,10 @@ export namespace Components {
           * Defines a specific role attribute for the input.
          */
         "role": string | null;
+        /**
+          * Rows attribute for the contained native textarea element. If set, overrides the default style's minheight.
+         */
+        "rows": number;
         /**
           * Sets focus on the specified `duet-textarea`. Use this method instead of the global `textarea.focus()`.
          */
@@ -8844,7 +8869,7 @@ declare namespace LocalJSX {
          */
         "accessibleExpanded"?: string;
         /**
-          * Indicates value of any popup element associated with the input.
+          * @deprecated , use `accessiblePopup` property instead
          */
         "accessibleHasPopup"?: string;
         /**
@@ -8859,6 +8884,10 @@ declare namespace LocalJSX {
           * Indicates the id of a component owned by the input.
          */
         "accessibleOwns"?: string;
+        /**
+          * Indicates value of any popup element associated with the input.
+         */
+        "accessiblePopup"?: string;
         /**
           * Enable or disable automatic completion by the browser
          */
@@ -9727,13 +9756,13 @@ declare namespace LocalJSX {
          */
         "accessibleActiveDescendant"?: string;
         /**
-          * Accessible label for the add button that is read for screen reader users.
-          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+          * Accessible label for the add button that is read for screen reader users. The placeholders {step} and {unit} are replaced with respective properties.
+          * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
          */
         "accessibleAdd"?: string;
         /**
           * Defaults for accessibleAdd
-          * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+          * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
          */
         "accessibleAddDefaults"?: DuetLangObject | string;
         /**
@@ -9775,13 +9804,13 @@ declare namespace LocalJSX {
          */
         "accessibleOwns"?: string;
         /**
-          * Accessible label for the subtract button that is read for screen reader users.
-          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+          * Accessible label for the subtract button that is read for screen reader users. The placeholders {step} and {unit} are replaced with respective properties.
+          * @default {fi: "Vähennä {step} {unit}", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
          */
         "accessibleSubtract"?: string;
         /**
           * Defaults for accessibleSubtract
-          * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+          * @default {fi: "Vähenn {step} {unit}ä", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
          */
         "accessibleSubtractDefaults"?: DuetLangObject | string;
         /**
@@ -10205,7 +10234,7 @@ declare namespace LocalJSX {
         /**
           * Element, or id of an element, that controls the opening and closing of the popup menu. If id is given, the component automatically sets the click event listener to open and close the popup-menu.
          */
-        "controller"?: string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
+        "controller"?: string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * By default Popup Menu adds "action-arrow-down-small" icon to the controller. This can be removed with controller-icon="".
          */
@@ -10229,7 +10258,7 @@ declare namespace LocalJSX {
         /**
           * Alias for property controller.
          */
-        "opener"?: string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
+        "opener"?: string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Placement of the popup menu relative to its controller. Possible values: "top", "bottom", "left" and "right", optionally combined with "-start" or "-end".
          */
@@ -10977,7 +11006,7 @@ declare namespace LocalJSX {
         /**
           * Alias for property opener.
          */
-        "controller"?: string | (HTMLElement & FocusableComponent & OpenerComponent);
+        "controller"?: string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Whether the slideout behaves as a modal, i.e. with an overlay and preventing scrolling of the page content. Note that even when false, we still use focus guards to contain keyboard navigation within, as moving focus out could result in unexpected behavior.
          */
@@ -10993,7 +11022,7 @@ declare namespace LocalJSX {
         /**
           * DuetMenuBarButton or DuetButton element, or id of an element, that opens the slideout. If id is given, the component automatically sets the click event listener to open the slideout.
          */
-        "opener"?: string | (HTMLElement & FocusableComponent & OpenerComponent);
+        "opener"?: string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
         /**
           * Theme.
          */
@@ -11622,6 +11651,10 @@ declare namespace LocalJSX {
           * Defines a specific role attribute for the input.
          */
         "role"?: string | null;
+        /**
+          * Rows attribute for the contained native textarea element. If set, overrides the default style's minheight.
+         */
+        "rows"?: number;
         /**
           * Theme of the textarea.
          */

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

@@ -1,4 +1,6 @@
+import { OpenerComponent } from "../common";
 import { DuetLangObject } from "./language-utils";
+type ariaPopup = "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
 interface A11yLabel {
     element: HTMLElement;
     accessibleLabel?: string;
@@ -8,4 +10,13 @@ interface A11yLabel {
     download?: string;
 }
 export declare function getAccessibleLinkLabel(component: A11yLabel): string;
+/**
+ * An element that controls open/close state of a Duet component can itself be either a Duet component or an HTML element,
+ * this helper handles the setting of the relevant attributes accordingly.
+ *
+ * @param el Duet component or HTML element that is used for controlling the popup
+ * @param expanded is the controlled element open
+ * @param popup The type of the popup, defaults to "true" which equals to "menu"
+ */
+export declare function setOpenerExpanded(el: OpenerComponent | HTMLElement, expanded: boolean, popup?: ariaPopup): void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "9.19.1",
+  "version": "9.20.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -44,9 +44,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.54",
-    "@duetds/icons": "4.2.11",
-    "@duetds/tokens": "4.1.2",
+    "@duetds/fonts": "3.0.55",
+    "@duetds/icons": "4.2.12",
+    "@duetds/tokens": "4.1.3",
     "@percy/cli": "1.30.1",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.23.0",
@@ -77,5 +77,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "5273ead3d960248c9455812e9dc012cf8d15fc6f"
+  "gitHead": "f35b80af5cfe064525ce16c2be724201e1d1becc"
 }

package/lib/cjs/a11y-utils-f8e4367b.js

@@ -1,25 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-const slotUtils = require('./slot-utils-6f9e2d2b.js');
-
-function getAccessibleLinkLabel(component) {
-    const textContent = component.element.textContent;
-    if (component.accessibleLabel) {
-        return component.accessibleLabel;
-    }
-    if ((!!component.download || component.download === "") && textContent) {
-        return `${textContent}. ${component.accessibleLabelDownload}.`;
-    }
-    if (component.external && textContent) {
-        return `${textContent}. ${component.accessibleLabelExternal}.`;
-    }
-    if (slotUtils.getElementsFromDefaultSlot(component.element).length) {
-        return textContent;
-    }
-    return null;
-}
-
-exports.getAccessibleLinkLabel = getAccessibleLinkLabel;

package/lib/dist-custom-elements/p-745a4e07.js

@@ -1,58 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f5035d0a.js';
-import { i as inheritGlobalTheme } from './p-3757c660.js';
-
-const duetListItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;text-align:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.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)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}:host(.duet-theme-turva2.duet-theme-turva){color:rgb(23, 42, 59)}:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 246, 247)}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(212, 221, 226)}:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(212, 221, 226)}:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(212, 221, 226)}";
-const DuetListItemStyle0 = duetListItemCss;
-
-const DuetListItem = /*@__PURE__*/ proxyCustomElement(class DuetListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.responsive = false;
-        this.breakpoint = "small";
-    }
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'a1d59eef6ebf95b35ba47c0c5d08dce588f79e2e', class: {
-                "duet-theme-turva": this.theme === "turva",
-                "duet-no-stacking": !this.responsive,
-                "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
-                "duet-list-item-breakpoint-small": this.breakpoint === "small",
-                "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
-                "duet-list-item-breakpoint-large": this.breakpoint === "large",
-                "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: '945de6fd1adcfbeff921e2adbc31c2252a6a0a4f' }, h("slot", { key: 'c0c9a3a4cc5c7b0522946d4f32b3eebf83f55b64', name: "label" })), h("dd", { key: 'a283cfff317b10c86778c3d104e4f911f499ee53' }, h("slot", { key: '5ada9a783edd1778553a2240cac92c796276989e', name: "value" }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetListItemStyle0; }
-}, [1, "duet-list-item", {
-        "theme": [1025],
-        "responsive": [4],
-        "breakpoint": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetListItem);
-            }
-            break;
-    } });
-}
-
-export { DuetListItem as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-f8d1e874.js

@@ -1,23 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { b as getElementsFromDefaultSlot } from './p-fe478fac.js';
-
-function getAccessibleLinkLabel(component) {
-    const textContent = component.element.textContent;
-    if (component.accessibleLabel) {
-        return component.accessibleLabel;
-    }
-    if ((!!component.download || component.download === "") && textContent) {
-        return `${textContent}. ${component.accessibleLabelDownload}.`;
-    }
-    if (component.external && textContent) {
-        return `${textContent}. ${component.accessibleLabelExternal}.`;
-    }
-    if (getElementsFromDefaultSlot(component.element).length) {
-        return textContent;
-    }
-    return null;
-}
-
-export { getAccessibleLinkLabel as g };

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

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,r){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,u){function o(t){try{d(r.next(t))}catch(t){u(t)}}function s(t){try{d(r["throw"](t))}catch(t){u(t)}}function d(t){t.done?a(t.value):i(t.value).then(o,s)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(a=0)),a)try{if(r=1,i&&(u=s[0]&2?i["return"]:s[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,s[1])).done)return u;if(i=0,u)s=[s[0]&2,u.value];switch(s[0]){case 0:case 1:u=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;i=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(u=a.trys,u=u.length>0&&u[u.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!u||s[1]>u[0]&&s[1]<u[3])){a.label=s[1];break}if(s[0]===6&&a.label<u[1]){a.label=u[1];u=s;break}if(u&&a.label<u[2]){a.label=u[2];a.ops.push(s);break}if(u[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];i=0}finally{r=u=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-d04f0720.system.js","./p-15f1493c.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-41982d26.system.js","./p-5a34eb53.system.js","./p-30c4c974.system.js","./p-98636086.system.js"],(function(t){"use strict";var e,a,r,i,u,o,s,d,n,c,l,h;return{setters:[function(t){e=t.r;a=t.c;r=t.h;i=t.H;u=t.g},function(t){o=t.i},function(t){s=t.c},function(t){d=t.c},function(t){n=t.d},function(t){c=t.a;l=t.f},function(t){h=t.c},function(){}],execute:function(){var x='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.sc-duet-textarea-h:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-textarea.sc-duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus,.duet-textarea.sc-duet-textarea:focus.duet-theme-turva,.duet-theme-turva2.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus,.duet-textarea.sc-duet-textarea:focus.duet-theme-turva2{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled),.duet-textarea.sc-duet-textarea:hover:not(:disabled).duet-theme-turva,.duet-theme-turva2.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled),.duet-textarea.sc-duet-textarea:hover:not(:disabled).duet-theme-turva2{outline-color:rgb(120, 145, 164)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-webkit-input-placeholder{color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-textarea-h .duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 42, 59)}';var p=x;var m=function(t){var e=t.value,a=t.maxlength,i=t.theme;if(a==null){return}var u=e.length;return r("div",{class:"duet-character-count"},r("duet-caption",{margin:"none",theme:i,size:"small"},r("span",{"aria-hidden":"true"},u,"/",a)))};var f=t("duet_textarea",function(){function t(t){var r=this;e(this,t);this.duetInput=a(this,"duetInput",7);this.duetChange=a(this,"duetChange",7);this.duetBlur=a(this,"duetBlur",7);this.duetFocus=a(this,"duetFocus",7);this.textareaId=s("DuetTextarea");this.topCaptionId=s("DuetCaptionTop");this.topCaptionPlaceholderId=s("DuetCaptionPlaceholderTop");this.labelId=s("DuetLabel");this.errorId=s("DuetError");this.characterCountId=s("DuetCharacterCount");this.visuallyHiddenCounterDebounceMS=1e3;this.disallowPatternRegex=null;this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."};this.handleInput=function(t){if(r.disallowPatternRegex){d(r.nativeInput,r.disallowPatternRegex)}r.value=r.nativeInput.value;r.isCaptionVisible=!!r.caption;r.duetInput.emit({originalEvent:t,value:r.value,component:"duet-textarea"})};this.handleChange=function(t){r.value=r.nativeInput.value;r.duetChange.emit({originalEvent:t,value:r.value,component:"duet-textarea"})};this.handleBlur=function(t){r.duetBlur.emit({originalEvent:t,value:r.value,component:"duet-textarea"})};this.handleFocus=function(t){r.duetFocus.emit({originalEvent:t,value:r.value,component:"duet-textarea"})};this.handleKeyDown=function(){var t;if(((t=r.value)===null||t===void 0?void 0:t.length)===r.maxlength){r.visuallyHiddenCounterText="";setTimeout((function(){return r.updateVisuallyHiddenCounterText()}),10)}};this.getDescribedBy=function(){var t=[];if(r.isCaptionVisible&&r.topCaptionId){t.push(r.topCaptionId)}if(r.accessibleDescribedBy){t.push(r.accessibleDescribedBy)}if(r.error){t.push(r.errorId)}if(r.counter&&r.maxlength){t.push(r.characterCountId)}return t.length>0?t.join(" "):null};this.language=c();this.visuallyHiddenCounterText=undefined;this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelHidden=false;this.name=undefined;this.placeholder=undefined;this.caption=undefined;this.echoPlaceholder=false;this.maxlength=undefined;this.minlength=undefined;this.error="";this.role=undefined;this.tooltip="";this.tooltipDirection="auto";this.value="";this.disallowPattern=null;this.counter=false;this.counterLabel=""}Object.defineProperty(t.prototype,"validity",{get:function(){return this.nativeInput.validity},enumerable:false,configurable:true});t.prototype.valueChange=function(t,e){var a=this;if(t!==e){n((function(){return a.updateVisuallyHiddenCounterText()}),this.visuallyHiddenCounterDebounceMS)()}};t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.componentWillLoad=function(){o(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;this.updateVisuallyHiddenCounterText();h(this.element,"tooltip","duet-tooltip",1,true);if(this.counter&&this.maxlength==null){console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}};t.prototype.updateVisuallyHiddenCounterText=function(){var t;var e=l(Math.max(this.maxlength-(((t=this.value)===null||t===void 0?void 0:t.length)||0),0));var a=this.maxlength%100===0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",l(this.maxlength)).replace("{postfix}",a)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.nativeInput.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;var e=this.identifier||this.textareaId;return r(i,{class:{"duet-m-0":this.margin==="none","duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},r("div",{class:{"duet-textarea-container":true,"duet-theme-turva":this.theme==="turva","duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},r("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&r("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),r("slot",{name:"tooltip"}),this.caption&&r("duet-caption",{id:this.topCaptionId,size:"medium",theme:this.theme==="turva"?"turva":"default"},this.caption),r("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&r("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),r("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,ref:function(e){return t.nativeInput=e},class:{"duet-textarea":true,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:e})),r("duet-grid",{alignment:"stretch"},r("duet-grid-item",{margin:"none",fill:true},r("div",{class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&r("span",null,this.error))),r("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&r(m,{theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&r("duet-visually-hidden",{id:this.characterCountId,class:"visually-hidden-counter"},this.visuallyHiddenCounterText)))};Object.defineProperty(t.prototype,"element",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}},enumerable:false,configurable:true});return t}());f.style=p}}}));

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-58cb1e7b.js";import{q as a}from"./p-b0af0dbc.js";import{o as n,f as r,s as h,c as u,b as d}from"./p-81287261.js";import{i as p}from"./p-1f01bee2.js";import{f as l}from"./p-9481e189.js";import{c,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-8ee40bae.js";import{T as v}from"./p-8cb0e6bd.js";import{a as x}from"./p-f11208c3.js";import"./p-9c3c64b9.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.setOpenButton=t=>{if(t)try{const e=t;e.accessiblePopup="true",e.accessibleExpanded=!1,this.controllerIcon&&e.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=e}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[n({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&r(),h({padding:5})].filter(Boolean),e=await u(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;c(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.filterResultCount=void 0,this.language=g(),this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.scrollLimit=void 0,this.showFilterInput=void 0}get controller(){return this._controller}set controller(t){this._controller!==t&&(this._controller=t,"string"==typeof t?(this.setOpenButton(document.getElementById(t)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(t))}get opener(){return this._controller}set opener(t){this.controller=t}componentWillLoad(){p(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.teleport||(this.teleport=new v(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(c(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=d(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&l(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(a.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"8162bd3dcf089f1fbd0890ba90752b8375845e02"},i("div",{key:"a960165406ca70e48975935be91407e196af3acb",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"41ff2d5c37e1b82432abe9ae940120c4f27c2de7"},i("duet-input",{key:"aeeebdf64aa13db39dc6bb49e9a33a9eddf71171",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"22bffb507bc56003ed6df5c58255bba01938e985"},i("span",{key:"2720b44f182bd5590999b37d4ac9157bf3d72a1c",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"ab6b1d79410935e50a5c6a15fc5f66d141ee5590",size:"xx-small"})),i("slot",{key:"6265f5a9f3cde710961b4e815da45501016f4056"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;visibility:hidden !important;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;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;transform:scaleY(0);transform-origin:top center;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:rgb(23, 42, 59) !important}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.accessibleRole="menuitem",this.theme="",this.url=void 0,this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1}componentWillLoad(){p(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"d62c7b684bbf98e2ff38ae6303e7aaad03942ff9",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"171d91b4a5f612c2b60a7c908ca0da3a0824e2fd",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"37db0ce85c42bb23dd33c522a5ebcaa174df58fa",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"8af23f7a78dc25f8d1d05adfdd8dc3bd1d489af8",class:"duet-popup-menu-item-label"},i("slot",{key:"ef86e949a4bacdc7755e6e49f5814d554584a9be"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"579369a5f1da1a7275dd309e163d1d5d3b847db2",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"b9892d68a4a7d31a41d3fe3fbeac15cea7045895",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};k.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-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-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva,.duet-theme-turva2 .active-descendant,.active-descendant.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}';export{y as duet_popup_menu,k as duet_popup_menu_item}

package/lib/duet/p-23878f2f.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,c,i){function o(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,d){function r(e){try{u(i.next(e))}catch(e){d(e)}}function h(e){try{u(i["throw"](e))}catch(e){d(e)}}function u(e){e.done?c(e.value):o(e.value).then(r,h)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},i,o,d,r;return r={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function h(e){return function(t){return u([e,t])}}function u(h){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,h[0]&&(c=0)),c)try{if(i=1,o&&(d=h[0]&2?o["return"]:h[0]?o["throw"]||((d=o["return"])&&d.call(o),0):o.next)&&!(d=d.call(o,h[1])).done)return d;if(o=0,d)h=[h[0]&2,d.value];switch(h[0]){case 0:case 1:d=h;break;case 4:c.label++;return{value:h[1],done:false};case 5:c.label++;o=h[1];h=[0];continue;case 7:h=c.ops.pop();c.trys.pop();continue;default:if(!(d=c.trys,d=d.length>0&&d[d.length-1])&&(h[0]===6||h[0]===2)){c=0;continue}if(h[0]===3&&(!d||h[1]>d[0]&&h[1]<d[3])){c.label=h[1];break}if(h[0]===6&&c.label<d[1]){c.label=d[1];d=h;break}if(d&&c.label<d[2]){c.label=d[2];c.ops.push(h);break}if(d[2])c.ops.pop();c.trys.pop();continue}h=t.call(e,c)}catch(e){h=[6,e];o=0}finally{i=d=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-d04f0720.system.js","./p-15f1493c.system.js","./p-87633fff.system.js","./p-e6b5a1c7.system.js","./p-752fa0fc.system.js","./p-5a34eb53.system.js","./p-30c4c974.system.js","./p-98636086.system.js"],(function(e){"use strict";var t,c,i,o,d,r,h,u,s,a,n,l,b,p,g,m,f,v,k;return{setters:[function(e){t=e.r;c=e.c;i=e.h;o=e.H;d=e.g},function(e){r=e.i},function(e){h=e.a},function(e){u=e.c},function(e){s=e.i;a=e.h;n=e.s;l=e.u;b=e.f},function(e){p=e.g;g=e.a;m=e.c;f=e.d},function(e){v=e.h;k=e.c},function(){}],execute:function(){var x={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var y='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.horizontal-responsive.sc-duet-choice-h:last-of-type:not(:last-child){margin-right:16px !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;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.1;color:rgb(8, 42, 77) !important;text-align:left;-webkit-hyphens:auto;hyphens:auto;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;word-break:break-word;text-decoration:none;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva.sc-duet-choice,.duet-theme-turva2.sc-duet-choice input.sc-duet-choice:focus+.duet-choice-label.sc-duet-choice,input.sc-duet-choice:focus+.duet-choice-label.duet-theme-turva2.sc-duet-choice{outline-color:rgba(53, 79, 101, 0.8)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(143, 147, 158)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(98, 121, 138) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{outline:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(127, 150, 165) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(199, 202, 207) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(164, 4, 40)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);display:block}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(127, 150, 165)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px}.duet-choice-info-toggle.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva,.duet-theme-turva2 .user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus,.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(143, 147, 158) !important}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(143, 147, 158)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.info .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(230, 23, 64)}.duet-choice-label .duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice,.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-card-info.sc-duet-choice{background:rgb(245, 246, 247);border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle.sc-duet-choice{border-color:rgb(178, 194, 205)}.duet-theme-turva2.sc-duet-choice-h .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 246, 247);border-bottom-color:transparent}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 42, 59)}.duet-theme-turva2.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-theme-turva.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(120, 145, 164)}';var w=y;var z=e("duet_choice",function(){function e(e){var i=this;t(this,e);this.duetChoiceReady=c(this,"duetChoiceReady",7);this.duetChange=c(this,"duetChange",7);this.duetFocus=c(this,"duetFocus",7);this.duetBlur=c(this,"duetBlur",7);this.hasHeader=false;this.choiceId=u("DuetChoice");this.expandId=u("DuetChoiceExpand");this.headerId=u("DuetChoiceHeader");this.infoButtonId=u("DuetChoiceInfoButton");this.onMouseEnter=function(){i.isHovering=true};this.onMouseLeave=function(){i.isHovering=false};this.onClick=function(e){i.toggleChecked(e)};this.handleKeyDown=function(e){if(s(e)){i.toggleChecked(e)}if(a(e)&&i.hasInfo){i.toggleInfo()}};this.onChange=function(){i.checked=i.nativeInput.checked||false;i.duetChange.emit({checked:i.checked,value:i.value,component:"duet-choice"})};this.onBlur=function(e){i.duetBlur.emit({originalEvent:e,checked:i.checked,value:i.value,component:"duet-choice"})};this.onFocus=function(e){i.duetFocus.emit({originalEvent:e,checked:i.checked,value:i.value,component:"duet-choice"})};this.toggleChecked=function(e){e.preventDefault();e.stopPropagation();if(i.getDisabled()){return}if(i.type==="radio"&&i.checked){return}i.checked=!i.checked;i.duetChange.emit({originalEvent:e,checked:i.checked,value:i.value,component:"duet-choice"})};this.toggleInfo=function(){i.isInfoOpen=!i.isInfoOpen;if(i.isInfoOpen){setTimeout((function(){var e;(e=i.infoContainer)===null||e===void 0?void 0:e.focus()}),150)}};this.isHovering=false;this.isInfoOpen=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=h;this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults);this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.caption="";this.value=undefined;this.type="checkbox";this.name=undefined;this.checked=false;this.collapsible=false;this.collapsibleForceExpanded=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.identifier=undefined;this.groupDirection=undefined;this.groupDisabled=undefined;this.groupResponsive=undefined;this.disabled=false;this.required=false;this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"};this.infoLabel=p(this.infoLabelDefaults,g());this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"};this.collapsibleNotification=p(this.collapsibleNotificationDefaults,g())}e.prototype.componentWillLoad=function(){r(this);this.hasInfo=v(this.element,"info");this.hasHeader=v(this.element,"header");this.hasAdditional=v(this.element,"additional");this.hasLabel=v(this.element,"label");this.hasBeforeText=v(this.element,"before-text");this.duetChoiceReady.emit()};e.prototype.connectedCallback=function(){m(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]);n(this);this.duetChoiceReady.emit()};e.prototype.disconnectedCallback=function(){f(this);l(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.toggleInfoMethod=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isInfoOpen=!this.isInfoOpen;return[2]}))}))};e.prototype.handleEscape=function(e){if(b(e)){if(this.isInfoOpen){this.isInfoOpen=false;if(this.infoButtonEl){this.infoButtonEl.focus()}}}};e.prototype.isCollapsibleAnnounceable=function(){if(!this.collapsible||!this.getExpanded()){return false}var e=Array.from(this.element.querySelectorAll("#".concat(this.choiceId,"-collapsible-content > *"))||[]);var t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((function(e){return t.includes(e.tagName.toLowerCase())}))};e.prototype.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if((this.collapsible||this.hasInfo)&&this.getExpanded()){if(this.hasHeader){return this.headerId}else if(this.isCollapsibleAnnounceable()){return this.expandId}else{return"".concat(this.choiceId,"-collapsible-notification")}}return null};e.prototype.getDisabled=function(){return this.disabled||this.groupDisabled};e.prototype.getExpanded=function(){return this.checked||this.collapsibleForceExpanded};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{checked:this.checked,"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{checked:this.checked,"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":this.theme==="turva"}}return{checked:this.checked,"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return i(o,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva","no-hover":this.isHovering,disabled:this.getDisabled()}},i("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},i("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":this.padding==="none"}},i("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),i("label",{htmlFor:t,class:{"duet-choice-label":true,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&i("slot",{name:"before-text"}),this.icon&&i("div",{class:"duet-choice-card-icon"},i("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),i("div",{class:"duet-choice-card-text"},i("div",null,this.hasLabel?i("slot",{name:"label"}):this.label),this.caption&&i("div",null,i("duet-spacer",{size:"xx-small"}),i("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&i("div",null,i("duet-spacer",{size:"xx-small"}),i("slot",{name:"additional"}))),i("div",null,i("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&i("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&i("button",{ref:function(t){return e.infoButtonEl=t},id:this.infoButtonId,class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":"".concat(this.infoLabel," ").concat(this.label),"aria-controls":this.expandId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button",onKeyUp:function(t){return e.handleEscape(t)}},i("div",{class:"duet-choice-info-icon"},i("duet-icon",{icon:x.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&i("span",{id:"".concat(this.choiceId,"-collapsible-notification"),hidden:true},this.collapsibleNotification),this.collapsible||this.hasInfo?i("div",{class:this.getClassNames(),id:this.expandId},i("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},i("span",{id:this.headerId},i("slot",{name:"header"})),this.hasInfo?i("span",{ref:function(t){return e.infoContainer=t},tabindex:"-1",class:"duet-choice-info-container",onKeyUp:function(t){return e.handleEscape(t)}},i("span",null,i("slot",{name:"info"})),i("slot",null)):i("span",{id:"".concat(this.choiceId,"-collapsible-content")},i("slot",null)))):null)};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});return e}());z.style=w;var _="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var C=_;var j=e("duet_choice_group",function(){function e(e){var c=this;t(this,e);this.choiceGroupName="duet-choice-group";this.choices=new Set;this.childObserverCallback=function(e){if(e.some((function(e){var t;return((t=e.removedNodes)===null||t===void 0?void 0:t.length)>0&&Array.from(e.removedNodes.values()).some((function(e){return e.nodeName.toLowerCase()==="duet-choice"}))}))){c.updateChoices()}};this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var t=e.target;if(t&&c.choices.has(t)){c.value=t.value}};this.onChoiceReady=function(){c.updateChoices()};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption=undefined;this.tooltip=undefined;this.tooltipDirection="auto";this.responsive=false;this.breakpoint="small";this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.removeDisabledAttributeWhenFalse=function(){if(!this.disabled){this.element.removeAttribute("disabled")}};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.childObserver=new MutationObserver(this.childObserverCallback.bind(this));this.childObserver.observe(this.element,{childList:true,subtree:true});this.setInitialValue();this.updateChoices();return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.childObserver){this.childObserver.disconnect();this.childObserver=undefined}};e.prototype.componentWillLoad=function(){r(this);this.removeDisabledAttributeWhenFalse();k(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.setInitialValue=function(){if(typeof this.initialValue==="undefined"){this.initialValue=this.value}};e.prototype.getInitialValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.initialValue]}))}))};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,c,i,o,d;var r=this;return __generator(this,(function(h){t=(e=this.value)!==null&&e!==void 0?e:this.initialValue;c=false;this.choices.clear();this.element.querySelectorAll("duet-choice").forEach((function(e){if(e.closest("duet-choice-group")===r.element){r.choices.add(e)}}));for(i=0,o=Array.from(this.choices);i<o.length;i++){d=o[i];d.name=this.name;d.required=this.required;d.groupDisabled=this.disabled;d.groupDirection=this.direction;d.groupResponsive=this.responsive;if(!c&&d.value===t){c=true;d.checked=true;if(typeof this.value==="undefined"){this.value=t}}else{d.checked=false}}if(!c){this.value=undefined}return[2]}))}))};e.prototype.render=function(){var e;return i(o,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,class:{horizontal:this.direction==="horizontal","duet-choice-group-breakpoint-x-small":this.responsive&&this.breakpoint==="x-small","duet-choice-group-breakpoint-small":this.responsive&&this.breakpoint==="small","duet-choice-group-breakpoint-medium":this.responsive&&this.breakpoint==="medium","duet-choice-group-breakpoint-large":this.responsive&&this.breakpoint==="large","duet-choice-group-breakpoint-x-large":this.responsive&&this.breakpoint==="x-large"}},i("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:true,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{name:"tooltip"}),i("div",{class:(e={},e[this.choiceGroupName]=true,e["duet-no-stacking"]=!this.responsive,e)},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["removeDisabledAttributeWhenFalse","updateChoices"],value:["setInitialValue","updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}());j.style=C}}}));

package/lib/duet/p-24954951.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const n={fi:"Linkki tallennetaan laitteellesi",sv:"Nedladdningslänk",en:"Download link"},a={fi:"Avautuu uuteen ikkunaan",sv:"Öppnas i nytt fönster",en:"Opens in a new window"},t={fi:"Ladataan",sv:"Laddas",en:"Loading…"},e={fi:"Odota, ole hyvä.",sv:"Vänligen vänta.",en:"Please wait."},s={fi:"Lista jossa {total} kohtaa. Olet kohdassa {current}.",en:"List with {total} steps. You are on step {current}.",sv:"Lista med {total} steg. Du är på steg {current}."},i={default:{fi:"Huomioithan",en:"Please note",sv:"Observera"},success:{fi:"Onnistunut toiminto",en:"Action completed successfully",sv:"Lyckad åtgärd"},danger:{fi:"Tärkeä varoitus",en:"Important warning",sv:"Viktig varning"},warning:{fi:"Varoitus",en:"Warning",sv:"Varning"}};export{i as D,a,e as b,t as c,s as d,n as e}

package/lib/duet/p-329da927.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{g as e}from"./p-8ee40bae.js";import{p as s}from"./p-9c3c64b9.js";const t=(e,t)=>{let o={type:void 0,system_message:void 0,message:void 0};return o=(t=s(t)).filter((s=>s.type==e))[0],o||(o=t.filter((e=>"default"===e.type))[0]),o},o=(s,o)=>{const a=t(s,o),r=e(a.message);return""!==r&&r?r:a.system_message};export{o as a,t as g}