@duetds/components 7.0.13 → 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-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.13",
+  "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.13",
-    "@duetds/icons": "4.0.13",
-    "@duetds/tokens": "4.0.13",
+    "@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": "46eeb903d26fc5609d252234bb3e952996d1472a"
+  "gitHead": "b6a76fe10b0c247fea3f491d8f7ea38a011077a0"
 }

package/lib/duet/p-00abf5b6.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c,h as t,H as o,g as i}from"./p-18f1d30e.js";import{i as d}from"./p-4ebf1618.js";import{h}from"./p-9d915d45.js";import{D as s}from"./p-76f00bd5.js";import{c as r}from"./p-c1325e35.js";import{F as a}from"./p-8810df88.js";import{i as u,h as n,f as l}from"./p-f077c646.js";import{g as b,a as p,c as g,d as m}from"./p-03baceb5.js";import{f,w as k}from"./p-12721178.js";import"./p-5a9d75e1.js";const v=class{constructor(t){e(this,t),this.duetChange=c(this,"duetChange",7),this.duetFocus=c(this,"duetFocus",7),this.duetBlur=c(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=r("DuetChoice"),this.expandId=r("DuetChoiceExpand"),this.headerId=r("DuetChoiceHeader"),this.infoButtonId=r("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{u(e)&&this.toggleChecked(e),n(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||(this.isInfoOpen=!1,"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen},this.isHovering=!1,this.isInfoOpen=!1,this.isBlurred=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=s,this.accessibleLabelInfoButton=b(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=b(this.infoLabelDefaults,p())}componentWillLoad(){d(this),this.hasInfo=h(this.element,"info"),this.hasHeader=h(this.element,"header"),this.hasAdditional=h(this.element,"additional"),this.hasLabel=h(this.element,"label"),this.hasBeforeText=h(this.element,"before-text")}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"}])}disconnectedCallback(){m(this)}handleHostBlur(e){this.hasInfo&&this.isInfoOpen&&this.isKeyDown&&(this.element.contains(null==e?void 0:e.relatedTarget)||this.toggleInfo())}handleHostKeyDown(){this.isKeyDown=!0}handleHostKeyUp(e){this.isKeyDown=!1,l(e)&&this.isInfoOpen&&this.toggleInfo()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.expandId:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.element.closest("duet-choice-group"),c=e?e.label:void 0,i=this.identifier||this.choiceId;return t(o,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},t("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},t("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},t("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:i,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),t("label",{htmlFor:i,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&t("slot",{name:"before-text"}),this.icon&&t("div",{class:"duet-choice-card-icon"},t("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),t("div",{class:"duet-choice-card-text"},c&&t("duet-visually-hidden",null,c,", "),t("div",null,this.hasLabel?t("slot",{name:"label"}):this.label),this.caption&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("slot",{name:"additional"}))),t("div",null,t("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&t("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button"},t("duet-visually-hidden",{"aria-hidden":this.isBlurred?"false":"true"},this.accessibleLabelInfoButton),t("div",{class:"duet-choice-info-icon"},t("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible||this.hasInfo?t("div",{class:this.getClassNames(),id:this.expandId},t("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},t("span",{id:this.headerId},t("slot",{name:"header"})),this.hasInfo?t("span",null,t("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},t("slot",{name:"info"})),t("slot",null)):t("span",null,t("slot",null))),this.isInfoOpen&&t(a,{moveFocusTo:this.infoButtonEl})):null)}get element(){return i(this)}};v.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px);border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const x=":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)",w=class{constructor(c){e(this,c),this.choiceGroupName="duet-choice-group",this.getChoices=()=>Array.from(this.element.querySelectorAll(x)),this.isMyChoice=e=>this.getChoices().includes(e),this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const c=e.target;c&&this.isMyChoice(c)&&(this.value=c.value),e.cancelBubble=!0},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0}async connectedCallback(){const e=this.element;if(void 0===this.value){const c=f(e,x);void 0!==c&&(await c.componentOnReady(),void 0===this.value&&(this.value=c.value))}this.mutationO=k(e,x,(e=>{void 0!==e?e.componentOnReady().then((()=>{this.isMyChoice(e)&&(this.value=e.value)})):this.updateChoices()})),this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this)}async updateChoices(){const e=this.getChoices(),{value:c}=this;let t=!1;for(const o of e)o.name=this.name,o.groupDisabled=this.disabled,o.groupDirection=this.direction,o.groupResponsive=this.responsive,t||o.value!==c?o.checked=!1:(t=!0,o.checked=!0);t||(this.value=void 0)}render(){return t(o,{onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},t("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&t("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),t("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},t("slot",null))))}get element(){return i(this)}static get watchers(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};w.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-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%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{v as duet_choice,w as duet_choice_group}

package/lib/duet/p-02b7e1ef.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-a7c2017b.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-51721695.system.js","./p-43660fa9.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,s,o,n,i,a,l,r,c,h,u,b;return{setters:[function(e){t=e.r;s=e.c;o=e.h;n=e.H;i=e.g},function(e){a=e.i},function(e){l=e.c},function(e){r=e.i},function(e){c=e.a;h=e.g;u=e.c;b=e.d},function(){}],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;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)}';var m=e("duet_show_more",function(){function e(e){var o=this;t(this,e);this.duetToggle=s(this,"duetToggle",7);this.contentId=l("DuetShowMore");this.buttonId=l("DuetShowMoreButton");this.handleKeyDown=function(e){if(r(e)){o.handleClick(e)}};this.handleClick=function(e){e.preventDefault();var t=!o.open;o.open=t;if(t){setTimeout((function(){o.contentElement.focus()}),100);setTimeout((function(){o.buttonAriaOpen=t}),500)}else{o.buttonAriaOpen=t}o.duetToggle.emit({component:"duet-show-more",originalEvent:e})};this.buttonAriaOpen=false;this.theme="";this.language=c();this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"};this.showMoreLabel=h(this.showMoreLabelDefaults);this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"};this.showLessLabel=h(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=h(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=h(this.showLessAccessibleLabelDefaults);this.margin="auto";this.open=false}e.prototype.componentWillLoad=function(){a(this);this.buttonAriaOpen=this.open};e.prototype.connectedCallback=function(){u(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])};e.prototype.disconnectedCallback=function(){b(this)};e.prototype.render=function(){var e=this;return o(n,null,o("div",{class:{"duet-show-more":true,"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none",open:this.open}},o("div",{ref:function(t){return e.contentElement=t},class:{content:true},id:this.contentId,tabindex:this.open?"0":""},o("div",{class:{"slotted-content":true}},o("slot",null))),o("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":true,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small"},this.open?this.showLessLabel:this.showMoreLabel)))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());m.style=p}}}));