@duetds/components 7.1.3 → 8.0.1

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

@@ -40,7 +40,6 @@ 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,7 +63,6 @@ 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,7 +68,6 @@ 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,7 +38,6 @@ 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,7 +70,6 @@ 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,7 +116,6 @@ export declare class DuetRangeSlider implements ThemeableComponent, DuetNumericI
    * Component lifecycle events.
    */
   componentWillLoad(): void;
-  componentDidLoad(): void;
   /**
    * Component event handling.
    */

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

@@ -165,7 +165,6 @@ 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,7 +71,6 @@ 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

@@ -19,6 +19,7 @@ export declare class DuetSlideout implements ThemeableComponent {
   private exitLangObject;
   private isSafariBrowser;
   private intersectionObserver;
+  private teleport;
   /**
    * Reference to host HTML element.
    */
@@ -33,6 +34,10 @@ export declare class DuetSlideout implements ThemeableComponent {
    * Open
    */
   open: boolean;
+  /**
+   * Id of the DuetMenuBarButton or DuetButton that opens the menu.
+   */
+  opener: string;
   /**
    * Background color. Use one of the color tokens.
    */
@@ -47,6 +52,17 @@ export declare class DuetSlideout implements ThemeableComponent {
    * Toggles the slideout.
    */
   toggle(): Promise<void>;
+  /**
+   * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered
+   * the slideout so that focus can be moved back to this specific element when
+   * the slideout dialog is closed.
+   */
+  show(): Promise<void>;
+  /**
+   * Hides the slideout dialog and puts focus back to the original element
+   * that triggered the slideout (if we’re still in the same view).
+   */
+  hide(): Promise<void>;
   /**
    * Component lifecycle events.
    */

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

@@ -18,7 +18,6 @@ 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,7 +51,6 @@ 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,7 +42,6 @@ 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,7 +30,6 @@ 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,7 +61,6 @@ 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,7 +42,6 @@ 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,7 +35,6 @@ 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,7 +35,6 @@ 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,7 +40,6 @@ 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,7 +32,6 @@ 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

@@ -27,7 +27,6 @@ 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,7 +186,6 @@ 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,7 +103,6 @@ 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,7 +36,6 @@ 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,7 +38,6 @@ 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,7 +34,6 @@ 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,7 +20,6 @@ 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

@@ -28,7 +28,6 @@ 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-tray/duet-tray.d.ts

@@ -73,7 +73,6 @@ 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,7 +423,6 @@ 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

@@ -35,10 +35,6 @@ 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

@@ -52,7 +52,6 @@ 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,7 +1,6 @@
 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

@@ -3433,14 +3433,26 @@ export namespace Components {
           * Background color. Use one of the color tokens.
          */
         "backgroundColor": DuetColor;
+        /**
+          * Hides the slideout dialog and puts focus back to the original element that triggered the slideout (if we’re still in the same view).
+         */
+        "hide": () => Promise<void>;
         /**
           * Open
          */
         "open": boolean;
+        /**
+          * Id of the DuetMenuBarButton or DuetButton that opens the menu.
+         */
+        "opener": string;
         /**
           * Sets focus. Use this method instead of the global focus().
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Shows the slideout. Additionally saves the element (DuetButton or DuetMenuBarButton) that triggered the slideout so that focus can be moved back to this specific element when the slideout dialog is closed.
+         */
+        "show": () => Promise<void>;
         /**
           * Theme.
          */
@@ -4868,6 +4880,8 @@ declare global {
         new (): HTMLDuetChipElement;
     };
     interface HTMLDuetChoiceElementEventMap {
+        "duetChoiceReady": CustomEvent;
+        "duetChoiceRemove": CustomEvent;
         "duetChange": DuetChoiceEvent;
         "duetFocus": DuetChoiceEvent;
         "duetBlur": DuetChoiceEvent;
@@ -6597,6 +6611,14 @@ declare namespace LocalJSX {
           * Emitted when the checked property has changed.
          */
         "onDuetChange"?: (event: DuetChoiceCustomEvent<DuetChoiceEvent>) => void;
+        /**
+          * Emitted when the component is available in the DOM.
+         */
+        "onDuetChoiceReady"?: (event: DuetChoiceCustomEvent<CustomEvent>) => void;
+        /**
+          * Emitted when the component is removed from the DOM.
+         */
+        "onDuetChoiceRemove"?: (event: DuetChoiceCustomEvent<CustomEvent>) => void;
         /**
           * Emitted when the checkbox has focus.
          */
@@ -9268,6 +9290,10 @@ declare namespace LocalJSX {
           * Open
          */
         "open"?: boolean;
+        /**
+          * Id of the DuetMenuBarButton or DuetButton that opens the menu.
+         */
+        "opener"?: string;
         /**
           * Theme.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "7.1.3",
+  "version": "8.0.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -41,9 +41,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.17",
-    "@duetds/icons": "4.0.17",
-    "@duetds/tokens": "4.0.17",
+    "@duetds/fonts": "3.0.19",
+    "@duetds/icons": "4.0.19",
+    "@duetds/tokens": "4.0.19",
     "@percy/cli": "1.21.0",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.7.2",
@@ -70,5 +70,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "41e75c219dfd96b9de265a5a07ab251d81c14136"
+  "gitHead": "0b561e8cad999b9905ef48e87e7e270029c0a621"
 }

package/lib/cjs/nudge-ee03ce2e.js

@@ -1,18 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-/**
- * 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
- */
-function nudge(component) {
-  setTimeout(() => {
-    const el = document.createElement("template");
-    component.element.appendChild(el);
-    el.remove();
-  }, 10);
-}
-
-exports.nudge = nudge;

package/lib/collection/utils/nudge.js

@@ -1,18 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { Build } from "@stencil/core";
-/**
- * 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 function nudge(component) {
-  if (Build.isServer) {
-    return;
-  }
-  setTimeout(() => {
-    const el = document.createElement("template");
-    component.element.appendChild(el);
-    el.remove();
-  }, 10);
-}

package/lib/dist-custom-elements/p-040f8831.js

@@ -1,16 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-/**
- * 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
- */
-function nudge(component) {
-  setTimeout(() => {
-    const el = document.createElement("template");
-    component.element.appendChild(el);
-    el.remove();
-  }, 10);
-}
-
-export { nudge as n };

package/lib/duet/p-0173b1db.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{r(n.next(e))}catch(e){a(e)}}function l(e){try{r(n["throw"](e))}catch(e){a(e)}}function r(e){e.done?i(e.value):o(e.value).then(s,l)}r((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return r([e,t])}}function r(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,o&&(a=l[0]&2?o["return"]:l[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,l[1])).done)return a;if(o=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;o=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(l[0]===6&&i.label<a[1]){i.label=a[1];a=l;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(l);break}if(a[2])i.ops.pop();i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e];o=0}finally{n=a=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-ed063bbd.system.js","./p-77b6e4ba.system.js","./p-08b472ed.system.js","./p-8972381a.system.js","./p-c97109b5.system.js","./p-719b38fe.system.js","./p-b99c00fa.system.js","./p-9d033a04.system.js"],(function(e){"use strict";var t,i,n,o,a,s,l,r,u,c,d,p;return{setters:[function(e){t=e.r;i=e.h;n=e.H;o=e.g},function(e){a=e.i},function(e){s=e.F},function(e){l=e.a;r=e.c;u=e.d;c=e.g},function(e){d=e.n},function(e){p=e.g},function(){},function(){}],execute:function(){var f='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(0, 41, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}';var h=e("duet_slideout_panel",function(){function e(e){var i=this;t(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.updateLabel=function(){var e=i.element.querySelector("[slot='label']");i.label=e};this.onToggleClick=function(){var e=!i.open;i.open=e;if(e){setTimeout((function(){i.closeButton.focus()}),200)}else{setTimeout((function(){i.openButton.focus()}),200)}};this.onCloseClick=function(e){e.stopPropagation();var t=i.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var n=i.element.parentElement;n.toggle()}};this.label=undefined;this.language=l();this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest"}e.prototype.componentWillLoad=function(){a(this);this.updateLabel()};e.prototype.componentDidLoad=function(){d(this)};e.prototype.connectedCallback=function(){r(this)};e.prototype.disconnectedCallback=function(){u(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var o=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var a={background:p(o,this.theme)};var l=c(this.exitLangObject);var r=c(this.backLangObject);return i(n,null,i("div",{class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},i("button",{ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onToggleClick},this.icon&&i("duet-icon",{name:this.icon,size:"medium",margin:"none",color:"secondary"}),i("div",{class:"label"},i("span",{class:(e={"label-text":true},e[this.labelSize]=true,e)},i("slot",{name:"label"})),i("duet-icon",{class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),i("div",{class:{dialog:true,hidden:!this.open},style:a},i(s,{moveFocusTo:this.closeButton}),i("div",{class:"top"},i("button",{ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(r),type:"button",class:{back:true},onClick:this.onToggleClick},i("duet-icon",{class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),i("span",null,this.label.innerHTML),i("button",{class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(l)},i("duet-icon",{name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},i("slot",null)),i(s,{moveFocusTo:this.closeButton}))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());h.style=f}}}));

package/lib/duet/p-03e5d91b.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function u(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(i.next(e))}catch(e){r(e)}}function a(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):u(e.value).then(o,a)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,u,r,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 s([e,t])}}function s(a){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(i=1,u&&(r=a[0]&2?u["return"]:a[0]?u["throw"]||((r=u["return"])&&r.call(u),0):u.next)&&!(r=r.call(u,a[1])).done)return r;if(u=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;u=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];u=0}finally{i=r=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-ed063bbd.system.js","./p-77b6e4ba.system.js","./p-c97109b5.system.js"],(function(e){"use strict";var t,n,i,u,r,o,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;u=e.H;r=e.g},function(e){o=e.i},function(e){a=e.n}],execute:function(){var s='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:8px;align-items:center;height:100%;padding:8px 20px;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);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.active,.duet-popup-menu-item.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-popup-menu-item.active.duet-theme-turva,.duet-popup-menu-item.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';var c=e("duet_popup_menu_item",function(){function e(e){var i=this;t(this,e);this.duetFocus=n(this,"duetFocus",7);this.duetBlur=n(this,"duetBlur",7);this.onFocus=function(e){i.focus=true;i.duetFocus.emit({originalEvent:e,value:i.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){i.focus=false;i.duetBlur.emit({originalEvent:e,value:i.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.theme="";this.url=undefined;this.external=false;this.value=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false}e.prototype.componentWillLoad=function(){o(this)};e.prototype.componentDidLoad=function(){a(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva"};return i(u,null,i(t,{ref:function(t){return e.itemElement=t},tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:n,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&i("duet-icon",{name:this.leadingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{class:"duet-popup-menu-item-label"},i("slot",null)),this.trailingIcon&&i("duet-icon",{name:this.trailingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=s}}}));

package/lib/duet/p-040f8831.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-function t(t){setTimeout((()=>{const e=document.createElement("template");t.element.appendChild(e),e.remove()}),10)}export{t as n}

package/lib/duet/p-044464f3.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-ed063bbd.system.js","./p-77b6e4ba.system.js","./p-c97109b5.system.js"],(function(e){"use strict";var t,r,o,a,n,d;return{setters:[function(e){t=e.r;r=e.h;o=e.H;a=e.g},function(e){n=e.i},function(e){d=e.n}],execute:function(){var g='*,*::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:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fee8c3}.duet-badge.danger{background:#f8d3e0}.duet-badge.danger.duet-theme-turva{background:#f9d4cf}.duet-badge.success{background:#cce7de}.duet-badge.success.duet-theme-turva{background:#cee7dc}.duet-badge.subtle{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#fbb63f}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}.duet-badge.background-strong.subtle{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}';var u=e("duet_badge",function(){function e(e){t(this,e);this.theme="";this.variation="default";this.background="normal";this.margin="auto"}e.prototype.componentWillLoad=function(){n(this)};e.prototype.componentDidLoad=function(){d(this)};e.prototype.render=function(){var e;var t="background-".concat(this.background);return r(o,{class:{"duet-m-0":this.margin==="none"}},r("div",{class:(e={"duet-badge":true},e[this.variation]=true,e[t]=true,e["duet-theme-turva"]=this.theme==="turva",e)},r("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());u.style=g}}}));

package/lib/duet/p-08b472ed.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-ed063bbd.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.h}],execute:function(){var n=t("f",(function(t){if("setFocus"in t){t.setFocus()}else{t.focus()}}));var u=t("F",(function(t){var u=t.moveFocusTo;return e("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:function(){return n(u)}})}))}}}));