@duetds/components 10.5.0 → 10.6.0

package/lib/types/components/duet-date-picker/finnish-bank-holidays.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Calculate the date of Easter Sunday for a given year using the
+ * Meeus/Jones/Butcher Gregorian algorithm.
+ */
+export declare function getEasterSunday(year: number): Date;
+/**
+ * Finnish bank holidays for a given year, as published by the Bank of Finland:
+ * https://www.suomenpankki.fi/en/money-and-payments/bank-holidays/
+ */
+export declare function getFinnishBankHolidays(year: number): Date[];
+export declare function isFinnishBankHoliday(date: Date): boolean;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetAnalyticsEvent, DuetColor, DuetHeadingLevel, DuetIconName, DuetLanguage, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
+import { DuetSource } from "../../utils/picture-utils";
 export type DuetHeroIconSize = "medium" | "large";
 export type DuetHeroVariation = "default" | "light" | "gray" | "image" | "minimal" | "campaign" | "section" | "product" | "content";
 export type DuetHeroBackData = {
@@ -171,6 +172,10 @@ export declare class DuetHero implements ThemeableComponent {
      * Alt attribute text for the image. If not provided, image is assigned presentation role.
      */
     imageAlt: string;
+    /**
+     * Array of sources for responsive images. Sources have the properties of <source> element.
+     */
+    sources: DuetSource[] | string;
     /**
      * Style variation of the hero area.
      */

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

@@ -30,6 +30,8 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
     private togglePasswordRevealedButton?;
     private isCaptionVisible;
     private timeoutId;
+    private maxlengthAnnouncementTimeoutId;
+    private maxlengthAnnouncementKey;
     private disallowPatternRegex;
     private clearLabel;
     private timeAnnouncement;
@@ -38,6 +40,7 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
     private passwordShownAriaAnnouncement;
     private passwordHiddenAriaAnnouncement;
     private chipsSelectedDesriptionLabel;
+    private maxlengthReachedLabel;
     /**
      * Reference to host HTML element.
      */
@@ -55,6 +58,10 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
      */
     isFocused: boolean;
     _accessiblePopup: string;
+    /**
+     * Text announced to screen readers when the maxlength limit is reached.
+     */
+    maxlengthAnnouncement: string;
     /**
      * Indicates the id of a related component’s visually focused element.
      */
@@ -327,6 +334,10 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
     private onBlur;
     private onFocus;
     private onClear;
+    private onInputKeyDown;
+    private onInputPaste;
+    private isAtMaxlengthWithoutSelection;
+    private handleMaxlengthLimitReached;
     /**
      * Private functions
      */

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

@@ -101,6 +101,11 @@ export declare class DuetPhoneInput implements ThemeableComponent, A11yComponent
      * Name of the input.
      */
     name: string;
+    /**
+     * Set the type of automatic completion by the browser. Must include "tel", may also include token "home", "work" or
+     * "mobile". If you must disable automatic completion (not recommended) use "off"
+     */
+    autoComplete: string;
     /**
      * Display the input in error state along with an error message.
      */

package/lib/types/components/duet-promo-card/duet-promo-card.d.ts

@@ -1,5 +1,6 @@
 import { DuetColor, DuetHeadingLevel, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
+import { DuetSource } from "../../utils/picture-utils";
 /**
  * @slot pre-heading - Slot for pre-heading content.
  * @slot heading - Slot for heading content. Only span should be used in this slot.
@@ -38,6 +39,11 @@ export declare class DuetPromoCard implements ThemeableComponent {
      * Alt attribute text for the image. If not provided, image is assigned presentation role.
      */
     imageAlt: string;
+    /**
+     * Array of sources for responsive images. Sources have the properties of <source> element.
+     * This is an experimental feature and might be changed without notice.
+     */
+    sources: DuetSource[] | string;
     /**
      * The actual heading level used in the HTML markup.
      */

package/lib/types/components.d.ts

@@ -381,6 +381,11 @@ export namespace Components {
           * Alt attribute text for the image. If not provided, image is assigned presentation role.
          */
         "imageAlt": string;
+        /**
+          * Will the image cover the whole image area (possibly getting cropped), or will it be contained without any cropping (possibly not filling the whole area).
+          * @default "cover"
+         */
+        "imageFit": "cover" | "contain";
         /**
           * Controls the margin of the component.
           * @default "auto"
@@ -392,7 +397,7 @@ export namespace Components {
          */
         "size": bannerSize;
         /**
-          * Array of sources for responsive images. Sources have the properties of <source> element. This is an experimental feature and might be changed without notice.
+          * Array of sources for responsive images. Sources have the properties of <source> element.
          */
         "sources": DuetSource[] | string;
         /**
@@ -544,7 +549,7 @@ export namespace Components {
          */
         "external": boolean;
         /**
-          * Keep the button fixed width even on mobile viewports.
+          * Keep the button fixed width even on mobile viewports. Fixed width is always used for variation plain.
           * @default false
          */
         "fixed": boolean;
@@ -754,6 +759,10 @@ export namespace Components {
           * @default undefined
          */
         "shadowBreakpoint"?: DuetBreakpoints;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources": DuetSource[] | string;
         /**
           * Theme of the card.
           * @default ""
@@ -904,12 +913,17 @@ export namespace Components {
         "type": DuetChoiceType;
     }
     interface DuetChip {
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
+          * @default ""
+         */
+        "accessibleDescribedBy": string;
         /**
           * If the component expands or collapses adjacent content, then use this property to add the aria-expanded attribute to the opening element. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
          */
         "accessibleExpanded": boolean;
         /**
-          * Adds accessible label for the chip that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology. With input variation this is not used, as the accessible label is automatically generated.
+          * Adds accessible label for the chip that is used by screen readers and other assistive technology. Has effect only with "button" variation as for the other variations the accessible label is automatically generated.
          */
         "accessibleLabel": string;
         /**
@@ -941,7 +955,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * Id of the DuetPopupMenu that is controlled by the chip.
+          * Id of the DuetPopupMenu that is controlled by the chip. Works only with "filter" variation.
          */
         "popup": string;
         /**
@@ -973,7 +987,7 @@ export namespace Components {
          */
         "value": string;
         /**
-          * Variation of the chip. Button should be used to present a list of actions or suggestions. It behaves like a button and must be used together with a click handler. Filter acts like a checkbox, it can be toggled on or off, and it should be used with a value. Input represents items input by the user, and the chip can be removed with a click. Radio behaves like a radio button, it can be toggled on or off, and it should be used with a value and name.
+          * Variation of the chip. Button should be used to present a list of actions or suggestions. It behaves like a button and must be used together with a click handler. Filter acts like a checkbox, it can be toggled on or off, and it should be used with a value. Filter can also be used with a popup-menu - then the initial text describes the type of category of filtering, and the selection from the popup-menu sets the filter value. Input represents items input by the user, and the chip can be removed with a click. Radio behaves like a radio button, it can be toggled on or off in a group, and it should be used with a value and name.
           * @default "button"
          */
         "variation": DuetChipVariation;
@@ -1385,6 +1399,10 @@ export namespace Components {
           * Phone.
          */
         "phone": string;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources": DuetSource[] | string;
         /**
           * Theme.
           * @default ""
@@ -1444,6 +1462,21 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Disallow selecting Finnish bank holidays, including Easter-based dates and Midsummer Eve.
+          * @default false
+         */
+        "disallowBankHolidays": boolean;
+        /**
+          * Disallow selecting Saturdays and Sundays.
+          * @default false
+         */
+        "disallowWeekends": boolean;
+        /**
+          * Disallow selecting specific dates. Accepts an array of ISO-8601 (YYYY-MM-DD) dates, or a comma-separated string of the same when set as an HTML attribute.
+          * @default []
+         */
+        "disallowedDates": string | string[];
         /**
           * If form input field has a placeholder text, and user types anything (causing the text to dissapear), settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
           * @default false
@@ -1552,7 +1585,7 @@ export namespace Components {
          */
         "tooltipDirection": DuetTooltipDirection;
         /**
-          * This offers information relating to the current validity of the component. It follow as closely as possible the behaviour of the native date input. Useful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow.
+          * This offers information relating to the current validity of the component. It follow as closely as possible the behaviour of the native date input. Useful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow. For disallowed dates property customError is set true.
           * @readonly
          */
         "validity": ValidityState;
@@ -2182,6 +2215,10 @@ export namespace Components {
           * @default ""
          */
         "preHeading": string;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources": DuetSource[] | string;
         /**
           * The level of the heading. Only usable with campaign, section variations.
           * @default "h2"
@@ -3834,6 +3871,11 @@ export namespace Components {
           * @default undefined
          */
         "accessibleLabelledBy": string;
+        /**
+          * Set the type of automatic completion by the browser. Must include "tel", may also include token "home", "work" or "mobile". If you must disable automatic completion (not recommended) use "off"
+          * @default "tel"
+         */
+        "autoComplete": string;
         /**
           * Caption (underneath label) that can be set as a way of adding extra information
          */
@@ -4181,6 +4223,10 @@ export namespace Components {
           * Sets focus on underlying a element. Available only when url attribute is used. Use this method instead of the native `focus()`.
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element. This is an experimental feature and might be changed without notice.
+         */
+        "sources": DuetSource[] | string;
         /**
           * Text color.
           * @default "secondary"
@@ -8118,6 +8164,11 @@ declare namespace LocalJSX {
           * Alt attribute text for the image. If not provided, image is assigned presentation role.
          */
         "imageAlt"?: string;
+        /**
+          * Will the image cover the whole image area (possibly getting cropped), or will it be contained without any cropping (possibly not filling the whole area).
+          * @default "cover"
+         */
+        "imageFit"?: "cover" | "contain";
         /**
           * Controls the margin of the component.
           * @default "auto"
@@ -8129,7 +8180,7 @@ declare namespace LocalJSX {
          */
         "size"?: bannerSize;
         /**
-          * Array of sources for responsive images. Sources have the properties of <source> element. This is an experimental feature and might be changed without notice.
+          * Array of sources for responsive images. Sources have the properties of <source> element.
          */
         "sources"?: DuetSource[] | string;
         /**
@@ -8281,7 +8332,7 @@ declare namespace LocalJSX {
          */
         "external"?: boolean;
         /**
-          * Keep the button fixed width even on mobile viewports.
+          * Keep the button fixed width even on mobile viewports. Fixed width is always used for variation plain.
           * @default false
          */
         "fixed"?: boolean;
@@ -8495,6 +8546,10 @@ declare namespace LocalJSX {
           * @default undefined
          */
         "shadowBreakpoint"?: DuetBreakpoints;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources"?: DuetSource[] | string;
         /**
           * Theme of the card.
           * @default ""
@@ -8653,12 +8708,17 @@ declare namespace LocalJSX {
         "type"?: DuetChoiceType;
     }
     interface DuetChip {
+        /**
+          * Indicates the id or a string of space seperated ids of a component(s) that describes the input.
+          * @default ""
+         */
+        "accessibleDescribedBy"?: string;
         /**
           * If the component expands or collapses adjacent content, then use this property to add the aria-expanded attribute to the opening element. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
          */
         "accessibleExpanded"?: boolean;
         /**
-          * Adds accessible label for the chip that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology. With input variation this is not used, as the accessible label is automatically generated.
+          * Adds accessible label for the chip that is used by screen readers and other assistive technology. Has effect only with "button" variation as for the other variations the accessible label is automatically generated.
          */
         "accessibleLabel"?: string;
         /**
@@ -8706,7 +8766,7 @@ declare namespace LocalJSX {
          */
         "onDuetRemove"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
         /**
-          * Id of the DuetPopupMenu that is controlled by the chip.
+          * Id of the DuetPopupMenu that is controlled by the chip. Works only with "filter" variation.
          */
         "popup"?: string;
         /**
@@ -8724,7 +8784,7 @@ declare namespace LocalJSX {
          */
         "value"?: string;
         /**
-          * Variation of the chip. Button should be used to present a list of actions or suggestions. It behaves like a button and must be used together with a click handler. Filter acts like a checkbox, it can be toggled on or off, and it should be used with a value. Input represents items input by the user, and the chip can be removed with a click. Radio behaves like a radio button, it can be toggled on or off, and it should be used with a value and name.
+          * Variation of the chip. Button should be used to present a list of actions or suggestions. It behaves like a button and must be used together with a click handler. Filter acts like a checkbox, it can be toggled on or off, and it should be used with a value. Filter can also be used with a popup-menu - then the initial text describes the type of category of filtering, and the selection from the popup-menu sets the filter value. Input represents items input by the user, and the chip can be removed with a click. Radio behaves like a radio button, it can be toggled on or off in a group, and it should be used with a value and name.
           * @default "button"
          */
         "variation"?: DuetChipVariation;
@@ -9139,6 +9199,10 @@ declare namespace LocalJSX {
           * Phone.
          */
         "phone"?: string;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources"?: DuetSource[] | string;
         /**
           * Theme.
           * @default ""
@@ -9202,6 +9266,21 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Disallow selecting Finnish bank holidays, including Easter-based dates and Midsummer Eve.
+          * @default false
+         */
+        "disallowBankHolidays"?: boolean;
+        /**
+          * Disallow selecting Saturdays and Sundays.
+          * @default false
+         */
+        "disallowWeekends"?: boolean;
+        /**
+          * Disallow selecting specific dates. Accepts an array of ISO-8601 (YYYY-MM-DD) dates, or a comma-separated string of the same when set as an HTML attribute.
+          * @default []
+         */
+        "disallowedDates"?: string | string[];
         /**
           * If form input field has a placeholder text, and user types anything (causing the text to dissapear), settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
           * @default false
@@ -9310,7 +9389,7 @@ declare namespace LocalJSX {
          */
         "tooltipDirection"?: DuetTooltipDirection;
         /**
-          * This offers information relating to the current validity of the component. It follow as closely as possible the behaviour of the native date input. Useful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow.
+          * This offers information relating to the current validity of the component. It follow as closely as possible the behaviour of the native date input. Useful properties to inspect are badInput, valueMissing, rangeOverflow, rangeUnderflow. For disallowed dates property customError is set true.
           * @readonly
          */
         "validity"?: ValidityState;
@@ -10000,6 +10079,10 @@ declare namespace LocalJSX {
           * @default ""
          */
         "preHeading"?: string;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element.
+         */
+        "sources"?: DuetSource[] | string;
         /**
           * The level of the heading. Only usable with campaign, section variations.
           * @default "h2"
@@ -11590,6 +11673,11 @@ declare namespace LocalJSX {
           * @default undefined
          */
         "accessibleLabelledBy"?: string;
+        /**
+          * Set the type of automatic completion by the browser. Must include "tel", may also include token "home", "work" or "mobile". If you must disable automatic completion (not recommended) use "off"
+          * @default "tel"
+         */
+        "autoComplete"?: string;
         /**
           * Caption (underneath label) that can be set as a way of adding extra information
          */
@@ -11928,6 +12016,10 @@ declare namespace LocalJSX {
           * @default "auto"
          */
         "margin"?: DuetMargin;
+        /**
+          * Array of sources for responsive images. Sources have the properties of <source> element. This is an experimental feature and might be changed without notice.
+         */
+        "sources"?: DuetSource[] | string;
         /**
           * Text color.
           * @default "secondary"

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

@@ -14,6 +14,7 @@ export declare const isQuestionKey: (e: KeyboardEvent) => boolean;
 export declare const isEnterKey: (e: KeyboardEvent) => boolean;
 export declare const isKeyboardClick: (e: KeyboardEvent) => boolean;
 export declare const isNumber: (e: KeyboardEvent) => boolean;
+export declare const isCharacterInsertKey: (e: KeyboardEvent) => boolean;
 export declare const subscribeTabbingChange: (component: any) => void;
 export declare const unsubscribeTabbingChange: (component: any) => void;
 export declare const enableUserIsTabbing: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "10.5.0",
+  "version": "10.6.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -67,9 +67,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.67",
-    "@duetds/icons": "4.3.9",
-    "@duetds/tokens": "5.1.2",
+    "@duetds/fonts": "3.0.68",
+    "@duetds/icons": "4.3.10",
+    "@duetds/tokens": "5.1.3",
     "@percy/cli": "1.30.1",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.36.3",
@@ -97,5 +97,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "136213c9d5eb4ccc8a2d492c8122e0572c665dc3"
+  "gitHead": "572d3c821f7c9a3d07ebba40c15cf13221523411"
 }

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as o,g as n}from"./p-B2cboDWM.js";import{i}from"./p-BzYmwX5_.js";const a=class{constructor(t){e(this,t),this.theme="",this.sticky=!1}componentWillLoad(){i(this)}render(){return t(o,{key:"7e22b4d7023564579ca7e937ea9b3e1c41383217"},t("div",{key:"cbd604f24c3d48b16771529aaf84590fbe2c349e",class:{container:!0,sticky:this.sticky}},t("slot",{key:"6d354508134cf4f829922e1d12b9163ed8796753"}),t("slot",{key:"2cde080603a8252ec4015dedd7166b3d3c59b945",name:"mobile"}),t("slot",{key:"9654b2dfc61dbbb9833a8b5df624bdb92adadc15",name:"desktop"})))}get element(){return n(this)}};a.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%}:host([sticky]){position:relative;z-index:300}.container{position:relative;z-index:400;pointer-events:none}.container *{pointer-events:auto}::slotted(*[slot=mobile]){display:inherit}::slotted(*[slot=desktop]){display:none}@media (min-width: 62em){::slotted(*[slot=mobile]){display:none}::slotted(*[slot=desktop]){display:inherit}}.sticky{position:sticky;top:0}@media (min-width: 62em){.sticky{position:relative;top:unset}}";export{a as duet_nav}

package/lib/duet/p-18a8ea12.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as s,H as o,g as a}from"./p-B2cboDWM.js";import{i}from"./p-BzYmwX5_.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as r}from"./p-Db8rvjPI.js";import{a as h,g as l,c,d}from"./p-CFqvB5PA.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){i(this),this.buttonAriaOpen=this.open}connectedCallback(){c(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"63b3a492707e1a57c1611b073e6b663f3b3f5550"},s("div",{key:"663d694dedf732ed665fdd22ac8bfbb609aa4ba2",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"035ca78df910e7b4c7266e94ce54011f73197274",ref:e=>this.contentElement=e,class:{content:!0,"duet-theme-turva":"turva"===this.theme},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"6a41aea8c1bd21d5112e1d0fadb83de9c25b99a2",class:{"slotted-content":!0}},s("slot",{key:"7cbe45659e187d12579f798c9019be8aa6c40c83"}))),s("duet-button",{key:"fb2e655522a81a79a288db8a6ba720e3ada41a5d",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"5cb30295ce5968c5d7a87185652db0640ab42839"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return a(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}';export{m as duet_show_more}

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

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

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as i,H as c,g as o}from"./p-B2cboDWM.js";import{i as d}from"./p-BzYmwX5_.js";import{c as n}from"./p-Cfr_DJqU.js";import{s as r,u as a,h}from"./p-Db8rvjPI.js";import{g as s}from"./p-CFqvB5PA.js";import"./p-C6E9F6QT.js";const u=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=n("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name!==this.name&&(t.name=this.name),t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var d;const n=null!==(d=e.value)&&void 0!==d?d:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=n,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{this.disabled?e.preventDefault():this.popupElement&&(e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){d(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){r(this)}disconnectedCallback(){a(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${s(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${s(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},d={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"ebc8f8cba112ee9f682c22ba09f04b05968d4ba2",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"6bf0c0545a457d2917df074d7d263e12e07e3255",class:o},i("button",Object.assign({key:"51780aa4be42824dd17784e59b17ff23cdca4ea1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},d),i("span",{key:"52036fee728f26c3b21701d9ed870caf45e9295f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"7ef322e3c74ca552fb91a03d1d4d7cbba4b325e3",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"b781a521f1dc02c0c7b0792309d4fb730acc5c2d"}))),"input"===this.variation&&i("span",{key:"c997bfd1f27de93629210b953c9788bdf754538f",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"c1ff3d503dda53884a42637460d048a27fe0d40e",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},d),i("span",{key:"73d0e2250e46b6bdd1ffd65f9879e7c9d90da448",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"f5353d825977fb008fb2d71fe796a2c6f4720181",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"2932e26e6266957b80953b2ce275d580466e47ba"})),i("button",{key:"248c016d99211ec7893a1cc74f7ecd268d44d343",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"6172cedf507d0e6f69ea39ce8fa6a4e21b714d11",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"8c7b88c4c077b7bd4afd0c7bdf36d01f9c9092ae",class:o},i("input",Object.assign({key:"b97c5cba016483f506521d00100f022160f48680","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},d)),i("label",{key:"cc082e72c8f2a782f4bfd44afc35daea973c6b08",htmlFor:t},this.icon&&i("span",{key:"a453948d4d0507fe5dbd080f573d83356f95f35c",class:"duet-chip-icon-container"},i("duet-icon",{key:"4545c9c75f4ac311e19d9932328eb7e6d8318ac9",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"2dd3e4bc69e6efd4138ba8b74a5fddf52394416f",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"5367a32b3b34e7c67412bd0a0dfa9ace24636687"}),this.popupElement&&i("span",{key:"edad2d024ba464eea661cd1990629633438b6ba0",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"aa76a07f9446fea95dc61660c92c5bee645f27d4",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"97fe2aee42e9823b794acaeda3df724470c4c832",class:o},i("slot",{key:"f820fe5d09ff67433693698dd9d60848535cab8a",name:"input"}),i("label",{key:"0953b3248cc1c8f6fa46f2684f7fc465bfd0a412",htmlFor:t},this.icon&&i("span",{key:"25e66d3992af529de900ead65488bf64a4c12650",class:"duet-chip-icon-container"},i("duet-icon",{key:"731d3562a51b7c231d8142c7b0ec8d95675439ab",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"9b041e11ab55414369bcd45962c31263129fd5b6",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"9a9dd5c4ba7e327a2df00f24bb272f61a4061d65"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}.duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;background:rgb(255, 255, 255);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-disabled:hover{background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}.duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input .duet-chip-remove-button:hover{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(255, 229, 230);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 201, 204);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{u as duet_chip}