@duetds/components 5.0.5 → 5.1.2

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

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { DuetComboboxItem } from "./duet-combobox";
+export interface DuetComboboxSelectSingleProps {
+  item: DuetComboboxItem;
+  search: string;
+  selected: boolean;
+}
+export declare const SelectSingle: FunctionalComponent<DuetComboboxSelectSingleProps>;

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

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { DuetComboboxItem } from "./duet-combobox";
+interface DuetComboboxSelect {
+  item: DuetComboboxItem;
+  active: boolean;
+  search: string;
+  total: number;
+  clickHandler?: any;
+  keyHandler?: any;
+  label?: string;
+  selected: boolean;
+}
+export declare const DuetComboBoxSelect: FunctionalComponent<DuetComboboxSelect>;
+export {};

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

@@ -0,0 +1,131 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export declare type DuetComboboxEvent = {
+  originalEvent?: Event;
+  component: "duet-combobox";
+  value: any;
+  item: DuetComboboxItem;
+};
+export declare type DuetComboboxItem = {
+  id?: number;
+  value: any;
+  name: string;
+  html?: string;
+  tags?: string[];
+};
+export declare class DuetCombobox implements ThemeableComponent {
+  private input?;
+  private listElement;
+  private listContainer;
+  private isSafari;
+  private resizeObserver;
+  element: HTMLDivElement;
+  processedItems: DuetComboboxItem[];
+  inputWidth: number;
+  inputValue: string;
+  selectionMsg: string;
+  listOpen: boolean;
+  selectedItems?: Set<number>;
+  activeItem?: number;
+  activeItemHandler(state: any): void;
+  /**
+   * Placeholder defaults
+   * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+   */
+  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"
+   * }
+   */
+  accessibleLabels: Record<string, string>;
+  /**
+   * Theme of the combobox.
+   */
+  theme: DuetTheme;
+  /**
+   * Force the user to make a selection (typing things in the input field will only be used for list search)
+   */
+  force: boolean;
+  /**
+   * Array of item objects.
+   */
+  items: any;
+  /**
+   * A hook to overwrite how the values are displayed in the input field after a User select an item
+   * @example (item) => `${item.name} (${item.value})`
+   * @default undefined
+   */
+  formatter: (item: DuetComboboxItem) => string;
+  /**
+   * Object containing selected item/s
+   */
+  value: string;
+  /**
+   * Emitted when a keyboard input occurred.
+   */
+  duetChange: EventEmitter<DuetComboboxEvent>;
+  handleDocumentClick(e: MouseEvent): void;
+  /**
+   * Exposes a formatter function to format the item value displayed after a user selects an item
+   * @param item: DuetComboboxItem
+   */
+  formatItem(item: DuetComboboxItem): Promise<string>;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  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;
+  /**
+   * Updates the selected items based on the item id.
+   * @param id
+   * @private
+   */
+  private updateSelectedItems;
+  /**
+   * Updates the input text based on the selected/clicked items.
+   * @param bool -override to clear if invoked by "click outside"
+   */
+  private updateInputText;
+  private updateInputValue;
+  private handleInputKeyDownEvent;
+  private selectActiveItem;
+  private announceActive;
+  private scrollToActive;
+  private formatLabel;
+  /**
+   * Filter the items based on the input value
+   */
+  private getFilteredItems;
+  /**
+   * Sort the return from getFilteredItems so that any item with and item.id that matches this.selectedItems is placed first
+   */
+  private sortFilteredItems;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

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

@@ -19,6 +19,10 @@ export declare type DuetFooterChangeEvent = {
   originalEvent: Event;
 };
 export declare type DuetFooterAnalyticsEvent = DuetAnalyticsEvent<"duet-footer">;
