@duetds/components 8.5.5 → 8.6.1

package/lib/types/components/duet-choice-group/duet-choice-group.d.ts

@@ -99,6 +99,11 @@ export declare class DuetChoiceGroup implements ThemeableComponent {
     private onChoiceReady;
     private onChoiceRemove;
     private setInitialValue;
+    /**
+     * @internal
+     * Get initial value
+     */
+    getInitialValue(): Promise<string>;
     /**
      * Local methods
      */

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

@@ -9,7 +9,7 @@ export type DuetComboboxEvent = {
     item: DuetComboboxItem;
 };
 export type DuetComboboxItem = {
-    id?: number;
+    id?: string;
     value: any;
     name: string;
     html?: string;
@@ -23,27 +23,27 @@ export declare class DuetCombobox implements ThemeableComponent {
     private resizeObserver;
     element: HTMLDivElement;
     processedItems: DuetComboboxItem[];
-    inputWidth: number;
     inputValue: string;
-    selectionMsg: string;
     listOpen: boolean;
-    selectedItems?: Set<number>;
+    selectedItems?: Set<string>;
     activeItem?: number;
     activeItemHandler(state: any): void;
     /**
-     * Placeholder defaults
-     * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+     * Defaults for the accessible labels for the select items
      */
     accessibleLabelDefaults: DuetLangObject | string;
     /**
-     * Hint text to display before the user types into the date picker input.
-     * @default   {
-     * heading: "Valitse:",
-     * item: "{0}, ({1}/{2})",
-     * itemFiltered: "{0}, ({1}/{2} - {3} suodatettu"
-     * }
+     * Accessible labels for the select items
      */
     accessibleLabels: Record<string, string>;
+    /**
+     * Label for the input if input is not provided as a slotted element.
+     */
+    label: string;
+    /**
+     * Caption for the input if input is not provided as a slotted element.
+     */
+    caption: string;
     /**
      * Theme of the combobox.
      */
@@ -54,7 +54,12 @@ export declare class DuetCombobox implements ThemeableComponent {
      */
     force: boolean;
     /**
-     * Array of item objects.
+     * Allow multiple selections. Selections are displayed as DuetChips.
+     */
+    multiple: boolean;
+    /**
+     * Array of item objects. Each item should have properties name, value and optionally id. If id is not provided, it will be generated.
+     * Alternatively, an array of strings can be provided, in which case the strings will be used for name, value and id.
      */
     items: any;
     /**
@@ -64,9 +69,9 @@ export declare class DuetCombobox implements ThemeableComponent {
      */
     formatter: (item: DuetComboboxItem) => string;
     /**
-     * Value of selected item/s
+     * Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string.
      */
-    value: string;
+    value: string | string[];
     /**
      * Defines minimum number of characters that must be given to show search results
      */
@@ -89,9 +94,9 @@ export declare class DuetCombobox implements ThemeableComponent {
      * @param item: DuetComboboxItem
      */
     formatItem(item: DuetComboboxItem): Promise<string>;
-    processItems(): Promise<void>;
-    processValue(): Promise<void>;
-    processListOpenChange(): Promise<void>;
+    processItems(): void;
+    processValue(): void;
+    processListOpenChange(): void;
     /**
      * Component lifecycle events.
      */
@@ -99,36 +104,45 @@ export declare class DuetCombobox implements ThemeableComponent {
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidLoad(): void;
-    /**
-     * Updates the input text based on the selected/clicked items.
-     * @param event - event
-     *'param item: DuetComboboxItem - the item that was selected
-     */
-    private onListClick;
     /**
      * Helper function that checks inputs in the field, compares it with the item list and returns true when inputvalue matches selectedItem id
-     * TODO: this should be disabled in multiple mode
      */
     private shouldListBeFiltered;
     /**
      * Helper function that return correct collection depending on filter status returend by shouldListBeFiltered
      */
     private returnFilteredOrNonFiltered;
+    private emitChangeEvent;
     /**
-     * Updates the selected items based on the item id.
-     * @param id
-     * @private
+     * Updates the value after selected items have changed for multiple selection.
      */
-    private updateSelectedItems;
+    private updateMultipleValue;
     /**
-     * Updates the input text based on the selected/clicked items.
-     * @param bool -override to clear if invoked by "click outside"
+     * Add item with id to the selectedItems set. Used only when multiple is true.
+     */
+    private addSelectedItem;
+    /**
+     * Remove item with id from the selectedItems set. Used only when multiple is true.
+     */
+    private removeSelectedItem;
+    /**
+     * Updates the selected item based on the item id. Used only when multiple is false.
+     */
+    private updateSelectedItem;
+    /**
+     * Add or remove chips of the input based on the selectedItems Set.
+     */
+    private updateChips;
+    private getSelectedItemLabel;
+    /**
+     * Updates the input text when the combobox loses focus or when a selection is made.
      */
     private updateInputText;
-    private updateInputValue;
-    private handleInputKeyDownEvent;
-    private selectActiveItem;
-    private announceActive;
+    private onListClick;
+    private onInputChange;
+    private onInputClick;
+    private onInputTyping;
+    private onKeyDown;
     private scrollToActive;
     private formatLabel;
     /**

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

@@ -151,6 +151,11 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
      * Variation of button. Use "button" to render a button element next to the input. Use "revealable" to render a button that reveals the password.
      */
     variation: DuetVariationType;
+    /**
+     * @internal
+     * Render a container for chips
+     */
+    chips: boolean;
     /**
      * Label for the input.
      */
@@ -199,6 +204,7 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
      */
     placeholder: string;
     /**
+     * @internal
      * Used internally in Duet to adjust whether this component acts as e.g. number input.
      */
     component: DuetInputComponentType;
@@ -292,6 +298,30 @@ export declare class DuetInput implements ThemeableComponent, InputComponent, A1
      * `input.resetCursor()`.
      */
     clearInput(): Promise<void>;
+    private getAllChips;
+    /**
+     * @internal
+     * Add a chip to the input
+     */
+    addChip(chip: HTMLDuetChipElement): Promise<void>;
+    /**
+     * @internal
+     * Does the input have a chip with the given value and text
+     */
+    hasChip({ value, text }: {
+        value: string;
+        text: string;
+    }): Promise<boolean>;
+    /**
+     * @internal
+     * Get all chips from the input
+     */
+    getChips(): Promise<HTMLDuetChipElement[]>;
+    /**
+     * @internal
+     * Remove all chips from the input
+     */
+    clearChips(): Promise<void>;
     /**
      * render() function
      * Always the last one in the class.

package/lib/types/components/duet-menu-bar-button/duet-menu-bar-button.d.ts

@@ -1,14 +1,11 @@
 import { A11yComponent } from "../../common";
-import { DuetIconSize, DuetTheme } from "../../common-types";
+import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetMenuBarButton implements ThemeableComponent, A11yComponent {
     /**
      * Own Properties.
      */
     private nativeButton?;
-    private mql;
-    private boundMqlFunctions;
-    iconSize: DuetIconSize;
     /**
      * Reference to host HTML element.
      */
@@ -74,9 +71,6 @@ export declare class DuetMenuBarButton implements ThemeableComponent, A11yCompon
      * Component lifecycle events.
      */
     componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private changeIconSize;
     /**
      * Sets focus on underlying button element.
      */

package/lib/types/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.d.ts

@@ -1,13 +1,10 @@
-import { DuetIconSize, DuetTheme } from "../../common-types";
+import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetMenuBarDropdown implements ThemeableComponent {
     /**
      * Own Properties.
      */
-    private mql;
-    private boundMqlFunctions;
     private button;
-    iconSize: DuetIconSize;
     /**
      * Reference to host HTML element.
      */
@@ -35,9 +32,6 @@ export declare class DuetMenuBarDropdown implements ThemeableComponent {
      * Component lifecycle events.
      */
     componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private changeIconSize;
     private onClick;
     private getVariant;
     private handleEscape;

package/lib/types/components/duet-menu-bar-link/duet-menu-bar-link.d.ts

@@ -1,12 +1,6 @@
-import { DuetIconSize, DuetTheme } from "../../common-types";
+import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetMenuBarLink implements ThemeableComponent {
-    /**
-     * Own Properties.
-     */
-    private mql;
-    private boundMqlFunctions;
-    iconSize: DuetIconSize;
     /**
      * Reference to host HTML element.
      */
@@ -37,9 +31,6 @@ export declare class DuetMenuBarLink implements ThemeableComponent {
      * Component lifecycle events.
      */
     componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private changeIconSize;
     /**
      * render() function
      * Always the last one in the class.

package/lib/types/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.d.ts

@@ -1,4 +1,4 @@
-import { DuetIconSize, DuetTheme } from "../../common-types";
+import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetSubmenuBarDropdown implements ThemeableComponent {
     /**
@@ -8,7 +8,6 @@ export declare class DuetSubmenuBarDropdown implements ThemeableComponent {
     private boundMqlFunctions;
     private button;
     isDesktop: boolean;
-    iconSize: DuetIconSize;
     /**
      * Reference to host HTML element.
      */

package/lib/types/components/duet-submenu-bar-link/duet-submenu-bar-link.d.ts

@@ -1,12 +1,6 @@
-import { DuetIconSize, DuetTheme } from "../../common-types";
+import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export declare class DuetSubmenuBarLink implements ThemeableComponent {
-    /**
-     * Own Properties.
-     */
-    private mql;
-    private boundMqlFunctions;
-    iconSize: DuetIconSize;
     /**
      * Reference to host HTML element.
      */
@@ -31,9 +25,6 @@ export declare class DuetSubmenuBarLink implements ThemeableComponent {
      * Component lifecycle events.
      */
     componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private changeIconSize;
     private handleEscape;
     /**
      * render() function

package/lib/types/components.d.ts

@@ -978,6 +978,7 @@ export namespace Components {
           * Display choice group in error state along with an error message.
          */
         "error": string;
+        "getInitialValue": () => Promise<string>;
         /**
           * Legend displayed for the choice buttons in this group.
          */
@@ -1067,15 +1068,17 @@ export namespace Components {
     }
     interface DuetCombobox {
         /**
-          * Placeholder defaults
-          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+          * Defaults for the accessible labels for the select items
          */
         "accessibleLabelDefaults": DuetLangObject | string;
         /**
-          * Hint text to display before the user types into the date picker input.
-          * @default { heading: "Valitse:", item: "{0}, ({1}/{2})", itemFiltered: "{0}, ({1}/{2} - {3} suodatettu" }
+          * Accessible labels for the select items
          */
         "accessibleLabels": Record<string, string>;
+        /**
+          * Caption for the input if input is not provided as a slotted element.
+         */
+        "caption": string;
         /**
           * Defines if filtering of items should be done by includes or startsWith
          */
@@ -1096,13 +1099,21 @@ export namespace Components {
          */
         "formatter": (item: DuetComboboxItem) => string;
         /**
-          * Array of item objects.
+          * Array of item objects. Each item should have properties name, value and optionally id. If id is not provided, it will be generated. Alternatively, an array of strings can be provided, in which case the strings will be used for name, value and id.
          */
         "items": any;
+        /**
+          * Label for the input if input is not provided as a slotted element.
+         */
+        "label": string;
         /**
           * Defines minimum number of characters that must be given to show search results
          */
         "minCharacters": number;
+        /**
+          * Allow multiple selections. Selections are displayed as DuetChips.
+         */
+        "multiple": boolean;
         /**
           * Defines if items list should always open after clicking on input
          */
@@ -1112,9 +1123,9 @@ export namespace Components {
          */
         "theme": DuetTheme;
         /**
-          * Value of selected item/s
+          * Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string.
          */
-        "value": string;
+        "value": string | string[];
     }
     interface DuetContactCard {
         /**
@@ -1892,6 +1903,7 @@ export namespace Components {
           * Indicates the id of a component owned by the input.
          */
         "accessibleOwns": string;
+        "addChip": (chip: HTMLDuetChipElement) => Promise<void>;
         /**
           * Enable or disable automatic completion by the browser
          */
@@ -1900,17 +1912,16 @@ export namespace Components {
           * Caption (underneath label) that can be set as a way of adding extra information
          */
         "caption": string;
+        "chips": boolean;
         /**
           * If set, the input field will display a clear button that can be accessed with tabbing.
          */
         "clear": boolean;
+        "clearChips": () => Promise<void>;
         /**
           * Reset the cursor position on the native element `input.resetCursor()`.
          */
         "clearInput": () => Promise<void>;
-        /**
-          * Used internally in Duet to adjust whether this component acts as e.g. number input.
-         */
         "component": DuetInputComponentType;
         /**
           * Set the amount of time, in milliseconds, to wait to trigger the duetChange event after each keystroke.
@@ -1936,6 +1947,8 @@ export namespace Components {
           * Expands the input to fill 100% of the container width.
          */
         "expand": boolean;
+        "getChips": () => Promise<HTMLDuetChipElement[]>;
+        "hasChip": ({ value, text }: { value: string; text: string; }) => Promise<boolean>;
         /**
           * Icon to display on the right side (from Duet’s icons). Example: "form-location"
          */
@@ -5297,6 +5310,7 @@ declare global {
     };
     interface HTMLDuetChipElementEventMap {
         "duetChange": DuetChipEvent;
+        "duetRemove": DuetChipEvent;
         "duetFocus": DuetChipEvent;
         "duetBlur": DuetChipEvent;
     }
@@ -7017,6 +7031,10 @@ declare namespace LocalJSX {
           * Emitted when the chip receives focus.
          */
         "onDuetFocus"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
+        /**
+          * Emitted when an input chip is removed.
+         */
+        "onDuetRemove"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
         /**
           * Id of the DuetPopupMenu that is controlled by the chip.
          */
@@ -7294,15 +7312,17 @@ declare namespace LocalJSX {
     }
     interface DuetCombobox {
         /**
-          * Placeholder defaults
-          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+          * Defaults for the accessible labels for the select items
          */
         "accessibleLabelDefaults"?: DuetLangObject | string;
         /**
-          * Hint text to display before the user types into the date picker input.
-          * @default { heading: "Valitse:", item: "{0}, ({1}/{2})", itemFiltered: "{0}, ({1}/{2} - {3} suodatettu" }
+          * Accessible labels for the select items
          */
         "accessibleLabels"?: Record<string, string>;
+        /**
+          * Caption for the input if input is not provided as a slotted element.
+         */
+        "caption"?: string;
         /**
           * Defines if filtering of items should be done by includes or startsWith
          */
@@ -7318,13 +7338,21 @@ declare namespace LocalJSX {
          */
         "formatter"?: (item: DuetComboboxItem) => string;
         /**
-          * Array of item objects.
+          * Array of item objects. Each item should have properties name, value and optionally id. If id is not provided, it will be generated. Alternatively, an array of strings can be provided, in which case the strings will be used for name, value and id.
          */
         "items"?: any;
+        /**
+          * Label for the input if input is not provided as a slotted element.
+         */
+        "label"?: string;
         /**
           * Defines minimum number of characters that must be given to show search results
          */
         "minCharacters"?: number;
+        /**
+          * Allow multiple selections. Selections are displayed as DuetChips.
+         */
+        "multiple"?: boolean;
         /**
           * Emitted when selected item changed.
          */
@@ -7338,9 +7366,9 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
         /**
-          * Value of selected item/s
+          * Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string.
          */
-        "value"?: string;
+        "value"?: string | string[];
     }
     interface DuetContactCard {
         /**
@@ -8208,10 +8236,6 @@ declare namespace LocalJSX {
           * If set, the input field will display a clear button that can be accessed with tabbing.
          */
         "clear"?: boolean;
-        /**
-          * Used internally in Duet to adjust whether this component acts as e.g. number input.
-         */
-        "component"?: DuetInputComponentType;
         /**
           * Set the amount of time, in milliseconds, to wait to trigger the duetChange event after each keystroke.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "8.5.5",
+  "version": "8.6.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -75,5 +75,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "cb52b4d9fcf70d2289749fa3087b39ac1bb75df3"
+  "gitHead": "45d1ef810b411d30818cdfdd5ae84674f8027641"
 }

package/lib/duet/p-0de8d0c0.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(o.next(t))}catch(t){i(t)}}function u(t){try{s(o["throw"](t))}catch(t){i(t)}}function s(t){t.done?n(t.value):r(t.value).then(a,u)}s((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return s([t,e])}}function s(u){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(o=1,r&&(i=u[0]&2?r["return"]:u[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,u[1])).done)return i;if(r=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){n.label=u[1];break}if(u[0]===6&&n.label<i[1]){n.label=i[1];i=u;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(u);break}if(i[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];r=0}finally{o=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-9644775c.system.js","./p-1c689a26.system.js","./p-50f4bca2.system.js","./p-34d7dd10.system.js"],(function(t){"use strict";var e,n,o,r,i,a,u;return{setters:[function(t){e=t.r;n=t.h;o=t.H;r=t.g},function(t){i=t.a},function(t){a=t.i},function(t){u=t.f}],execute:function(){var s='*,*::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;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var d=t("duet_menu_bar_dropdown",function(){function t(t){var n=this;e(this,t);this.mql=[window.matchMedia(i.replace(/'/g,""))];this.boundMqlFunctions=[];this.changeIconSize=function(){if(n.mql[0].matches){n.iconSize="x-small"}else{n.iconSize="small"}};this.onClick=function(){n.open=!n.open};this.getVariant=function(){var t=n.element.parentElement.getAttribute("slot");switch(t){case"center":return"right";case"right":return"right";default:return"right"}};this.iconSize="x-small";this.accessibleLabel=undefined;this.theme="";this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var n=t.composedPath().every((function(t){return t!==e.element}));if(n){this.open=false}};t.prototype.componentWillLoad=function(){a(this)};t.prototype.connectedCallback=function(){this.changeIconSize();for(var t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){var e=this.changeIconSize.bind(this);this.mql[t].addEventListener("change",e);this.boundMqlFunctions[t]=e}}};t.prototype.disconnectedCallback=function(){for(var t=0;t<this.mql.length;t++){if(this.mql[t].removeEventListener){this.mql[t].removeEventListener("change",this.boundMqlFunctions[t])}}this.boundMqlFunctions=[]};t.prototype.handleEscape=function(t){if(u(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;return n(o,{role:"listitem"},n("div",{class:(t={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},t["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,t)},n("button",{ref:function(t){return e.button=t},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&n("duet-icon",{theme:this.theme,name:this.icon,size:this.iconSize,margin:"none",color:"currentColor"}),n("div",{class:"label"},n("slot",{name:"label"}),n("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),n("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());d.style=s}}}));

package/lib/duet/p-3f2d14e3.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-9644775c.system.js","./p-1c689a26.system.js","./p-50f4bca2.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,n,i,a,r,o,s;return{setters:[function(e){t=e.r;n=e.h;i=e.H;a=e.g},function(e){r=e.a},function(e){o=e.i},function(e){s=e.f}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;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.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-submenu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 77, 128)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(148, 9, 37)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(148, 9, 37)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(148, 9, 37)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(148, 9, 37)}}';var l=e("duet_submenu_bar_link",function(){function e(e){var n=this;t(this,e);this.mql=[window.matchMedia(r.replace(/'/g,""))];this.boundMqlFunctions=[];this.changeIconSize=function(){if(n.mql[0].matches){n.iconSize="x-small"}else{n.iconSize="small"}};this.iconSize="small";this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){o(this)};e.prototype.connectedCallback=function(){this.changeIconSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeIconSize.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.handleEscape=function(e){if(s(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return n(i,null,n("a",{class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&n("duet-icon",{theme:this.theme,name:this.icon,size:this.iconSize,margin:"none",color:"currentColor"}),n("span",{class:"label"},n("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());l.style=u}}}));

package/lib/duet/p-7cf03aa8.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register([],(function(n){"use strict";return{execute:function(){var r=function(n,r){var e=Array.from(n.querySelectorAll(":scope > *"));return e.filter((function(n){return n.matches("[slot='".concat(r,"']"))}))};var e=n("g",(function(n){var r=Array.from(n.querySelectorAll(":scope > *"));return r.filter((function(n){return!n.getAttribute("slot")}))}));var t=n("h",(function(n,e){return r(n,e).length>0}));var u=n("c",(function(n,e,t,u,o){if(u===void 0){u=0}if(o===void 0){o=false}var i=o?"error":"warn";var f=[];var a=r(n,e);var c=a.filter((function(n){if(n.matches(t)){return true}f.push('Only elements matcing selector "'.concat(t,'" may be used in slot ').concat(e,", found:\n").concat(n.outerHTML));if(o){n.remove();return false}return true}));if(u&&c.length>u){f.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(a.length,"."));if(o){c.slice(u).forEach((function(n){return n.remove()}))}}if(f.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(f.join("\n")).concat(o?"\nElement".concat(f.length>1?"s":""," removed."):""))}}))}}}));

package/lib/duet/p-8cc30578.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,H as o,g as n}from"./p-83e9058b.js";import{a}from"./p-f9a8d356.js";import{i as r}from"./p-a58bd561.js";import{f as i}from"./p-a1b7f2a0.js";const d=class{constructor(e){t(this,e),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.checkIsDesktop=()=>{this.mql[0].matches?(this.isDesktop=!0,this.iconSize="x-small"):(this.isDesktop=!1,this.iconSize="small")},this.onClick=()=>{const t=this.open;if(!this.isDesktop){const t=Array.from(this.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(const e of t)e.open=!1}this.open=!t},this.isDesktop=!1,this.iconSize="small",this.theme="",this.active=!1,this.open=!1,this.icon=void 0}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&this.isDesktop&&(this.open=!1)}componentWillLoad(){r(this)}connectedCallback(){this.checkIsDesktop();for(let t=0;t<this.mql.length;t++)if(this.mql[t].addEventListener){const e=this.checkIsDesktop.bind(this);this.mql[t].addEventListener("change",e),this.boundMqlFunctions[t]=e}}disconnectedCallback(){for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.boundMqlFunctions[t]);this.boundMqlFunctions=[]}handleEscape(t){if(i(t))if(this.open)this.open=!1;else{const t=this.element.closest("duet-submenu-bar");t.open=!1,t.setFocus()}}async setFocus(t){this.button.focus(t)}render(){return e(o,null,e("div",{class:{"duet-submenu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,open:this.open,active:this.active}},e("button",{ref:t=>this.button=t,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:t=>this.handleEscape(t)},this.icon&&e("duet-icon",{theme:this.theme,name:this.icon,size:this.iconSize,margin:"none",color:"currentColor"}),e("div",{class:"label"},e("span",{class:"label-text"},e("slot",{name:"label"})),e("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),e("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},e("slot",null))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;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.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 77, 128)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(230, 242, 248)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(0, 41, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(0, 41, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(228, 228, 230)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(148, 9, 37)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(148, 9, 37)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(228, 228, 230)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';export{d as duet_submenu_bar_dropdown}

package/lib/duet/p-92e1181c.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-83e9058b.js";import{i as u}from"./p-a58bd561.js";import{c as r}from"./p-5e59e970.js";import{a,b as o,c as h,d,e as b,s as l,u as c}from"./p-a1b7f2a0.js";import{a as p,b as m,g,c as f,d as v}from"./p-2e36d5bf.js";import{c as x}from"./p-d87f6dd5.js";import"./p-0e052642.js";function w(t,e){let i;if("string"==typeof t){if(""===t)return null;let s=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(s=function(t,e,i=!1){let s;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),r=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return s=t.replace(n,"DECIMALSEPARATOR"),s=s.replace(r,i?"THOUSANDSEPARATOR":""),s=s.replace("DECIMALSEPARATOR",u),s=s.replace("THOUSANDSEPARATOR",a),s}(s,e,!1)),s=s.replace(/\s+/g,""),i=parseFloat(s)}if("number"==typeof t&&(i=parseFloat(String(t))),!isNaN(Number(i)))return Number(i);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const y=(t,e,i)=>Math.min(Math.max(t,e),i),A=class{constructor(i){t(this,i),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.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{a(t)||o(t)?this.add(t):h(t)||d(t)?this.subtract(t):b(t)&&this.clearValue()},this.handleChange=t=>{const e=t.target;if(e&&e.value)try{let i=w(e.value,this.locale);(isNaN(i)||null==i)&&(i=this.min||0),this.setValue(i),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:w(this.value,this.locale).toString(),valueAsNumber:i})}catch(e){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 i;if(e)if(e.value)try{let s=w(e.value,this.locale);this.rounding&&(i=this.step,s=Math.round(s/i)*i),s=y(s,this.min,this.max),s===w(this.value,this.locale)&&s===w(this.focusedValue,this.locale)||(this.setValue(s),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=w(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),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value} ${this.unit}`},this.add=t=>{t&&t.preventDefault();const e=w(this.value,this.locale);if(e===this.max)return;let i=null==e?this.min:e+this.step;i%this.step!=0&&(i-=i%this.step);const s=y(i,this.min,this.max);this.value=this.localizeValue(s),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=w(this.value,this.locale);if(e===this.min)return;let i=e-this.step;i%this.step!=0&&(i+=this.step-i%this.step),i=y(i,this.min,this.max),this.value=this.localizeValue(i),this.emitChange(t)},this.language=p(),this.locale=m(this.language).locale,this.unit=m(this.language).money,this.focusedValue=void 0,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=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.identifier=void 0,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.name=void 0,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.role=void 0,this.disabled=!1,this.required=!1,this.value=void 0}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(w(this.value,this.locale))),x(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){f(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),l(this)}disconnectedCallback(){v(this),c(this)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=w(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(){this.value=null,this.duetInputElement.value=""}formatAnnouncement(){const t=this.value?w(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?w(this.value,this.locale):null;return i(s,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},i("div",{class:"duet-number-container"},i("duet-input",{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},i("slot",{name:"tooltip"}),i("div",{class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},i("button",{"aria-controls":t,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"},i("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),i("duet-icon",{icon:'<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>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),i("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},i("duet-visually-hidden",null,this.accessibleAdd," ",this.step),i("duet-icon",{icon:'<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>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&i("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};A.style='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-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.sc-duet-number-input .duet-number-button.sc-duet-number-input{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.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px #171c3a !important}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid rgb(207, 210, 212)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(225, 227, 230)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:rgb(228, 228, 230)}';export{A as duet_number_input}

package/lib/duet/p-9735b2f9.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as i,h as o,H as e,g as n}from"./p-83e9058b.js";import{i as a}from"./p-a58bd561.js";import{c as s}from"./p-5e59e970.js";import{d as r}from"./p-9e371678.js";import{i as d}from"./p-a1b7f2a0.js";import{g as c,c as u,d as h}from"./p-2e36d5bf.js";import{c as b,g as l,s as p}from"./p-0bdcf67f.js";import"./p-0e052642.js";import"./p-67dc45d7.js";const m=class{constructor(o){t(this,o),this.duetActionEvent=i(this,"duetActionEvent",6),this.listId=s("duet-action-button"),this.emitPageEvent=r((t=>{this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionId,name:this.actionName,meta:this.actionMeta,id:this.listId})})),this.numbersStore="",this.theme="",this.iconName="action-arrow-left-small",this.iconColor="currentColor",this.iconSize="xx-small",this.actionName="default-action",this.actionId=void 0,this.actionMeta=void 0,this.disabled=!1,this.color="",this.background="",this.accessibleTitle=!0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"},this.accessibleLabel=c(this.accessibleLabelsDefaults),this.accessibleControls="",this.url=void 0}async onKeyboardDown(t){d(t)&&this.emitPageEvent(t)}getTitle(){let t="";return"string"==typeof this.accessibleTitle&&(t=this.accessibleTitle),!0===this.accessibleTitle&&(t=b(`${this.actionName}`)),t}async onMouseHandler(t){t.preventDefault(),this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta})}componentWillLoad(){a(this)}connectedCallback(){u(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){const t="currentColor"===this.color?"currentColor":l(this.color,this.theme),i=l(this.background,this.theme),n=i?p(i,-.1):i,a=i?`\n          button.duet-action-button {\n            background: ${i} !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ${n} !important;\n          }\n        `:"",s={ref:t=>this.nativeButton=t,part:"button",style:{color:t,"border-color":l(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"},disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:{"duet-action-button":!0,"duet-action-button--disabled":this.disabled,[`duet-action-button--${this.theme}`]:""!==this.theme,"duet-theme-turva":"turva"===this.theme}};return o(e,{onKeyDown:t=>this.onKeyboardDown(t)},o("style",{innerHTML:a}),this.url&&!this.disabled?o("a",Object.assign({},s,{href:this.url}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):o("button",Object.assign({},s,{onClick:t=>this.onMouseHandler(t)}),o("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),o("duet-visually-hidden",null,o("slot",null))))}get element(){return n(this)}};m.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(0, 41, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9e9eb}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#ddddde !important}.duet-action-button:disabled{color:rgb(144, 149, 153);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(116, 116, 117);background:rgb(245, 245, 247)}";export{m as duet_action_button}