@duetds/components 7.0.12 → 7.1.0

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

@@ -48,6 +48,7 @@ export declare class DuetNotification implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

package/lib/types/components/duet-notification-drawer/duet-notification-drawer.d.ts

@@ -58,6 +58,7 @@ export declare class DuetNotificationDrawer implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   handleClickFocusOutside(e: Event): void;

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

@@ -201,6 +201,7 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

package/lib/types/components/duet-page-heading/duet-page-heading.d.ts

@@ -24,6 +24,7 @@ export declare class DuetPageHeading implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

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

@@ -40,6 +40,7 @@ export declare class DuetParagraph implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts

@@ -63,6 +63,7 @@ export declare class DuetPopupMenuItem implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

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

@@ -68,6 +68,7 @@ export declare class DuetProgress implements ThemeableComponent, A11yComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

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

@@ -38,6 +38,7 @@ export declare class DuetPromoCard implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one of the class.

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

@@ -70,6 +70,7 @@ export declare class DuetRadioGroup implements ThemeableComponent {
   connectedCallback(): Promise<void>;
   disconnectedCallback(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

package/lib/types/components/duet-range-slider/duet-range-slider.d.ts

@@ -116,6 +116,7 @@ export declare class DuetRangeSlider implements ThemeableComponent, DuetNumericI
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

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

@@ -15,7 +15,7 @@ export declare class DuetScrollable implements ThemeableComponent {
   isTabContentSmallerThanWrapper: boolean;
   tablistAtEnd: boolean;
   childrenData: any;
-  host: HTMLElement;
+  element: HTMLElement;
   private resizeObserver;
   /**
    * Theme of duet-tab-scrollable. When used this will override the color setting and

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

@@ -165,6 +165,7 @@ export declare class DuetSelect implements ThemeableComponent, InputComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

package/lib/types/components/duet-show-more/duet-show-more.d.ts

@@ -71,6 +71,7 @@ export declare class DuetShowMore implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private handleKeyDown;

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

@@ -13,15 +13,18 @@ export declare class DuetSlideout implements ThemeableComponent {
   /**
    * Own Properties.
    */
+  private dialog;
   private openButton;
   private closeButton;
   private exitLangObject;
   private isSafariBrowser;
+  private intersectionObserver;
   /**
    * Reference to host HTML element.
    */
   element: HTMLElement;
   language: DuetLanguage;
+  displaying: boolean;
   /**
    * Theme.
    */
@@ -48,6 +51,8 @@ export declare class DuetSlideout implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): Promise<void>;
+  private handleBodyScrolling;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private toggleMenu;

package/lib/types/components/duet-slideout-lang/duet-slideout-lang.d.ts

@@ -18,6 +18,7 @@ export declare class DuetSlideoutLang implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

package/lib/types/components/duet-slideout-link/duet-slideout-link.d.ts

@@ -51,6 +51,7 @@ export declare class DuetSlideoutLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

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

@@ -42,6 +42,7 @@ export declare class DuetSlideoutPanel implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private updateLabel;

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

@@ -30,6 +30,7 @@ export declare class DuetSlideoutPanelDropdown implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private onClick;
   /**
    * Sets focus. Use this method instead of the global focus().

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

@@ -61,6 +61,7 @@ export declare class DuetStep implements ThemeableComponent {
   duetStepClick: EventEmitter<DuetStepClickEvent>;
   handleStepClick(e: KeyboardEvent | MouseEvent): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Programmatically shift focus to the step's heading.
    */

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

@@ -42,6 +42,7 @@ export declare class DuetStepper implements ThemeableComponent {
   duetStepChange: EventEmitter<DuetStepChangeEvent>;
   onDuetStepClick(e: CustomEvent<DuetStepClickEvent>): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): Promise<void>;
   private getSteps;
   private setStepFocus;

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

@@ -35,6 +35,7 @@ export declare class DuetSubmenuBar implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private handleMobileView;

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

@@ -35,6 +35,7 @@ export declare class DuetSubmenuBarDropdown implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private checkIsDesktop;

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

@@ -40,6 +40,7 @@ export declare class DuetSubmenuBarDropdownLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private handleEscape;
   /**
    * render() function

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

@@ -32,6 +32,7 @@ export declare class DuetSubmenuBarLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private changeIconSize;

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

@@ -1,6 +1,7 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DuetLangObject } from "../../utils/language-utils";
 export declare class DuetTab implements ComponentInterface {
+  element: HTMLElement;
   /**
    * Label for the tab.
    */
@@ -26,6 +27,7 @@ export declare class DuetTab implements ComponentInterface {
   /**
    * Component lifecycle events.
    */
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

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

@@ -186,6 +186,7 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

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

@@ -103,6 +103,7 @@ export declare class DuetToggle implements ThemeableComponent, InputComponent, A
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * Component event handling.
    */

package/lib/types/components/duet-toolbar-dropdown/duet-toolbar-dropdown.d.ts

@@ -36,6 +36,7 @@ export declare class DuetToolbarDropdown implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private onClick;
   private handleEscape;
   /**

package/lib/types/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.d.ts

@@ -38,6 +38,7 @@ export declare class DuetToolbarDropdownLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private handleEscape;
   /**
    * render() function

package/lib/types/components/duet-toolbar-link/duet-toolbar-link.d.ts

@@ -34,6 +34,7 @@ export declare class DuetToolbarLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-tooltip/duet-tooltip-button.d.ts

@@ -20,6 +20,7 @@ export declare class DuetTooltipButton implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   setFocus(options?: FocusOptions): Promise<void>;
   /**
    * render() function.

package/lib/types/components/duet-tooltip/duet-tooltip-popup.d.ts

@@ -9,12 +9,14 @@ export declare class DuetTooltipPopup implements ThemeableComponent {
   private arrowEl;
   private contentEl;
   private buttonEl;
+  private teleport;
   element: HTMLElement;
   /**
    * Theme of the tooltip.
    */
   theme: DuetTheme;
   active: boolean;
+  handleActiveChange(): void;
   tooltipId: string;
   arrowStyles: {
     top: string | undefined;
@@ -26,6 +28,7 @@ export declare class DuetTooltipPopup implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   getArrowElement(): Promise<HTMLElement>;
   getContentElement(): Promise<HTMLElement>;
   setFocusOnContentElement(): Promise<void>;

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

@@ -13,7 +13,6 @@ export declare class DuetTooltip implements ThemeableComponent {
   private arrowEl;
   private contentEl;
   private popupElement;
-  private teleport;
   private focusTarget;
   private resizeTimer;
   private intersectionObserver;

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

@@ -73,6 +73,7 @@ export declare class DuetTray implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

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

@@ -423,6 +423,7 @@ export declare class DuetUpload implements ThemeableComponent, FormComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   componentWillRender(): void;
   /**
    * Sets focus on the specified `duet-input`. Use this method instead of the global

package/lib/types/components/duet-upload-aria-status/duet-upload-aria-status.d.ts

@@ -1,5 +1,6 @@
 import { StatusMessage } from "../../common-types";
 export declare class DuetUploadAriaStatus {
+  element: HTMLElement;
   /**
    * State() variables
    */
@@ -34,6 +35,10 @@ export declare class DuetUploadAriaStatus {
    */
   private replacePlaceHolders;
   private getStatusMessage;
+  /**
+   * Component lifecycle events.
+   */
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-upload-item/duet-upload-item.d.ts

@@ -6,6 +6,7 @@ import { DuetFileListItem, DuetUploadEvent } from "../duet-upload/duet-upload";
 import { DuetUploadErrorCode } from "../duet-upload/errorcodes.utils";
 export type ItemType = "pending" | "inprogress" | "failure" | "success";
 export declare class DuetUploadItem implements ThemeableComponent {
+  element: HTMLElement;
   /**
    * theme.
    */
@@ -51,6 +52,7 @@ export declare class DuetUploadItem implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * focusActionButton.
    */

package/lib/types/components/duet-visually-hidden/duet-visually-hidden.d.ts

@@ -1,5 +1,7 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 export declare class DuetVisuallyHidden implements ComponentInterface {
+  element: HTMLElement;
+  componentDidLoad(): void;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components.d.ts

@@ -739,6 +739,10 @@ export namespace Components {
           * Name attribute of the html input (filter) or button.
          */
         "name": string;
+        /**
+          * Id of the DuetPopupMenu that is controlled by the chip.
+         */
+        "popup": string;
         /**
           * Sets focus. Use this method instead of the global focus().
          */
@@ -5992,6 +5996,10 @@ declare namespace LocalJSX {
           * Emitted when the chip receives focus.
          */
         "onDuetFocus"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
+        /**
+          * Id of the DuetPopupMenu that is controlled by the chip.
+         */
+        "popup"?: string;
         /**
           * Theme of the button.
          */

package/lib/types/utils/nudge.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This function is a workaround for a bug in Chromium-based browsers, where building the accessibility tree fails
+ * with nested shadow roots. See https://atlassian.lahitapiola.fi/jira/browse/DUET-780
+ */
+export declare function nudge(component: {
+  element: HTMLElement;
+}): void;

package/lib/types/utils/teleport.d.ts

@@ -11,7 +11,6 @@ export declare class Teleport {
   stub: HTMLElement;
   teleportId: string;
   deletionObserver: MutationObserver;
-  isReact: boolean;
   isActive: boolean;
   constructor(element: HTMLElement, target?: HTMLElement);
   /**
@@ -27,5 +26,4 @@ export declare class Teleport {
    * If the teleported element or its component (observed via stub) is removed from DOM, clean up the teleport.
    */
   private _deletionObserverCallback;
-  private _isReact;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "7.0.12",
+  "version": "7.1.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -48,9 +48,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.12",
-    "@duetds/icons": "4.0.12",
-    "@duetds/tokens": "4.0.12",
+    "@duetds/fonts": "3.0.14",
+    "@duetds/icons": "4.0.14",
+    "@duetds/tokens": "4.0.14",
     "@percy/cli": "1.21.0",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "3.1.0",
@@ -77,5 +77,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "53e5bea4a19d728f54eda8c93ec4f1af1616b132"
+  "gitHead": "b6a76fe10b0c247fea3f491d8f7ea38a011077a0"
 }

package/lib/duet/p-029be4ef.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as o,g as c}from"./p-e8153582.js";import{i as n}from"./p-4ebf1618.js";import{c as r}from"./p-c1325e35.js";const a=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.chipId=r("DuetChip"),this.popupSetUp=()=>{const t=this.element.querySelector("duet-popup-menu");if(t){this.popup=t,t.controller=this.element;const e=this.element.querySelector("span"),i=e.textContent,o=this.value;t.id||(t.id="popup-menu"),t.addEventListener("duetToggle",(t=>{this.popupOpen=t.detail.open}));const c=()=>{t.querySelectorAll("duet-popup-menu-item").forEach((t=>{t.active=!1}))};t.querySelectorAll("duet-popup-menu-item").forEach((t=>{t.addEventListener("click",(n=>{var r;const a=null!==(r=t.value)&&void 0!==r?r:t.innerText;t.active?(c(),e.textContent=i,this.value=o,this.checked=!1):(c(),t.active=!0,e.textContent=t.innerText,this.value=a,this.checked=!0),this.emitChange(n),setTimeout((()=>{this.popup.isOpen()&&this.popup.hide()}))}))}))}},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=t=>{this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=t=>{this.checked=!this.checked,this.emitChange(t)},this.onRadioChange=t=>{this.checked=this.focusableElement.checked,this.emitChange(t)},this.onFilterClick=t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.popup&&(t.stopPropagation(),t.preventDefault(),this.popup.toggle())},this.onRemoveClick=t=>{t.stopPropagation(),t.preventDefault(),this.element.remove()},this.focus=!1,this.popup=void 0,this.popupOpen=void 0,this.accessibleLabel=void 0,this.variation="button",this.icon="",this.theme="",this.identifier=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((t=>{t!==this.element&&(t.checked=!1)}))}componentWillLoad(){n(this),this.popupSetUp()}async setFocus(t){setTimeout((()=>this.focusableElement.focus(t)),200)}render(){var t;const e=this.identifier||this.chipId,c={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popup,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled},n={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.focusableElement=t};return i(o,null,"button"===this.variation&&i("div",{class:c},i("button",Object.assign({id:e,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?t=>t.stopPropagation():void 0},n),i("div",{class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",null))),"input"===this.variation&&i("div",{class:c},i("button",Object.assign({id:e,class:"duet-chip-input-button","aria-label":this.accessibleLabel},n),i("div",{class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",null)),i("button",{class:"duet-chip-remove-button",onClick:this.onRemoveClick},i("duet-icon",{name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("div",{class:c},i("input",Object.assign({"aria-haspopup":this.popup&&"menu","aria-controls":null===(t=this.popup)||void 0===t?void 0:t.id,"aria-expanded":this.popup?this.popupOpen?"true":"false":void 0,"aria-disabled":this.disabled?"true":void 0,id:e,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},n)),i("label",{htmlFor:e},i("div",{class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",null),this.popup&&i("div",{class:"duet-chip-popup-disclosure"},i("duet-icon",{name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("div",{class:c},i("input",Object.assign({"aria-disabled":this.disabled?"true":void 0,id:e,type:"radio",name:this.name,value:this.value,checked:this.checked,onChange:this.onRadioChange,onClick:this.disabled?t=>t.preventDefault():void 0},n)),i("label",{htmlFor:e},i("div",{class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",null))))}get element(){return c(this)}static get watchers(){return{checked:["clearOtherRadioButtons"]}}};a.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(144, 149, 153);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:7px 16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241);border-color:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked button,.duet-chip-container.duet-chip-filter-checked label,.duet-chip-container.duet-chip-radio-checked button,.duet-chip-container.duet-chip-radio-checked label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230);border-color:rgb(228, 228, 230)}.duet-chip-container div.duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container div.duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}';export{a as duet_chip}

package/lib/duet/p-0481ad6a.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{d(s.next(e))}catch(e){i(e)}}function a(e){try{d(s["throw"](e))}catch(e){i(e)}}function d(e){e.done?n(e.value):r(e.value).then(o,a)}d((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return d([e,t])}}function d(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(s=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];r=0}finally{s=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-7b96058a.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-51721695.system.js"],(function(e){"use strict";var t,n,s,r,i,o,a,d;return{setters:[function(e){t=e.r;n=e.c;s=e.h;r=e.g;i=e.H},function(e){o=e.i},function(e){a=e.c},function(e){d=e.i}],execute:function(){var p={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var u='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';var c=e("duet_step",function(){function e(e){var s=this;t(this,e);this.duetStepClick=n(this,"duetStepClick",7);this.buttonId=a("DuetStepButton");this.contentId=a("DuetStepContent");this.handleKeyDown=function(e){if(s.isClickDisabled()){return}if(d(e)){e.preventDefault();s.handleStepClick(e)}};this.handleClick=function(e){if(s.isClickDisabled()){return}s.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){o(this)};e.prototype.setFocus=function(e){if(e===void 0){e={preventScroll:true}}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:p.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;{return s("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},s("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=u;function l(e,t){var n={};t.forEach((function(t){var s=t[e];if(!n[s]){n[s]=[]}n[s].push(t)}));return n}var h=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var m=e("duet_stepper",function(){function e(e){t(this,e);this.duetStepChange=n(this,"duetStepChange",7);this.theme="";this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.";this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){o(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.updateStepState();return[2]}))}))};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,n){var s;if(n<e.selected){s=e.backDisabled?"disabled":"complete"}else if(n>e.selected){s="incomplete"}else{s="current"}t.theme=e.theme;t.state=s;t.stepIndex=n}));var n=l("state",t);Object.values(n).forEach((function(e){e.forEach((function(t,n){t.roundedTop=n===0;t.roundedBottom=n===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var n=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",n)};e.prototype.render=function(){return s(i,{class:{"duet-m-0":this.margin==="none"}},s("div",{class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},s("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}());m.style=h}}}));

