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

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";
@@ -2951,6 +2953,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges": "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -3004,6 +3010,14 @@ export namespace Components {
           * @default ""
          */
         "color": DuetColor;
+        /**
+          * Set focus on the close button of the modal.
+         */
+        "focusCloseButton": () => Promise<void>;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose": FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -3319,7 +3333,7 @@ export namespace Components {
          */
         "accessibleLabelledBy": string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive": string;
@@ -3606,6 +3620,44 @@ export namespace Components {
          */
         "visibleItems": number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy": string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel": string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy": string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border": boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin": DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding": "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme": DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation": DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -7025,6 +7077,12 @@ declare global {
         prototype: HTMLDuetPaginationElement;
         new (): HTMLDuetPaginationElement;
     };
+    interface HTMLDuetPanelElement extends Components.DuetPanel, HTMLStencilElement {
+    }
+    var HTMLDuetPanelElement: {
+        prototype: HTMLDuetPanelElement;
+        new (): HTMLDuetPanelElement;
+    };
     interface HTMLDuetParagraphElement extends Components.DuetParagraph, HTMLStencilElement {
     }
     var HTMLDuetParagraphElement: {
@@ -7580,6 +7638,7 @@ declare global {
         "duet-overlay": HTMLDuetOverlayElement;
         "duet-page-heading": HTMLDuetPageHeadingElement;
         "duet-pagination": HTMLDuetPaginationElement;
+        "duet-panel": HTMLDuetPanelElement;
         "duet-paragraph": HTMLDuetParagraphElement;
         "duet-phone-input": HTMLDuetPhoneInputElement;
         "duet-popup-menu": HTMLDuetPopupMenuElement;
@@ -10489,6 +10548,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetModal {
+        /**
+          * Makes either the entire modal ("all"), headign and body content ("heading"), or just its body content ("body") an aria-live region, so that changes are announced by the screen readers. Do not use with loader variation, as it handles aria-live separately.
+         */
+        "accessibleAnnounceChanges"?: "all" | "heading" | "body";
         /**
           * Adds accessible label for the close icon that is only shown for screen readers. This property is always required to create an accessibly interface! Swedish translation for this property is “Stäng fönstret”.
           * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
@@ -10536,6 +10599,10 @@ declare namespace LocalJSX {
           * @default ""
          */
         "color"?: DuetColor;
+        /**
+          * Where to move focus when the modal is closed, either set the element dirctly with JS or give the id of the element as a string. Use empty string to disable focus moving on close - do this if after closing there is another element that automatically gets the focus or you handle focusing manually.
+         */
+        "focusElementOnClose"?: FocusableComponent | HTMLElement | string;
         /**
           * Size of the modal window's padding.
           * @default "medium"
@@ -10839,7 +10906,7 @@ declare namespace LocalJSX {
          */
         "accessibleLabelledBy"?: string;
         /**
-          * Format of message used to announce current amount when switching between amounts. The string {current} is replaced with the current amount.
+          * Format of message used to announce current amount when switching between amounts. Note that the default has "euros" so if you use another unit is is essential you set this attribute to reflect that unit. The string {current} is replaced with the current amount.
           * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
          */
         "accessibleLive"?: string;
@@ -11138,6 +11205,44 @@ declare namespace LocalJSX {
          */
         "visibleItems"?: number;
     }
+    interface DuetPanel {
+        /**
+          * Indicates the id of a component that describes the panel.
+         */
+        "accessibleDescribedBy"?: string;
+        /**
+          * Adds accessible label for the panel that is only shown for screen readers.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Indicates the id of a component that labels the panel.
+         */
+        "accessibleLabelledBy"?: string;
+        /**
+          * Set this attribute to draw a border around the panel.
+         */
+        "border"?: boolean;
+        /**
+          * Controls the margin of the component.
+          * @default "auto"
+         */
+        "margin"?: DuetMargin;
+        /**
+          * Controls the padding of the component. Padding is automatically responsive.
+          * @default "medium"
+         */
+        "padding"?: "small" | "medium" | "large";
+        /**
+          * Theme of the panel.
+          * @default ""
+         */
+        "theme"?: DuetTheme;
+        /**
+          * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary", "secondary"). You can ommit "default" and "primary" - they are the defaults.
+          * @default ""
+         */
+        "variation"?: DuetPanelVariation;
+    }
     interface DuetParagraph {
         /**
           * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
@@ -13823,6 +13928,7 @@ declare namespace LocalJSX {
         "duet-overlay": DuetOverlay;
         "duet-page-heading": DuetPageHeading;
         "duet-pagination": DuetPagination;
+        "duet-panel": DuetPanel;
         "duet-paragraph": DuetParagraph;
         "duet-phone-input": DuetPhoneInput;
         "duet-popup-menu": DuetPopupMenu;
@@ -13933,6 +14039,7 @@ declare module "@stencil/core" {
             "duet-overlay": LocalJSX.DuetOverlay & JSXBase.HTMLAttributes<HTMLDuetOverlayElement>;
             "duet-page-heading": LocalJSX.DuetPageHeading & JSXBase.HTMLAttributes<HTMLDuetPageHeadingElement>;
             "duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
+            "duet-panel": LocalJSX.DuetPanel & JSXBase.HTMLAttributes<HTMLDuetPanelElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
             "duet-phone-input": LocalJSX.DuetPhoneInput & JSXBase.HTMLAttributes<HTMLDuetPhoneInputElement>;
             "duet-popup-menu": LocalJSX.DuetPopupMenu & JSXBase.HTMLAttributes<HTMLDuetPopupMenuElement>;

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

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

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

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

package/package.json

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

package/lib/duet/p-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}

package/lib/duet/p-3d904355.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as o,H as u,g as n}from"./p-CsVaeVlH.js";import{i as r}from"./p-uJz71_4x.js";import{D as d,b as i}from"./p-MxsWrBCY.js";import{a,g as b,c as s,d as l}from"./p-DglOA-oE.js";import{g as h}from"./p-DyjhCDQL.js";import"./p-C6E9F6QT.js";import"./p-D5_4M8f7.js";const p=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=i,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()}}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const n=this.external&&this.url,r=n?"action-new-window":this.icon,d=!!n||this.iconRight,i=o("span",{key:"dad881c4e315cee7e2fa16020ab44f3b8518ce8b",class:{"duet-button-contents":!0,"icon-right":d},style:{color:h(this.color)}},r&&o("span",{key:"08d196d1bc190ccb57d8f4961a78e1999f69a6f1","aria-hidden":"true",class:{"duet-button-icon":!0,left:!d,right:d,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"24ffeda883152bfe0123a828ed037aa7bdf365aa",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"60cbc950fc893b105e13e98769341697d3065e87",class:"duet-button-contents-slot"},o("slot",{key:"236c0748e32a96046fe4bf1c79b6822ebf5c0b9d"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":d,"icon-left":!!r&&!d,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(u,{key:"2f71565d21679c2161cbebaa8b3bfaa7aa4183a0",class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"2a2d449975f67608f602eaca489e4ff865496ed8",onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),i,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),i,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"e27fdd855b9191cdd22c9b74746f3144890d3837",color:"currentColor"})),o("slot",{key:"5f1fec755bfdf56ed261b893fa647308c1e21a7f",name:"proxybutton"}))}get element(){return n(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;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:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:rgba(255, 255, 255, 0.8) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]{border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}';const m=class{constructor(e){t(this,e),this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":h(this.color);return o(u,{key:"1e4de3df57809d0616aee4eba0932615753f160a",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"b049994ffa0f8e2ef99f19d5730a9b7c961c7c23",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return n(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}';export{p as duet_button,m as duet_spinner}

package/lib/duet/p-3e42346e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as s,H as i,g as n}from"./p-CsVaeVlH.js";import{g as a}from"./p-DvwKrUS6.js";import{i as u}from"./p-uJz71_4x.js";import{c as r}from"./p-Cfr_DJqU.js";import{f as o,e as h,g as l,d,o as b,s as c,u as p}from"./p-Db8rvjPI.js";import{a as m,b as f,g,c as v,d as x}from"./p-DglOA-oE.js";import{c as y,p as w}from"./p-SyNakUqS.js";import"./p-C6E9F6QT.js";var k,A,D,N,S=a(A?k:(A=1,k={title:"action-add",tags:"action add plus",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>'})),C=a(N?D:(N=1,D={title:"action-subtract",tags:"action subtract minus remove delete cancel",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>'}));function E(t,e){let s;if("string"==typeof t){if(""===t)return null;let i=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(i=function(t,e,s=!1){let i;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),r=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return i=t.replace(n,"DECIMALSEPARATOR"),i=i.replace(u,s?"THOUSANDSEPARATOR":""),i=i.replace("DECIMALSEPARATOR",a),i=i.replace("THOUSANDSEPARATOR",r),i}(i,e,!1)),i=i.replace(/\s+/g,""),s=parseFloat(i)}if("number"==typeof t&&(s=parseFloat(String(t))),!isNaN(Number(s)))return Number(s);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const z=(t,e,s)=>Math.min(Math.max(t,e),s),I=class{constructor(s){t(this,s),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.proxyId=r("DuetInput"),this.language=m(),this.locale=f(this.language).locale,this.unit=f(this.language).money,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=g(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"},this.accessibleAdd=g(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"},this.accessibleSubtract=g(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=g(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.disabled=!1,this.required=!1,this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{o(t)||h(t)?this.add(t):l(t)||d(t)?this.subtract(t):b(t)&&this.clearValue(t)},this.handleChange=t=>{t.stopPropagation();const e=t.target;if(e&&e.value)try{let s=E(e.value,this.locale);(isNaN(s)||null==s)&&(s=this.min||0),this.setValue(s),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:E(this.value,this.locale).toString(),valueAsNumber:s})}catch(s){"-"!==e.value&&this.clearValue(t),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var s;if(e)if(e.value)try{let i=E(e.value,this.locale);this.rounding&&(s=this.step,i=Math.round(i/s)*s),i=z(i,this.min,this.max),i===E(this.value,this.locale)&&i===E(this.focusedValue,this.locale)||(this.setValue(i),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=E(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale,{useGrouping:!1}),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value} ${this.unit}`},this.add=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.max)return;let s=null==e?this.min:e+this.step;s%this.step!=0&&(s-=s%this.step);const i=z(s,this.min,this.max);this.value=this.localizeValue(i),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=E(this.value,this.locale);if(e===this.min)return;let s=e-this.step;s%this.step!=0&&(s+=this.step-s%this.step),s=z(s,this.min,this.max),this.value=this.localizeValue(s),this.emitChange(t)}}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(E(this.value,this.locale))),y(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){v(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),c(this)}disconnectedCallback(){x(this),p(this)}componentDidRender(){w(this.element,this.proxyId,this.name,this.value?`${this.value} ${this.unit}`:"",this.required)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=E(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(t){this.duetInputElement.value="",null!==this.value&&(this.value=null,this.emitNull(t))}formatAnnouncement(){const t=this.value?E(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)} ${this.unit}`.length,n=this.value?E(this.value,this.locale):null;return s(i,{key:"49a555df21c951b795e625c4799ecb5419fc474e",class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},s("div",{key:"95905465685b005ca2589d1934c237473fac78a7",class:"duet-number-container"},s("duet-input",{key:"6bac3f4ba516dd43f2681d21fcd530d35c772cb5",ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value} ${this.unit}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=n?n:"",maxlength:e,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},s("slot",{key:"52a0896ccb3fd7c716625da4c8de5f2f09622a1c",name:"tooltip"}),s("div",{key:"af1c978396037b1e1e5d8d0d0e8c25904d519098",class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},s("button",{key:"b0bc1e76994b2c22b70a259962adac524b1ca5eb",disabled:this.disabled,"aria-disabled":null==n||n===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},s("duet-visually-hidden",{key:"c6c374074fe1e74907374d89cba0679bf9f5189d"},this.accessibleSubtract," ",this.step),s("duet-icon",{key:"135624fed93bbe112fecdd3b46d95aaf5f416b64",icon:C.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),s("button",{key:"c65086cc05992d5120765da78e2eac86183e5630",disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},s("duet-visually-hidden",{key:"7f025ffd2816298087614a7d449739631d0ff9c6"},this.accessibleAdd," ",this.step),s("duet-icon",{key:"f232ce3d5c1ad08b350d02b5c65bd21ec7dcf9c5",icon:S.svg,size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&s("duet-visually-hidden",{key:"03a758593f10d9c55307c3622b8a68b14c720f97","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};I.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-number-container{position:relative;width:100%}.duet-number-buttons{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons .duet-number-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons .duet-number-button[aria-disabled=true],.duet-number-buttons .duet-number-button:disabled{pointer-events:none}.duet-number-buttons .duet-number-button[aria-disabled=true] duet-icon,.duet-number-buttons .duet-number-button:disabled duet-icon{opacity:0.4}.duet-number-buttons .duet-number-button:active duet-icon{transform:translateY(1px)}.duet-number-buttons .duet-number-button:focus{outline:0}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{z-index:2;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{box-shadow:0 0 0 2px #171c3a !important}.duet-number-buttons .duet-number-button:first-of-type{border-left:1px solid rgb(181, 198, 208)}.duet-number-buttons .duet-number-button:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-number-buttons .duet-number-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons .duet-number-button:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(212, 223, 229)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(199, 202, 207, 0.2) 0%, rgba(199, 202, 207, 0.2) 1px, rgba(199, 202, 207, 0.1) 1px, rgba(199, 202, 207, 0) 100%)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%)}:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before{background:#d4dde2}';export{I as duet_number_input}

package/lib/duet/p-5c2e03bf.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,g as a}from"./p-CsVaeVlH.js";import{i as s}from"./p-uJz71_4x.js";import{g as i}from"./p-DglOA-oE.js";import{g as n}from"./p-ymqr0QD0.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.theme="",this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"},this.onLinkClick=e=>{const{url:t,meta:a}=this.data;this.linkClickEvent&&(e.preventDefault(),this.linkClickEvent.emit({component:"duet-upload",data:{name:this.data.item.name,url:t,meta:a}}))}}componentWillLoad(){s(this)}async focusActionButton(){this.actionButton&&(await this.actionButton.setFocus({preventScroll:!0}),this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}))}getFileNameLine(){const{item:e,size:a,uploaded:s,url:o,progress:r,error:l}=this.data,{name:c}=e,d=t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),m=t("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((e,t=2)=>{if(0===e)return"0 Bytes";const a=t<0?0:t,s=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,s)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][s]})(a),")");switch(this.type){case"inprogress":return t("span",{class:"duet-upload-item-name",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-visually-hidden",null,t("duet-paragraph",null,i(this.fileUploadingInfo))),t("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":!0}));case"pending":return t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c);case"failure":return t("span",{class:"duet-upload-item-error",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},n(l.type,this.errorCodes)));default:return t("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},s&&o&&this.showLinks?t("duet-link",{class:"file-link",onClick:this.onLinkClick,url:o},d):d,t("duet-spacer",{size:"xx-small",direction:"horizontal"}),m)}}getActionButtonTitle(e){return!0===this.buttonTitles[e.name]||!1===this.buttonTitles[e.name]?e:i(this.buttonTitles[e.name])}render(){const{uid:e,meta:a,item:s}=this.data,n=a&&a.badges?t("span",null,a.badges.map((e=>t("duet-badge",{color:"primary"},e)))):void 0,o=`${a&&a.badges?a.badges.join(","):""} ${s.name}`;return t("div",{key:"0f541bd5eab133034ce730ccd2393e4a32fa0f04",class:{"upload-item-row":!0}},this.showCategory&&t("div",{key:"1453c4a57897f79ff16c394e364a49bec0564c01",class:"item-categories"},t("duet-heading",{key:"70abc60205d0a1762ab1bb0e280dffa8e6cc6771",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},i(this.categoryLabel)),n),t("div",{key:"4fbfc73b03cea70267c423440d34ab1a356fb14a",class:{"item-name":!0,"no-category":!this.showCategory}},!!this.label&&t("duet-heading",{key:"76e07f77e629200029052bbb394a40602f7b8ce0",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},i(this.label)),this.getFileNameLine()),t("div",{key:"97be35ab3df99a8ad62fb85e605fc39f378c8e0c",class:"item-actions"},this.actions.map((s=>t("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:e||null,actionName:s.name,theme:this.theme,iconName:s.icon,iconColor:s.color,iconSize:s.size,background:s.background,"accessible-label":`${o} ${i(s.label)} `,accessibleTitle:this.getActionButtonTitle(s),ref:e=>this.actionButton=e})))))}get element(){return a(this)}};o.style=".file-link::part(duet-link){text-decoration:none}";export{o as duet_upload_item}