@duetds/components 10.0.0-alpha.24 → 10.0.0-alpha.26

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { A11yComponent, ThemeableComponent } from "../../common";
+import { A11yComponent, FocusableComponent, ThemeableComponent } from "../../common";
 import { DuetColor, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetTheme, DuetVisualHeadingLevel } from "../../common-types";
 export type DuetModalSize = "small" | "medium" | "large";
 export type DuetModalVariation = "default" | "slide-up" | "loader";
@@ -132,6 +132,18 @@ export declare class DuetModal implements ThemeableComponent, A11yComponent {
      * Use this property when you want the modal to close when clicked outside of modal.
      */
     closeOnBlur: boolean;
+    /**
+     * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the
+     * element as a string. Use empty string to disable focus moving on close - do this if after closing there is
+     * another element that automatically gets the focus or you handle focusing manually.
+     */
+    focusElementOnClose: FocusableComponent | HTMLElement | string;
+    /**
+     * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body")
+     * an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation,
+     * as it handles aria-live separately.
+     */
+    accessibleAnnounceChanges: "all" | "heading" | "body";
     /**
      * Emitted when the modal is opened.
      */
@@ -170,6 +182,10 @@ export declare class DuetModal implements ThemeableComponent, A11yComponent {
      * that triggered the modal (if we’re still in the same view).
      */
     hide(): Promise<void>;
+    /**
+     * Set focus on the close button of the modal.
+     */
+    focusCloseButton(): Promise<void>;
     /**
      * Scolls the top of the modal's content into view
      *

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

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

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

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

package/lib/types/components.d.ts

@@ -38,15 +38,16 @@ import { DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "
 import { DuetLogoSize } from "./components/duet-logo/duet-logo";
 import { DuetMenuBarChangeEvent } from "./components/duet-menu-bar/duet-menu-bar";
 import { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./components/duet-modal/duet-modal";
+import { FocusableComponent, OpenerComponent } from "./common";
 import { DuetMultiselectEvent, DuetMultiselectItem, DuetMultiselectItemGroup } from "./components/duet-multiselect/duet-multiselect";
 import { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
 import { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 import { OverlayDisplayDevice } from "./components/duet-overlay/duet-overlay";
 import { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
+import { DuetPanelVariation } from "./components/duet-panel/duet-panel";
 import { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 import { Country } from "./data/countries";
 import { DuetPhoneInputEvent } from "./components/duet-phone-input/duet-phone-input";
-import { FocusableComponent, OpenerComponent } from "./common";
 import { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 import { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -103,15 +104,16 @@ export { DuetListLabelWidth, DuetListMobileAlignment, DuetListVariation } from "
 export { DuetLogoSize } from "./components/duet-logo/duet-logo";
 export { DuetMenuBarChangeEvent } from "./components/duet-menu-bar/duet-menu-bar";
 export { DuetModalCloseEvent, DuetModalSize, DuetModalVariation } from "./components/duet-modal/duet-modal";
+export { FocusableComponent, OpenerComponent } from "./common";
 export { DuetMultiselectEvent, DuetMultiselectItem, DuetMultiselectItemGroup } from "./components/duet-multiselect/duet-multiselect";
 export { DuetNotificationDrawerDirection } from "./components/duet-notification-drawer/duet-notification-drawer";
 export { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 export { OverlayDisplayDevice } from "./components/duet-overlay/duet-overlay";
 export { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
+export { DuetPanelVariation } from "./components/duet-panel/duet-panel";
 export { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
 export { Country } from "./data/countries";
 export { DuetPhoneInputEvent } from "./components/duet-phone-input/duet-phone-input";
-export { FocusableComponent, OpenerComponent } from "./common";
 export { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 export { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 export { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -308,7 +310,7 @@ export namespace Components {
          */
         "theme": DuetTheme;
         /**
-          * Style variation of the alert.
+          * Status variation of the alert. "danger" and "warning" will render the alert with role "alert" (unless announcements has been set to false). Other variations will have role "status". Use "danger" only when something serious has happened or the user must take immediate action. Use "warning" for unexpected situations that are potentially harmful, but don't require immediate action.
           * @default "default"
          */
         "variation": DuetStatus;
@@ -697,6 +699,11 @@ export namespace Components {
           * Icon to display on the left side of heading. Example: "form-location"
          */
         "icon": DuetIconName;
+        /**
+          * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "color-primary". This property can also be set to "currentColor".
+          * @default "currentColor"
+         */
+        "iconColor": DuetColor;
         /**
           * Image to display in the card. The image aspect ratio can be anything as images are resized to fit 100% width of the card. Example: "https://cdn.duetds.com/api/assets/illustrations/placeholder-image.jpg"
          */
@@ -2951,6 +2958,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges": "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -3004,6 +3015,14 @@ export namespace Components {
           * @default ""
          */
         "color": DuetColor;
+        /**
+          * Set focus on the close button of the modal.
+         */
+        "focusCloseButton": () => Promise<void>;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose": FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -3319,7 +3338,7 @@ export namespace Components {
          */
         "accessibleLabelledBy": string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive": string;
@@ -3606,6 +3625,44 @@ export namespace Components {
          */
         "visibleItems": number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy": string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel": string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy": string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border": boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin": DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding": "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme": DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation": DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -6568,7 +6625,6 @@ declare global {
     };
     interface HTMLDuetChoiceElementEventMap {
         "duetChoiceReady": CustomEvent;
-        "duetChoiceRemove": CustomEvent;
         "duetChange": DuetChoiceEvent;
         "duetFocus": DuetChoiceEvent;
         "duetBlur": DuetChoiceEvent;
@@ -7025,6 +7081,12 @@ declare global {
         prototype: HTMLDuetPaginationElement;
         new (): HTMLDuetPaginationElement;
     };
+    interface HTMLDuetPanelElement extends Components.DuetPanel, HTMLStencilElement {
+    }
+    var HTMLDuetPanelElement: {
+        prototype: HTMLDuetPanelElement;
+        new (): HTMLDuetPanelElement;
+    };
     interface HTMLDuetParagraphElement extends Components.DuetParagraph, HTMLStencilElement {
     }
     var HTMLDuetParagraphElement: {
@@ -7580,6 +7642,7 @@ declare global {
         "duet-overlay": HTMLDuetOverlayElement;
         "duet-page-heading": HTMLDuetPageHeadingElement;
         "duet-pagination": HTMLDuetPaginationElement;
+        "duet-panel": HTMLDuetPanelElement;
         "duet-paragraph": HTMLDuetParagraphElement;
         "duet-phone-input": HTMLDuetPhoneInputElement;
         "duet-popup-menu": HTMLDuetPopupMenuElement;
@@ -7801,7 +7864,7 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
         /**
-          * Style variation of the alert.
+          * Status variation of the alert. "danger" and "warning" will render the alert with role "alert" (unless announcements has been set to false). Other variations will have role "status". Use "danger" only when something serious has happened or the user must take immediate action. Use "warning" for unexpected situations that are potentially harmful, but don't require immediate action.
           * @default "default"
          */
         "variation"?: DuetStatus;
@@ -8194,6 +8257,11 @@ declare namespace LocalJSX {
           * Icon to display on the left side of heading. Example: "form-location"
          */
         "icon"?: DuetIconName;
+        /**
+          * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "color-primary". This property can also be set to "currentColor".
+          * @default "currentColor"
+         */
+        "iconColor"?: DuetColor;
         /**
           * Image to display in the card. The image aspect ratio can be anything as images are resized to fit 100% width of the card. Example: "https://cdn.duetds.com/api/assets/illustrations/placeholder-image.jpg"
          */
@@ -8589,10 +8657,6 @@ declare namespace LocalJSX {
           * Emitted when the component is available in the DOM.
          */
         "onDuetChoiceReady"?: (event: DuetChoiceCustomEvent<CustomEvent>) => void;
-        /**
-          * Emitted when the component is removed from the DOM.
-         */
-        "onDuetChoiceRemove"?: (event: DuetChoiceCustomEvent<CustomEvent>) => void;
         /**
           * Emitted when the checkbox has focus.
          */
@@ -10489,6 +10553,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges"?: "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -10536,6 +10604,10 @@ declare namespace LocalJSX {
           * @default ""
          */
         "color"?: DuetColor;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose"?: FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -10839,7 +10911,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelledBy"?: string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive"?: string;
@@ -11138,6 +11210,44 @@ declare namespace LocalJSX {
          */
         "visibleItems"?: number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy"?: string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy"?: string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border"?: boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin"?: DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding"?: "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme"?: DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation"?: DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -13823,6 +13933,7 @@ declare namespace LocalJSX {
         "duet-overlay": DuetOverlay;
         "duet-page-heading": DuetPageHeading;
         "duet-pagination": DuetPagination;
+        "duet-panel": DuetPanel;
         "duet-paragraph": DuetParagraph;
         "duet-phone-input": DuetPhoneInput;
         "duet-popup-menu": DuetPopupMenu;
@@ -13933,6 +14044,7 @@ declare module "@stencil/core" {
             "duet-overlay": LocalJSX.DuetOverlay & JSXBase.HTMLAttributes<HTMLDuetOverlayElement>;
             "duet-page-heading": LocalJSX.DuetPageHeading & JSXBase.HTMLAttributes<HTMLDuetPageHeadingElement>;
             "duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
+            "duet-panel": LocalJSX.DuetPanel & JSXBase.HTMLAttributes<HTMLDuetPanelElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
             "duet-phone-input": LocalJSX.DuetPhoneInput & JSXBase.HTMLAttributes<HTMLDuetPhoneInputElement>;
             "duet-popup-menu": LocalJSX.DuetPopupMenu & JSXBase.HTMLAttributes<HTMLDuetPopupMenuElement>;

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

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

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

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

package/package.json

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

package/lib/duet/p-08f98123.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as a,H as i,g as s}from"./p-CsVaeVlH.js";import{i as r}from"./p-uJz71_4x.js";import{c as o}from"./p-Cfr_DJqU.js";import{s as n,u as d}from"./p-Db8rvjPI.js";import{g as l,c,d as u}from"./p-DglOA-oE.js";import{h as p}from"./p-SyNakUqS.js";import"./p-C6E9F6QT.js";const h=class{constructor(a){e(this,a),this.duetDismiss=t(this,"duetDismiss",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.descriptiveId=o("DuetAlert"),this.hasShowMoreSlot=!1,this.labels={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"}},this.theme="",this.isDismissed=!1,this.isExpanded=!1,this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"},this.accessibleLabel=l(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.position="content",this.dismissible=!1,this.focusable=!1,this.expandingTitle="",this.handleDismiss=e=>{this.handleHide(),this.duetDismiss.emit({component:"duet-alert",originalEvent:e})},this.handleShow=()=>{this.isDismissed=!1},this.handleHide=()=>{this.isDismissed=!0,this.element.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0})},this.handleExpandToggle=()=>{this.isExpanded=!this.isExpanded}}componentWillLoad(){r(this),this.hasShowMoreSlot=p(this.element,"show-more")}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}connectedCallback(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"}),n(this)}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID),u(this),d(this)}async show(){this.handleShow()}async hide(){this.handleHide()}async setFocus(e){this.alertContainer.focus(e)}render(){const e=["default","success","danger","warning"].includes(this.variation)?this.variation:"default",t=l(this.labels[e]);return a(i,{key:"5584475286356ac3d444c97e9429aaddc5e6153e",class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":void 0},a("div",{key:"7a3ef0cee9f7e304eac829dfbfd834f1123867fd",class:{"duet-alert-wrapper":!0,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,[this.position]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"27797a4ea2296ac70ac133f3ec1a4fedaa07b78d",class:{"duet-alert":!0,"duet-alert-expandable":!!this.expandingTitle,"duet-alert-expanded":this.isExpanded,"duet-alert-has-icon":!!this.icon||"below-nav"===this.position,"duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("div",{key:"3030a95fb19791465f75a74a6803a1bbd0f9b5dd",class:"duet-alert-container",ref:e=>{this.alertContainer=e},tabindex:this.focusable?"0":void 0},"below-nav"!==this.position&&a("div",{key:"e990ae6cf89ef89c0c3445af06402f8202583796",class:"duet-alert-icon"},this.icon&&a("duet-icon",{key:"f4b0bd5ca292239cb7a98379b10dd965d4173509",size:"auto",name:this.icon,color:"currentColor"})||a("duet-status-icon",{key:"ad9b6952c1af47501fe6bf7298d69a66bb1223b9",strong:!0,variation:e,margin:"none",size:"auto"})),"below-nav"===this.position&&a("div",{key:"479a41fafb16793a51eb71e8e892088b6ede41ef",class:"duet-alert-icon below-nav"},a("duet-status-icon",{key:"249c1b1f9a763ce5725982a2c0a00597698bccc7",strong:!0,variation:e,margin:"none",size:"auto"})),a("div",{key:"577fa13d2a0682a3fe079a4a098e11bb99fc8dc9",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&a("button",{key:"4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9","aria-expanded":this.isExpanded.toString(),"aria-controls":`${this.descriptiveId}-content`,class:"duet-alert-expander",onClick:this.handleExpandToggle},a("span",{key:"9ab35209919d1fe4aa6f3db6c16e593828985434",class:"expanding-title"},this.expandingTitle),a("duet-icon",{key:"d387939b25c676cd7c17ec6962da00383935ade3",name:"action-arrow-down",color:"default"===e?"lt-blue-800":`${e}-800`,margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&a("div",{key:"989a79e16a74690dc7c78da3cc40ef4d02ecb513",id:`${this.descriptiveId}-content`},a("duet-visually-hidden",{key:"4792b5aa92cefc69907c6325a3c89bd5d9476ae3"},t),a("slot",{key:"662c5673bd1118e9effdd083eba7b13ea349ac39"})))),this.hasShowMoreSlot&&a("duet-show-more",{key:"7b7b917b785c74924ef13550a9866ab4d724f9ce",margin:"none",class:"duet-alert-show-more"},a("slot",{key:"6370fcc4b7e689d1997c7e224e6f71ca27772689",name:"show-more"})),this.dismissible&&!this.expandingTitle&&a("div",{key:"70e609bdf62b90448894c3f107c435d9b9b9f7ca",class:"duet-alert-dismiss"},a("duet-button",{key:"1b230dc424387b18799431608c1aab1e63e7035f",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",color:"default"===e?"lt-blue-800":`${e}-800`,theme:this.theme,onClick:this.handleDismiss,fixed:!0})))))}get element(){return s(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}';export{h as duet_alert}

package/lib/duet/p-0b358066.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as a,H as o,g as t}from"./p-CsVaeVlH.js";import{i as r}from"./p-uJz71_4x.js";import{h as i,c as d}from"./p-SyNakUqS.js";import{g as n}from"./p-DyjhCDQL.js";import"./p-D5_4M8f7.js";const s=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.backgroundColor="",this.textColor="secondary",this.image="",this.headingLevel="h3"}componentWillLoad(){r(this),this.hasPreHeadingSlot=i(this.element,"pre-heading"),this.hasHeadingSlot=i(this.element,"heading"),this.hasDescriptionSlot=i(this.element,"description"),this.hasActionSlot=i(this.element,"action"),d(this.element,"heading","span"),d(this.element,"description","span")}async setFocus(e){this.url&&this.aOrDivElement&&this.aOrDivElement.focus(e)}render(){const e=n(this.backgroundColor,this.theme);return a(o,{key:"af448d11e161105c397211ff014c9383079b42f1",class:{"duet-m-0":"none"===this.margin}},a("aside",{key:"79f3ca4d55f67be99f4f7cd6e0a1ef28d64da3ba",class:{"duet-promo-card":!0,"duet-theme-turva":"turva"===this.theme,"no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:{backgroundColor:e||"none"}},a(this.url?"a":"div",{key:"6a09c556defa485766025260e084d876fcc072a3",href:this.url,class:"content-wrapper",ref:e=>this.aOrDivElement=e},a("img",{key:"9832d77d4f39e634879c2da087a81552a20aaf13",class:"image",src:this.image,alt:"",role:"presentation"}),a("div",{key:"fe2cec5d0c889557be33ac5d663a2990d56ee57c",class:"content"},this.hasPreHeadingSlot&&a("div",{key:"b105405d3236a416549ee74834214461426a5e93",class:"pre-heading"},a("slot",{key:"50359bf5424f78947cfa9bd1c25f42344822b8f1",name:"pre-heading"})),this.hasHeadingSlot&&a("div",{key:"8af70521d1e603b5fe0c44029fbfb99a8a8e89c6",class:"heading"},a("duet-heading",{key:"85e93d6d7b2e7586763646669087933692ebb4d9",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},a("span",{key:"6c606a3c8cd388df51390dd9221dd70e59705532"},a("slot",{key:"838966e5712aa10bd977fc15bd1dfe627617b5db",name:"heading"})))),this.hasDescriptionSlot&&a("div",{key:"42e9d0d08afea654e4152b83d81096313bb98c55",class:"description"},a("duet-paragraph",{key:"28008c2195cd3bad659aac6d84b5f10122c74d2d",theme:this.theme,margin:"none",color:this.textColor},a("span",{key:"52d7a34460dc56568447d7277a53391040a17134"},a("slot",{key:"baa534ae9994e67a375871a29474d3aaef8845fc",name:"description"})))),this.hasActionSlot&&a("div",{key:"46096bcff1087436a10c6e604015785d804de8ae",class:"action"},a("slot",{key:"1202289167a18bac49309d93f03e00737eebf9ff",name:"action"}))))))}get element(){return t(this)}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';export{s as duet_promo_card}

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

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

package/lib/duet/p-24d04bd7.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as o,H as i,g as a}from"./p-CsVaeVlH.js";import{D as r}from"./p-DpD8uhf3.js";import{i as s}from"./p-uJz71_4x.js";import{c as l}from"./p-Cfr_DJqU.js";import{c as n,p as d}from"./p-SyNakUqS.js";import{p as c}from"./p-C6E9F6QT.js";function p(e){return"options"in e}function h(e,t){for(var o=0;o<e.length;o++){let i=e[o];if(p(i)&&(i=h(i.options,t)),i&&i.value===t)return i}}const u=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.proxyId=l("DuetSelect"),this.processedItems=null,this.variation="default",this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.theme="",this.labelHidden=!1,this.placeholder="",this.echoPlaceholder=!1,this.disabled=!1,this.required=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null}}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){s(this),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}componentDidRender(){d(this.element,this.proxyId,this.name,this.value,this.required,void 0)}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=c(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=h(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return o("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return o(i,{key:"9d54c9dfad694be3d7e6399d5afc1b1432c1f5dc",onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},o("div",{key:"cacd80da0eaeaef2fd6f0e08caec3a39cd273294",class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o(r,{key:"be880bfbaabc9d88b6b31b921af37f6706f32cd8",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&o("duet-tooltip",{key:"3100b161cfd533403f8a67c305a03e2dc8ea00c5",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"52ab80f0f605fa9711d84f0f26d4325dad7c64cf",name:"tooltip"}),this.caption&&o("duet-caption",{key:"4931ec0414f6cd9716904f1c00d00b02d1550813",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"fb713046983da9a542a6aa1c3ad6080c3522a820",class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{key:"a2b3614b6e03359cecd0167f980c5b48de7cc7b0",id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("slot",{key:"50070cedd7b6049e93093cca483a47183c77bae5"}),o("select",{key:"4f53bcd8e5f889ddac92f9815364e1b25521da46",ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&o("option",{key:"999f6c43aec61a8c2df743c70444555ae2304e2d",disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>p(e)?this.renderOptionGroup(e):this.renderOption(e))):o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),o("div",{key:"78450970b7a3b2f57640bd8b7eec994076ca1a4c",class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},o("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&o("svg",{key:"8e2392a51be92391a7dd207ebe0ec2325a8cb194",role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"43c899cb0891bf42e3ebb7cebbb6000690d0d93e",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||o("duet-icon",{key:"da2b9d8166a8b626b546ee41ac6e10e1473c75b5",theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),o("span",{key:"01000fd324d80c490a48f74c1ff2abf87db9f179",class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),o("span",{key:"199a372ef44043d9d44121109013dca701942bdd",class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&o("span",{key:"2d14eea7bc7db58eacc761e52eb098d52f8cfdef"},this.error))))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};u.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(:not(.duet-m-0)){margin-right:16px !important;margin-bottom:12px !important}:host(:not(.duet-m-0)):last-child,:host(:not(.duet-m-0)):last-of-type{margin-right:0 !important}@media (min-width: 36em){:host(.duet-expand){width:100% !important}}:host(.duet-select-variation-tiny),:host(.duet-select-variation-compact){position:relative;top:-2px;width:72px;margin:0;vertical-align:baseline}:host(.duet-select-variation-compact){width:auto}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{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-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-select-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva .duet-select-wrapper select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper select:hover+.duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select:focus+.duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 28, 58)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-select{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)}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-select svg{color:rgb(23, 28, 58)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.duet-theme-turva .duet-select-help{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 .duet-select-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-select{color:#172a3b;border-color:#7891a4}:host(.duet-theme-turva2) .duet-theme-turva .duet-select svg{color:#172a3b}';export{u as duet_select}