package/lib/duet/p-056c8418.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{p(r.next(t))}catch(t){i(t)}}function l(t){try{p(r["throw"](t))}catch(t){i(t)}}function p(t){t.done?o(t.value):n(t.value).then(a,l)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(e){return p([t,e])}}function p(l){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(o=0)),o)try{if(r=1,n&&(i=l[0]&2?n["return"]:l[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,l[1])).done)return i;if(n=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:o.label++;return{value:l[1],done:false};case 5:o.label++;n=l[1];l=[0];continue;case 7:l=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){o=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){o.label=l[1];break}if(l[0]===6&&o.label<i[1]){o.label=i[1];i=l;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(l);break}if(i[2])o.ops.pop();o.trys.pop();continue}l=e.call(t,o)}catch(t){l=[6,t];n=0}finally{r=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-7b96058a.system.js","./p-33b3aba4.system.js","./p-4b2edf92.system.js"],(function(t){"use strict";var e,o,r,n,i,a,l;return{setters:[function(t){e=t.r;o=t.h;r=t.H;n=t.g;i=t.c},function(t){a=t.i},function(t){l=t.F}],execute:function(){var p='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}';var s=t("duet_tooltip_button",function(){function t(t){e(this,t);this.label="";this.accessibleLabel=undefined;this.theme="";this.active=undefined;this.tooltipId=undefined}t.prototype.componentWillLoad=function(){a(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.buttonElement){this.buttonElement.focus(t)}return[2]}))}))};t.prototype.render=function(){var t=this;return o(r,null,o("button",{ref:function(e){return t.buttonElement=e},"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":true,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":this.theme==="turva"}},o("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label):o("duet-visually-hidden",null,this.accessibleLabel)))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());s.style=p;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;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;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, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(228, 228, 230);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}';var d=t("duet_tooltip_popup",function(){function t(t){var o=this;e(this,t);this.tooltipPopupClosed=i(this,"tooltipPopupClosed",7);this.handleCloseClick=function(){o.tooltipPopupClosed.emit()};this.theme="";this.active=undefined;this.tooltipId=undefined;this.arrowStyles=undefined;this.placement=undefined;this.accessibleCloseLabel=undefined}t.prototype.componentWillLoad=function(){a(this)};t.prototype.getArrowElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.arrowEl]}))}))};t.prototype.getContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.contentEl]}))}))};t.prototype.setFocusOnContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.contentEl.focus();return[2]}))}))};t.prototype.render=function(){var t,e;var n=this;return o(r,null,o("div",{class:{"duet-tooltip":true,"duet-theme-turva":this.theme==="turva","duet-tooltip-active":this.active===true}},o(l,{moveFocusTo:this.buttonEl}),o("div",{ref:function(t){return n.contentEl=t},class:"duet-tooltip-content-area",tabindex:0,id:this.tooltipId},o("slot",null)),o("div",{ref:function(t){return n.arrowEl=t},class:(t={arrow:true},t[this.placement]=true,t),style:this.arrowStyles},o("div",{class:(e={"arrow-container":true},e[this.placement]=true,e)})),o("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:function(t){return n.buttonEl=t}},o("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",null,this.accessibleCloseLabel)),o(l,{moveFocusTo:this.contentEl})))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());d.style=u}}}));