+/**
+ * @part top - piercing selector for styling the top part of the footer
+ * @part menu - piercing selector for styling the menu section of the footer
+ */
 export declare class DuetFooter implements ThemeableComponent {
   /**
    * Reference to host HTML element.

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

@@ -23,6 +23,10 @@ export declare type DuetHeaderLanguageItem = DuetHeaderItem & {
 };
 export declare type DuetHeaderSession = DuetHeaderItem & {
   type: "login" | "logout";
+  sessionItems?: [{
+    label: string | undefined;
+    items: DuetHeaderItem[];
+  }];
 };
 export declare type DuetHeaderSearch = DuetHeaderItem;
 export declare type DuetHeaderChangeEvent = {
@@ -31,6 +35,10 @@ export declare type DuetHeaderChangeEvent = {
   component: "duet-header";
 };
 export declare type DuetHeaderAnalyticsEvent = DuetAnalyticsEvent<"duet-header">;
+export declare type DuetHeaderMobileNavToggleEvent = {
+  originalEvent: Event;
+  open: boolean;
+};
 export interface I18nText {
   skipLabel: string;
   changeLanguage: string;
@@ -52,6 +60,8 @@ export declare class DuetHeader implements ThemeableComponent {
   private hasLanguageChanged;
   private languageItemsEl;
   private languageItemsButtonEl;
+  private sessionItemsEl;
+  private sessionItemsButtonEl;
   private segmentItemsEl;
   private segmentItemsButtonEl;
   private navigationEl;
@@ -68,6 +78,7 @@ export declare class DuetHeader implements ThemeableComponent {
    */
   isContactOpen: boolean;
   isLanguageOpen: boolean;
+  isSessionOpen: boolean;
   isSlideOutOpen: boolean;
   isSegmentOpen: boolean;
   openMenu: string;
@@ -297,6 +308,10 @@ export declare class DuetHeader implements ThemeableComponent {
    * accessed via **event.detail.analyticsId**
    */
   duetAnalytics: EventEmitter<DuetHeaderAnalyticsEvent>;
+  /**
+   * Event raised mobile navigation is toggled. **event.detail.open** shows the current status of the navigation.
+   */
+  duetMobileNavToggle: EventEmitter<DuetHeaderMobileNavToggleEvent>;
   /**
    * Component lifecycle events.
    */
@@ -312,6 +327,7 @@ export declare class DuetHeader implements ThemeableComponent {
   private handleLanguageClick;
   private handleClick;
   private handleSessionClick;
+  private handleSessionItemClick;
   private handleSearchClick;
   private handleUserClick;
   private handleBackClick;

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

@@ -43,10 +43,18 @@ export declare class DuetInput implements ThemeableComponent, InputComponent {
    * Indicates the id of a component owned by the input.
    */
   accessibleOwns: string;
+  /**
+   * Expanded state of the element, if needed
+   */
+  accessibleExpanded: string;
   /**
    * Indicates the id of a component that describes the input.
    */
   accessibleDescribedBy: string;
+  /**
+   * Indicates value of any popup element associated with the input.
+   */
+  accessibleHasPopup: string;
   /**
    * Set the amount of time, in milliseconds, to wait to trigger the duetChange
    * event after each keystroke.
@@ -204,6 +212,11 @@ export declare class DuetInput implements ThemeableComponent, InputComponent {
    * `input.focus()`.
    */
   setFocus(options?: FocusOptions): Promise<void>;
+  /**
+   * Reset the cursor position on the native element
+   * `input.resetCursor()`.
+   */
+  resetCursor(): Promise<void>;
   /**
    * render() function
    * Always the last one in the class.

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

@@ -40,6 +40,10 @@ export declare class DuetTabGroup implements ThemeableComponent {
    * Whether the tab-group collapses to a select dropwdown in minor breakpoints
    */
   collapses: boolean;
+  /**
+   * Aria label for the entire tab-group
+   */
+  accessibleLabel: string;
   /**
    * Style variation of the tab group.
    */

package/lib/types/components.d.ts

@@ -15,6 +15,7 @@ import { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./compo
 import { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
 import { DuetChoiceEvent, DuetChoiceType } from "./components/duet-choice/duet-choice";
 import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
+import { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
 import { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-cookie-consent";
 import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "./components/duet-date-picker/duet-date-picker";
 import { DuetDividerMargin } from "./components/duet-divider/duet-divider";
@@ -23,7 +24,7 @@ import { DuetEditableTableActions, DuetEditableTableColumns, DuetEditableTableRo
 import { DuetEmptyStateSize } from "./components/duet-empty-state/duet-empty-state";
 import { DuetFooterAnalyticsEvent, DuetFooterChangeEvent, DuetFooterVariation } from "./components/duet-footer/duet-footer";
 import { DuetGridAlignment, DuetGridDistribution, DuetGridMobileAlignment } from "./components/duet-grid/duet-grid";
-import { DuetHeaderAnalyticsEvent, DuetHeaderChangeEvent, I18nText } from "./components/duet-header/duet-header";
+import { DuetHeaderAnalyticsEvent, DuetHeaderChangeEvent, DuetHeaderMobileNavToggleEvent, I18nText } from "./components/duet-header/duet-header";
 import { DuetHeadingWeight } from "./components/duet-heading/duet-heading";
 import { DuetHeroAnalyticsEvent, DuetHeroButtonData, DuetHeroClickEvent, DuetHeroIconSize, DuetHeroVariation } from "./components/duet-hero/duet-hero";
 import { DuetIconSize } from "./components/duet-icon/duet-icon";
@@ -688,6 +689,45 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetCombobox {
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "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" }
+         */
+        "accessibleLabels": Record<string, string>;
+        /**
+          * Force the user to make a selection (typing things in the input field will only be used for list search)
+         */
+        "force": boolean;
+        /**
+          * Exposes a formatter function to format the item value displayed after a user selects an item
+          * @param item : DuetComboboxItem
+         */
+        "formatItem": (item: DuetComboboxItem) => Promise<string>;
+        /**
+          * A hook to overwrite how the values are displayed in the input field after a User select an item
+          * @example (item) => `${item.name} (${item.value})`
+          * @default undefined
+         */
+        "formatter": (item: DuetComboboxItem) => string;
+        /**
+          * Array of item objects.
+         */
+        "items": any;
+        /**
+          * Theme of the combobox.
+         */
+        "theme": DuetTheme;
+        /**
+          * Object containing selected item/s
+         */
+        "value": string;
+    }
     interface DuetCookieConsent {
         /**
           * Adds accessible label for the cookie consent ok button.
@@ -1316,6 +1356,14 @@ export namespace Components {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy": string;
+        /**
+          * Expanded state of the element, if needed
+         */
+        "accessibleExpanded": string;
+        /**
+          * Indicates value of any popup element associated with the input.
+         */
+        "accessibleHasPopup": string;
         /**
           * Indicates the id of a component owned by the input.
          */
@@ -1404,6 +1452,10 @@ export namespace Components {
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
         "required": boolean;
+        /**
+          * Reset the cursor position on the native element `input.resetCursor()`.
+         */
+        "resetCursor": () => Promise<void>;
         /**
           * Defines a specific role attribute for the input.
          */
@@ -2440,6 +2492,10 @@ export namespace Components {
         "selected": boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Aria label for the entire tab-group
+         */
+        "accessibleLabel": string;
         /**
           * Whether the tab-group collapses to a select dropwdown in minor breakpoints
          */
@@ -3102,6 +3158,12 @@ declare global {
         prototype: HTMLDuetCollapsibleElement;
         new (): HTMLDuetCollapsibleElement;
     };
+    interface HTMLDuetComboboxElement extends Components.DuetCombobox, HTMLStencilElement {
+    }
+    var HTMLDuetComboboxElement: {
+        prototype: HTMLDuetComboboxElement;
+        new (): HTMLDuetComboboxElement;
+    };
     interface HTMLDuetCookieConsentElement extends Components.DuetCookieConsent, HTMLStencilElement {
     }
     var HTMLDuetCookieConsentElement: {
@@ -3397,6 +3459,7 @@ declare global {
         "duet-choice": HTMLDuetChoiceElement;
         "duet-choice-group": HTMLDuetChoiceGroupElement;
         "duet-collapsible": HTMLDuetCollapsibleElement;
+        "duet-combobox": HTMLDuetComboboxElement;
         "duet-cookie-consent": HTMLDuetCookieConsentElement;
         "duet-date-picker": HTMLDuetDatePickerElement;
         "duet-divider": HTMLDuetDividerElement;
@@ -4105,6 +4168,44 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetCombobox {
+        /**
+          * Placeholder defaults
+          * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+         */
+        "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" }
+         */
+        "accessibleLabels"?: Record<string, string>;
+        /**
+          * Force the user to make a selection (typing things in the input field will only be used for list search)
+         */
+        "force"?: boolean;
+        /**
+          * A hook to overwrite how the values are displayed in the input field after a User select an item
+          * @example (item) => `${item.name} (${item.value})`
+          * @default undefined
+         */
+        "formatter"?: (item: DuetComboboxItem) => string;
+        /**
+          * Array of item objects.
+         */
+        "items"?: any;
+        /**
+          * Emitted when a keyboard input occurred.
+         */
+        "onDuetChange"?: (event: CustomEvent<DuetComboboxEvent>) => void;
+        /**
+          * Theme of the combobox.
+         */
+        "theme"?: DuetTheme;
+        /**
+          * Object containing selected item/s
+         */
+        "value"?: string;
+    }
     interface DuetCookieConsent {
         /**
           * Adds accessible label for the cookie consent ok button.
@@ -4563,6 +4664,10 @@ declare namespace LocalJSX {
           * Event raised when a user has clicked the logo. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
         "onDuetLogoClick"?: (event: CustomEvent<DuetHeaderChangeEvent>) => void;
+        /**
+          * Event raised mobile navigation is toggled. **event.detail.open** shows the current status of the navigation.
+         */
+        "onDuetMobileNavToggle"?: (event: CustomEvent<DuetHeaderMobileNavToggleEvent>) => void;
         /**
           * Event for when a user has clicked the search link. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
@@ -4807,6 +4912,14 @@ declare namespace LocalJSX {
           * Indicates the id of a component that describes the input.
          */
         "accessibleDescribedBy"?: string;
+        /**
+          * Expanded state of the element, if needed
+         */
+        "accessibleExpanded"?: string;
+        /**
+          * Indicates value of any popup element associated with the input.
+         */
+        "accessibleHasPopup"?: string;
         /**
           * Indicates the id of a component owned by the input.
          */
@@ -5957,6 +6070,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Aria label for the entire tab-group
+         */
+        "accessibleLabel"?: string;
         /**
           * Whether the tab-group collapses to a select dropwdown in minor breakpoints
          */
@@ -6584,6 +6701,7 @@ declare namespace LocalJSX {
         "duet-choice": DuetChoice;
         "duet-choice-group": DuetChoiceGroup;
         "duet-collapsible": DuetCollapsible;
+        "duet-combobox": DuetCombobox;
         "duet-cookie-consent": DuetCookieConsent;
         "duet-date-picker": DuetDatePicker;
         "duet-divider": DuetDivider;
@@ -6649,6 +6767,7 @@ declare module "@stencil/core" {
             "duet-choice": LocalJSX.DuetChoice & JSXBase.HTMLAttributes<HTMLDuetChoiceElement>;
             "duet-choice-group": LocalJSX.DuetChoiceGroup & JSXBase.HTMLAttributes<HTMLDuetChoiceGroupElement>;
             "duet-collapsible": LocalJSX.DuetCollapsible & JSXBase.HTMLAttributes<HTMLDuetCollapsibleElement>;
+            "duet-combobox": LocalJSX.DuetCombobox & JSXBase.HTMLAttributes<HTMLDuetComboboxElement>;
             "duet-cookie-consent": LocalJSX.DuetCookieConsent & JSXBase.HTMLAttributes<HTMLDuetCookieConsentElement>;
             "duet-date-picker": LocalJSX.DuetDatePicker & JSXBase.HTMLAttributes<HTMLDuetDatePickerElement>;
             "duet-divider": LocalJSX.DuetDivider & JSXBase.HTMLAttributes<HTMLDuetDividerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "5.0.5",
+  "version": "5.1.2",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -51,11 +51,11 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.21",
-    "@duetds/icons": "2.2.22",
+    "@duetds/fonts": "1.4.24",
+    "@duetds/icons": "2.3.1",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.5.4",
+    "@duetds/tokens": "2.5.7",
     "@koa/cors": "3.3.0",
     "@rollup/plugin-replace": "3.1.0",
     "@stencil/core": "2.15.0",
@@ -88,5 +88,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "ce691ef662f6616589cf778a25b790f115d77f3f"
+  "gitHead": "db36e172176117fdff315a399e0217ec682922ca"
 }

package/lib/cjs/themeable-component-0c1be552.js

@@ -1,12 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-const inheritGlobalTheme = (component) => {
-  if (component.theme !== "default" && document.documentElement.classList.contains("duet-theme-turva")) {
-    component.theme = "turva";
-  }
-};
-
-exports.inheritGlobalTheme = inheritGlobalTheme;

package/lib/duet/p-195f73d6.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,H as o,g as i,c as a}from"./p-7e2e9a28.js";import{i as s}from"./p-a28cf57b.js";import{g as r,a as n}from"./p-2764f081.js";import{c as l}from"./p-c1325e35.js";import{d,b,a as u,c as h}from"./p-898f30a5.js";import"./p-986779fb.js";const c=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{var e,o,i,a;if(1===(null==t?void 0:t.length)){const s=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,r=null===(a=null===(i=t[0])||void 0===i?void 0:i.target)||void 0===a?void 0:a.scrollWidth;this.isTabContentSmallerThanWrapper=r>s+5}})),this.theme="",this.identifier="",this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){s(this);const t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.host.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.host.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1)}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.host.querySelectorAll("button");let i=o[0].getBoundingClientRect().x,a=5;const s=()=>{if(o[0].getBoundingClientRect().x===i){if(a--,0!==a)return void window.requestAnimationFrame(s);this.updateScrollButtons()}else window.requestAnimationFrame(s),i=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(s)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},e("div",{class:"duet-scrollable-items"},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1"},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:this.tabListClass,onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1"},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get host(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};c.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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const p=class{constructor(e){t(this,e),this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?r(this.accessibleDescriptionDefault):null}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription},e("slot",null))}};p.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const m=class{constructor(o){t(this,o),this.duetChange=a(this,"duetChange",3),this.duetTabChange=a(this,"duetTabChange",7),this.id=l("DuetTabGroup"),this.tabs=[],this.selected=0,this.theme="",this.scrolls=!1,this.collapses=!0,this.variation="default",this.language=n(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=r(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.handleKeyDown=t=>{let e;d(t)||b(t)?e=t.target.previousElementSibling:(u(t)||h(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,selected:t.selected},onClick:()=>this.openTab(o),onKeyDown:t=>this.handleKeyDown(t)},t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this)}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t}));const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("aria-labelledby",this.getButtonId(e)),t.selected&&(this.selected=e)}))}render(){return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[`duet-tab-variation-${this.variation}`]:!0,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses}},this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.openTab(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3,"duet-tab-group-collapses":this.collapses}},this.renderTab()),e("div",{class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin}},e("slot",null)))}get element(){return i(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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-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:#171c3a;border-color:#e4e4e6}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}';export{c as duet_scrollable,p as duet_tab,m as duet_tab_group}

package/lib/duet/p-2764f081.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{c as n}from"./p-986779fb.js";const t={fi:"fi-FI",en:"en-GB",us:"en-US",sv:"sv-SE"},e={fi:"€",en:"£",us:"$",sv:"€"},o=["fi","en","sv"],r=()=>document.documentElement.lang?document.documentElement.lang.toLowerCase():"fi",s=(n=r())=>o.includes(n)?n:"fi",i=(n=r())=>s(n),a=n=>{const o={locale:t[n],money:e[n]};if(o.locale&&o.money)return o;throw new Error(`Locale for "${n}" not found`)},c=t=>{if("string"==typeof t)try{return JSON.parse(n(t))}catch(e){console.log("sanitizeString received a string, that didnt parse to json object",t,e)}return t},f=(n,t)=>{const e=c(n);return t?e[s(t)]:e[i()]};export{i as a,a as b,f as g,c as s}

package/lib/duet/p-74780bca.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register([],(function(e){"use strict";return{execute:function(){var n=e("d",(function(e){return e.keyCode===37}));var r=e("b",(function(e){return e.keyCode===38}));var t=e("a",(function(e){return e.keyCode===39}));var u=e("c",(function(e){return e.keyCode===40}));var o=e("j",(function(e){return u(e)||t(e)||r(e)||n(e)}));var c=e("f",(function(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27}));var k=e("e",(function(e){return e.keyCode===8}));var y=e("g",(function(e){return e.key==="Space"||e.keyCode===32}));var i=e("m",(function(e){return e.key==="+"||e.keyCode===43}));var a=e("l",(function(e){return e.key==="-"||e.keyCode===45}));var f=e("h",(function(e){return e.key==="?"}));var d=function(e){return e.key==="Enter"||e.keyCode===13};var v=e("i",(function(e){return d(e)||y(e)}));var C=e("k",(function(e){return e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105}))}}}));

package/lib/duet/p-7e2e9a28.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const e="duet",t={cdnURILocal:"http://0.0.0.0:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"2.2.22"};let n,l,s,o=!1,i=!1,c=!1,r=!1,f=!1;const a="undefined"!=typeof window?window:{},u=a.document||{head:{}},$={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},d=(()=>(u.head.attachShadow+"").indexOf("[native")>-1)(),h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),m=(e,t,n)=>{n&&n.map((([n,l,s])=>{const o=b(e,n),i=y(t,s),c=w(n);$.ael(o,l,i,c),(t.o=t.o||[]).push((()=>$.rel(o,l,i,c)))}))},y=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(l){Oe(l)}},b=(e,t)=>4&t?u:8&t?a:16&t?u.body:e,w=e=>0!=(2&e),g="http://www.w3.org/1999/xlink",v=new WeakMap,k=(e,t,n)=>{let l=Re.get(e);p&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,Re.set(e,l)},j=(e,t)=>{let n=O(t),l=Re.get(n);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let t,s=v.get(e=e.head||e);s||v.set(e,s=new Set),s.has(n)||(e.host&&(t=e.querySelector(`[sty-id="${n}"]`))?t.innerHTML=l:(t=u.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link"))),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n},O=e=>"sc-"+e.$,S=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),x={},R=e=>"object"==(e=typeof e)||"function"===e,C=(e,t,...n)=>{let l=null,s=null,o=null,i=!1,c=!1,r=[];const f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!R(l))&&(l+=""),i&&c?r[r.length-1].h+=l:r.push(i?M(null,l):l),c=i)};if(f(n),t){t.key&&(s=t.key),t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,I);const a=M(e,null);return a.p=t,r.length>0&&(a.m=r),a.g=s,a.v=o,a},M=(e,t)=>({t:0,k:e,h:t,j:null,m:null,p:null,g:null,v:null}),_={},I={forEach:(e,t)=>e.map(N).forEach(t),map:(e,t)=>e.map(N).map(t).map(E)},N=e=>({vattrs:e.p,vchildren:e.m,vkey:e.g,vname:e.v,vtag:e.k,vtext:e.h}),E=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),C(e.vtag,t,...e.vchildren||[])}const t=M(e.vtag,e.vtext);return t.p=e.vattrs,t.m=e.vchildren,t.g=e.vkey,t.v=e.vname,t},P=(e,t,n,l,s,o)=>{if(n!==l){let c=je(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,s=T(n),o=T(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const f=R(l);if((c||f&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{let s=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(i){}let a=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(g,t):e.removeAttribute(t)):(!c||4&o||s)&&!f&&(l=!0===l?"":l,a?e.setAttributeNS(g,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):je(a,r)?r.slice(2):r[2]+t.slice(3),n&&$.rel(e,t,n,!1),l&&$.ael(e,t,l,!1)}},L=/\s/,T=e=>e?e.split(L):[],U=(e,t,n,l)=>{const s=11===t.j.nodeType&&t.j.host?t.j.host:t.j,o=e&&e.p||x,i=t.p||x;for(l in o)l in i||P(s,l,o[l],void 0,n,t.t);for(l in i)P(s,l,o[l],i[l],n,t.t)},F=(e,t,i,f)=>{let a,$,d,h=t.m[i],p=0;if(o||(c=!0,"slot"===h.k&&(n&&f.classList.add(n+"-s"),h.t|=h.m?2:1)),null!==h.h)a=h.j=u.createTextNode(h.h);else if(1&h.t)a=h.j=u.createTextNode("");else{if(r||(r="svg"===h.k),a=h.j=u.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.t?"slot-fb":h.k),r&&"foreignObject"===h.k&&(r=!1),U(null,h,r),null!=n&&a["s-si"]!==n&&a.classList.add(a["s-si"]=n),h.m)for(p=0;p<h.m.length;++p)$=F(e,h,p,a),$&&a.appendChild($);"svg"===h.k?r=!1:"foreignObject"===a.tagName&&(r=!0)}return a["s-hn"]=s,3&h.t&&(a["s-sr"]=!0,a["s-cr"]=l,a["s-sn"]=h.v||"",d=e&&e.m&&e.m[i],d&&d.k===h.k&&e.j&&W(e.j,!1)),a},W=(e,t)=>{$.t|=1;const n=e.childNodes;for(let l=n.length-1;l>=0;l--){const e=n[l];e["s-hn"]!==s&&e["s-ol"]&&(q(e).insertBefore(e,V(e)),e["s-ol"].remove(),e["s-ol"]=void 0,c=!0),t&&W(e,t)}$.t&=-2},A=(e,t,n,l,o,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===s&&(r=r.shadowRoot);o<=i;++o)l[o]&&(c=F(null,n,o,e),c&&(l[o].j=c,r.insertBefore(c,V(t))))},D=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,Q(l),i=!0,s["s-ol"]?s["s-ol"].remove():W(s,!0),s.remove())},H=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),V=e=>e&&e["s-ol"]||e,q=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,z=(e,t)=>{const n=t.j=e.j,l=e.m,s=t.m,o=t.k,i=t.h;let c;null===i?(r="svg"===o||"foreignObject"!==o&&r,"slot"===o||U(e,t,r),null!==l&&null!==s?((e,t,n,l)=>{let s,o,i=0,c=0,r=0,f=0,a=t.length-1,u=t[0],$=t[a],d=l.length-1,h=l[0],p=l[d];for(;i<=a&&c<=d;)if(null==u)u=t[++i];else if(null==$)$=t[--a];else if(null==h)h=l[++c];else if(null==p)p=l[--d];else if(H(u,h))z(u,h),u=t[++i],h=l[++c];else if(H($,p))z($,p),$=t[--a],p=l[--d];else if(H(u,p))"slot"!==u.k&&"slot"!==p.k||W(u.j.parentNode,!1),z(u,p),e.insertBefore(u.j,$.j.nextSibling),u=t[++i],p=l[--d];else if(H($,h))"slot"!==u.k&&"slot"!==p.k||W($.j.parentNode,!1),z($,h),e.insertBefore($.j,u.j),$=t[--a],h=l[++c];else{for(r=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===h.g){r=f;break}r>=0?(o=t[r],o.k!==h.k?s=F(t&&t[c],n,r,e):(z(o,h),t[r]=void 0,s=o.j),h=l[++c]):(s=F(t&&t[c],n,c,e),h=l[++c]),s&&q(u.j).insertBefore(s,V(u.j))}i>a?A(e,null==l[d+1]?null:l[d+1].j,n,l,c,d):c>d&&D(t,i,a)})(n,l,t,s):null!==s?(null!==e.h&&(n.textContent=""),A(n,null,t,s,0,s.length-1)):null!==l&&D(l,0,l.length-1),r&&"svg"===o&&(r=!1)):(c=n["s-cr"])?c.parentNode.textContent=i:e.h!==i&&(n.data=i)},B=e=>{let t,n,l,s,o,i,c=e.childNodes;for(n=0,l=c.length;n<l;n++)if(t=c[n],1===t.nodeType){if(t["s-sr"])for(o=t["s-sn"],t.hidden=!1,s=0;s<l;s++)if(i=c[s].nodeType,c[s]["s-hn"]!==t["s-hn"]||""!==o){if(1===i&&o===c[s].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==c[s].textContent.trim()){t.hidden=!0;break}B(t)}},G=[],J=e=>{let t,n,l,s,o,c,r=0,f=e.childNodes,a=f.length;for(;r<a;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(K(n,s)?(o=G.find((e=>e.O===n)),i=!0,n["s-sn"]=n["s-sn"]||s,o?o.S=t:G.push({S:t,O:n}),n["s-sr"]&&G.map((e=>{K(e.O,n["s-sn"])&&(o=G.find((e=>e.O===n)),o&&!e.S&&(e.S=o.S))}))):G.some((e=>e.O===n))||G.push({O:n}));1===t.nodeType&&J(t)}},K=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,Q=e=>{e.p&&e.p.ref&&e.p.ref(null),e.m&&e.m.map(Q)},X=e=>ge(e).R,Y=(e,t,n)=>{const l=X(e);return{emit:e=>Z(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},Z=(e,t,n)=>{const l=$.ce(t,n);return e.dispatchEvent(l),l},ee=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},te=(e,t)=>{if(e.t|=16,!(4&e.t))return ee(e,e.M),Pe((()=>ne(e,t)));e.t|=512},ne=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>ce(n,e,t))),e.u=null),l=ce(n,"componentWillLoad")),l=re(l,(()=>ce(n,"componentWillRender"))),re(l,(()=>le(e,n,t)))},le=async(e,t,n)=>{const l=e.R,s=l["s-rc"];n&&(e=>{const t=e._,n=e.R,l=t.t,s=j(d&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"),2&l&&n.classList.add(s+"-s"))})(e);se(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},se=(e,t)=>{try{t=t.render(),e.t&=-17,e.t|=2,((e,t)=>{const r=e.R,f=e._,a=e.I||M(null,null),h=(e=>e&&e.k===_)(t)?t:C(null,null,t);if(s=r.tagName,f.N&&(h.p=h.p||{},f.N.map((([e,t])=>h.p[t]=r[e]))),h.k=null,h.t|=4,e.I=h,h.j=a.j=r.shadowRoot||r,n=r["s-sc"],l=r["s-cr"],o=d&&0!=(1&f.t),i=!1,z(a,h),$.t|=1,c){let e,t,n,l,s,o;J(h.j);let i=0;for(;i<G.length;i++)e=G[i],t=e.O,t["s-ol"]||(n=u.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<G.length;i++)if(e=G[i],t=e.O,e.S){for(l=e.S.parentNode,s=e.S.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(o=n["s-nr"],o&&o["s-sn"]===t["s-sn"]&&l===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){s=o;break}(!s&&l!==t.parentNode||t.nextSibling!==s)&&t!==s&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,s))}else 1===t.nodeType&&(t.hidden=!0)}i&&B(h.j),$.t&=-2,G.length=0})(e,t)}catch(r){Oe(r,e.R)}return null},oe=e=>{const t=e.R,n=e.i,l=e.M;ce(n,"componentDidRender"),64&e.t?ce(n,"componentDidUpdate"):(e.t|=64,fe(t),ce(n,"componentDidLoad"),e.P(t),l||ie()),e.L(t),e.C&&(e.C(),e.C=void 0),512&e.t&&Ee((()=>te(e,!1))),e.t&=-517},ie=()=>{fe(u.documentElement),Ee((()=>Z(a,"appload",{detail:{namespace:"duet"}})))},ce=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(l){Oe(l)}},re=(e,t)=>e&&e.then?e.then(t):t(),fe=e=>e.classList.add("hydrated"),ae=(e,t,n,l,s,o,i)=>{let c,r,f,a;if(1===o.nodeType){for(c=o.getAttribute("c-id"),c&&(r=c.split("."),r[0]!==i&&"0"!==r[0]||(f={t:0,T:r[0],U:r[1],F:r[2],W:r[3],k:o.tagName.toLowerCase(),j:o,p:null,m:null,g:null,v:null,h:null},t.push(f),o.removeAttribute("c-id"),e.m||(e.m=[]),e.m[f.W]=f,e=f,l&&"0"===f.F&&(l[f.W]=f.j))),a=o.childNodes.length-1;a>=0;a--)ae(e,t,n,l,s,o.childNodes[a],i);if(o.shadowRoot)for(a=o.shadowRoot.childNodes.length-1;a>=0;a--)ae(e,t,n,l,s,o.shadowRoot.childNodes[a],i)}else if(8===o.nodeType)r=o.nodeValue.split("."),r[1]!==i&&"0"!==r[1]||(c=r[0],f={t:0,T:r[1],U:r[2],F:r[3],W:r[4],j:o,p:null,m:null,g:null,v:null,k:null,h:null},"t"===c?(f.j=o.nextSibling,f.j&&3===f.j.nodeType&&(f.h=f.j.textContent,t.push(f),o.remove(),e.m||(e.m=[]),e.m[f.W]=f,l&&"0"===f.F&&(l[f.W]=f.j))):f.T===i&&("s"===c?(f.k="slot",o["s-sn"]=r[5]?f.v=r[5]:"",o["s-sr"]=!0,l&&(f.j=u.createElement(f.k),f.v&&f.j.setAttribute("name",f.v),o.parentNode.insertBefore(f.j,o),o.remove(),"0"===f.F&&(l[f.W]=f.j)),n.push(f),e.m||(e.m=[]),e.m[f.W]=f):"r"===c&&(l?o.remove():(s["s-cr"]=o,o["s-cn"]=!0))));else if(e&&"style"===e.k){const t=M(null,o.textContent);t.j=o,t.W="0",e.m=[t]}},ue=(e,t)=>{if(1===e.nodeType){let n=0;for(;n<e.childNodes.length;n++)ue(e.childNodes[n],t);if(e.shadowRoot)for(n=0;n<e.shadowRoot.childNodes.length;n++)ue(e.shadowRoot.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},$e=(e,t,n)=>{if(t.A){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.A),s=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>ge(this).H.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=ge(e),o=s.R,i=s.H.get(t),c=s.t,r=s.i;if(n=((e,t)=>null==e||R(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.A[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.H.set(t,n),r)){if(l.D&&128&c){const e=l.D[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(l){Oe(l,o)}}))}2==(18&c)&&te(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=ge(this);return n.V.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){$.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.N.push([e,s]),s}))}}return e},de=e=>{ce(e,"connectedCallback")},he=e=>{if(0==(1&$.t)){const t=ge(e),n=t._,l=()=>{};if(1&t.t)m(e,t,n.q),de(t.i);else{let l;if(t.t|=1,l=e.getAttribute("s-id"),l){if(d&&1&n.t){const t=j(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,l)=>{const s=e.shadowRoot,o=[],i=s?[]:null,c=l.I=M(t,null);$.B||ue(u.body,$.B=new Map),e["s-id"]=n,e.removeAttribute("s-id"),ae(c,o,[],i,e,e,n),o.map((e=>{const n=e.T+"."+e.U,l=$.B.get(n),o=e.j;l&&d&&""===l["s-en"]&&l.parentNode.insertBefore(o,l.nextSibling),s||(o["s-hn"]=t,l&&(o["s-ol"]=l,o["s-ol"]["s-nr"]=o)),$.B.delete(n)})),s&&i.map((e=>{e&&s.appendChild(e)}))})(e,n.$,l,t)}l||12&n.t&&pe(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ee(t,t.M=n);break}}n.A&&Object.entries(n.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),Ee((()=>(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=xe(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.D=s.watchers,$e(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(c){Oe(c)}t.t&=-9,t.t|=128,e(),de(t.i)}if(s.style){let e=s.style;const t=O(n);if(!Re.has(t)){const l=()=>{};8&n.t&&(e=await __sc_import_duet("./p-27d238c5.js").then((n=>n.scopeCss(e,t,!1)))),k(t,e,!!(1&n.t)),l()}}}const o=t.M,i=()=>te(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)))}l()}},pe=e=>{const t=e["s-cr"]=u.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},me=(e,t)=>{class n extends Array{item(e){return this[e]}}if(8&t.t){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map((e=>1===e.nodeType))}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if(0==(1&$.t)&&2&ge(this).t){const t=new n;for(let n=0;n<e.length;n++){const l=e[n]["s-nr"];l&&t.push(l)}return t}return n.from(e)}})}},ye=(e,t={})=>{const n=[],l=t.exclude||[],s=a.customElements,o=u.head,i=o.querySelector("meta[charset]"),c=u.createElement("style"),r=[],f=u.querySelectorAll("[sty-id]");let h,p=!0,m=0;for(Object.assign($,t),$.l=new URL(t.resourcesUrl||"./",u.baseURI).href,$.t|=2;m<f.length;m++)k(f[m].getAttribute("sty-id"),S(f[m].innerHTML),!0);e.map((e=>{e[1].map((t=>{const o={t:t[0],$:t[1],A:t[2],q:t[3]};o.A=t[2],o.q=t[3],o.N=[],o.D={},!d&&1&o.t&&(o.t|=8);const i=o.$,c=class extends HTMLElement{constructor(e){super(e),ke(e=this,o),1&o.t&&(d?e.attachShadow({mode:"open",delegatesFocus:!!(16&o.t)}):"shadowRoot"in e||(e.shadowRoot=e)),me(e,o)}connectedCallback(){h&&(clearTimeout(h),h=null),p?r.push(this):$.jmp((()=>he(this)))}disconnectedCallback(){$.jmp((()=>(()=>{if(0==(1&$.t)){const e=ge(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),ce(t,"disconnectedCallback")}})()))}componentOnReady(){return ge(this).G}};o.J=e[0],l.includes(i)||s.get(i)||(n.push(i),s.define(i,$e(c,o,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),o.insertBefore(c,i?i.nextSibling:o.firstChild),p=!1,r.length?r.map((e=>e.connectedCallback())):$.jmp((()=>h=setTimeout(ie,30)))},be=(e,t)=>t,we=new WeakMap,ge=e=>we.get(e),ve=(e,t)=>we.set(t.i=e,t),ke=(e,t)=>{const n={t:0,R:e,_:t,H:new Map};return n.V=new Promise((e=>n.L=e)),n.G=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],m(e,n,t.q),we.set(e,n)},je=(e,t)=>t in e,Oe=(e,t)=>(0,console.error)(e,t),Se=new Map,xe=e=>{const t=e.$.replace(/-/g,"_"),n=e.J,l=Se.get(n);return l?l[t]:__sc_import_duet(`./${n}.entry.js`).then((e=>(Se.set(n,e),e[t])),Oe)},Re=new Map,Ce=[],Me=[],_e=(e,t)=>n=>{e.push(n),f||(f=!0,t&&4&$.t?Ee(Ne):$.raf(Ne))},Ie=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(t){Oe(t)}e.length=0},Ne=()=>{Ie(Ce),Ie(Me),(f=Ce.length>0)&&$.raf(Ne)},Ee=e=>h().then(e),Pe=_e(Me,!0);export{t as E,be as F,_ as H,e as N,ye as b,Y as c,u as d,X as g,C as h,h as p,ve as r,a as w}

package/lib/duet/p-898f30a5.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const a=a=>37===a.keyCode,s=a=>38===a.keyCode,c=a=>39===a.keyCode,e=a=>40===a.keyCode,p=p=>e(p)||c(p)||s(p)||a(p),t=a=>"Escape"===a.key||"Esc"===a.key||27===a.keyCode,E=a=>8===a.keyCode,n=a=>"Space"===a.key||32===a.keyCode,o=a=>"+"===a.key||43===a.keyCode,r=a=>"-"===a.key||45===a.keyCode,b=a=>"?"===a.key,d=a=>(a=>"Enter"===a.key||13===a.keyCode)(a)||n(a),f=a=>a.keyCode>=48&&a.keyCode<=57||a.keyCode>=96&&a.keyCode<=105;export{c as a,s as b,e as c,a as d,E as e,t as f,n as g,b as h,d as i,p as j,f as k,r as l,o as m}