package/lib/duet/p-0768183c.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as s,h as t,H as o,g as i}from"./p-e8153582.js";import{i as a}from"./p-4ebf1618.js";import{c as n}from"./p-c1325e35.js";import{i as r}from"./p-f077c646.js";import{a as h,g as l,c as m,d as c}from"./p-03baceb5.js";import"./p-5a9d75e1.js";const p=class{constructor(t){e(this,t),this.duetToggle=s(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const s=!this.open;this.open=s,s?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=s}),500)):this.buttonAriaOpen=s,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})},this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.open=!1}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){m(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){c(this)}render(){return t(o,null,t("div",{class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},t("div",{ref:e=>this.contentElement=e,class:{content:!0},id:this.contentId,tabindex:this.open?"0":""},t("div",{class:{"slotted-content":!0}},t("slot",null))),t("duet-button",{id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small"},this.open?this.showLessLabel:this.showMoreLabel)))}get element(){return i(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block}.duet-show-more{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.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)}';export{p as duet_show_more}

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-7b96058a.system.js"],(function(t){"use strict";var n,e,r;return{setters:[function(t){n=t.r;e=t.h;r=t.H}],execute:function(){var o=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";var i=t("duet_visually_hidden",function(){function t(t){n(this,t)}t.prototype.render=function(){return e(r,{class:"duet-visually-hidden"},e("slot",null))};return t}());i.style=o}}}));

package/lib/duet/p-0f19fb78.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h as o}from"./p-e8153582.js";const s=o=>{"setFocus"in o?o.setFocus():o.focus()},e=({moveFocusTo:e})=>o("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:()=>s(e)});export{e as F,s as f}