@duetds/components 4.34.2 → 4.35.1

package/lib/types/components.d.ts

@@ -112,6 +112,30 @@ export namespace Components {
          */
         "variation": DuetStatus;
     }
+    interface DuetBreadcrumb {
+        /**
+          * Adds accessible label for the link that is only shown for screen readers. Typically, this label text replaces the visible text on the link for users who use assistive technology.
+         */
+        "accessibleLabel": string;
+        /**
+          * Href
+         */
+        "href": string;
+        /**
+          * Icon
+         */
+        "icon": DuetIconName;
+        /**
+          * Theme
+         */
+        "theme": DuetTheme;
+    }
+    interface DuetBreadcrumbs {
+        /**
+          * Theme
+         */
+        "theme": DuetTheme;
+    }
     interface DuetButton {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -243,6 +267,7 @@ export namespace Components {
         /**
           * Style variation of the button.
           * @negative - value is deprecated and should be used in combination with negative prop in the future
+          * @destructive - value is deprecated and should be replace with destructive-secondary
          */
         "variation": DuetButtonVariation;
         /**
@@ -1539,6 +1564,10 @@ export namespace Components {
           * Use this property when you need to have the modal dialog initially active.
          */
         "active": boolean;
+        /**
+          * Use this property when you want the modal to close when clicked outside of modal.
+         */
+        "closeOnBlur": boolean;
         /**
           * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "primary".
          */
@@ -2093,6 +2122,20 @@ export namespace Components {
          */
         "value": number;
     }
+    interface DuetScrollable {
+        /**
+          * Optional identifier to add to buttons in the tab group
+         */
+        "identifier": string;
+        /**
+          * Selected element
+         */
+        "selected": number;
+        /**
+          * Theme of duet-tab-scrollable. When used this will override the color setting and use "primary" or "primary-turva" as the color depending on which theme is chosen.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -2264,6 +2307,16 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetTab {
+        /**
+          * String for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescription": string;
+        /**
+          * Defaults for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescriptionDefault": DuetLangObject | string;
         /**
           * Label for the tab.
          */
@@ -2274,6 +2327,14 @@ export namespace Components {
         "selected": boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+         */
+        "collapses": boolean;
+        /**
+          * Optional identifier to add to buttons in the tab group
+         */
+        "identifier": string;
         /**
           * Label for the select element which gets shown on mobile.
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
@@ -2311,6 +2372,10 @@ export namespace Components {
           * @deprecated
          */
         "refresh": () => Promise<void>;
+        /**
+          * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens), if this is a number instead of true it will be used as "amount of items to scroll"
+         */
+        "scrolls": boolean;
         /**
           * Theme of the component.
          */
@@ -2772,6 +2837,10 @@ export namespace Components {
           * Name of the upload component.
          */
         "name": string;
+        /**
+          * Method for forcing a render of the upload list, element.files can be changed externally But it will only rerender on a new Map or a top Level change - this can be used to update the tabular data if the automatic re-render is no sufficient
+         */
+        "refresh": () => Promise<void>;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -2860,6 +2929,18 @@ declare global {
         prototype: HTMLDuetBadgeElement;
         new (): HTMLDuetBadgeElement;
     };
+    interface HTMLDuetBreadcrumbElement extends Components.DuetBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLDuetBreadcrumbElement: {
+        prototype: HTMLDuetBreadcrumbElement;
+        new (): HTMLDuetBreadcrumbElement;
+    };
+    interface HTMLDuetBreadcrumbsElement extends Components.DuetBreadcrumbs, HTMLStencilElement {
+    }
+    var HTMLDuetBreadcrumbsElement: {
+        prototype: HTMLDuetBreadcrumbsElement;
+        new (): HTMLDuetBreadcrumbsElement;
+    };
     interface HTMLDuetButtonElement extends Components.DuetButton, HTMLStencilElement {
     }
     var HTMLDuetButtonElement: {
@@ -3088,6 +3169,12 @@ declare global {
         prototype: HTMLDuetRangeSliderElement;
         new (): HTMLDuetRangeSliderElement;
     };
+    interface HTMLDuetScrollableElement extends Components.DuetScrollable, HTMLStencilElement {
+    }
+    var HTMLDuetScrollableElement: {
+        prototype: HTMLDuetScrollableElement;
+        new (): HTMLDuetScrollableElement;
+    };
     interface HTMLDuetSelectElement extends Components.DuetSelect, HTMLStencilElement {
     }
     var HTMLDuetSelectElement: {
@@ -3181,6 +3268,8 @@ declare global {
     interface HTMLElementTagNameMap {
         "duet-alert": HTMLDuetAlertElement;
         "duet-badge": HTMLDuetBadgeElement;
+        "duet-breadcrumb": HTMLDuetBreadcrumbElement;
+        "duet-breadcrumbs": HTMLDuetBreadcrumbsElement;
         "duet-button": HTMLDuetButtonElement;
         "duet-caption": HTMLDuetCaptionElement;
         "duet-card": HTMLDuetCardElement;
@@ -3219,6 +3308,7 @@ declare global {
         "duet-radio": HTMLDuetRadioElement;
         "duet-radio-group": HTMLDuetRadioGroupElement;
         "duet-range-slider": HTMLDuetRangeSliderElement;
+        "duet-scrollable": HTMLDuetScrollableElement;
         "duet-select": HTMLDuetSelectElement;
         "duet-spacer": HTMLDuetSpacerElement;
         "duet-spinner": HTMLDuetSpinnerElement;
@@ -3299,6 +3389,30 @@ declare namespace LocalJSX {
          */
         "variation"?: DuetStatus;
     }
+    interface DuetBreadcrumb {
+        /**
+          * Adds accessible label for the link that is only shown for screen readers. Typically, this label text replaces the visible text on the link for users who use assistive technology.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Href
+         */
+        "href"?: string;
+        /**
+          * Icon
+         */
+        "icon"?: DuetIconName;
+        /**
+          * Theme
+         */
+        "theme"?: DuetTheme;
+    }
+    interface DuetBreadcrumbs {
+        /**
+          * Theme
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetButton {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -3434,6 +3548,7 @@ declare namespace LocalJSX {
         /**
           * Style variation of the button.
           * @negative - value is deprecated and should be used in combination with negative prop in the future
+          * @destructive - value is deprecated and should be replace with destructive-secondary
          */
         "variation"?: DuetButtonVariation;
         /**
@@ -4797,6 +4912,10 @@ declare namespace LocalJSX {
           * Use this property when you need to have the modal dialog initially active.
          */
         "active"?: boolean;
+        /**
+          * Use this property when you want the modal to close when clicked outside of modal.
+         */
+        "closeOnBlur"?: boolean;
         /**
           * Custom color to be used for the icon, as a design token entered in camelCase or kebab-case. Example: "primary".
          */
@@ -4824,7 +4943,7 @@ declare namespace LocalJSX {
          */
         "language"?: DuetLanguage;
         /**
-          * Emitted when the close button or esc is hit, but before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
+          * Emitted before the modal is closed. To prevent the modal from actually closing, use ev.detail.originalEvent.preventDefault().
          */
         "onDuetBeforeClose"?: (event: CustomEvent<DuetModalCloseEvent>) => void;
         /**
@@ -5357,6 +5476,20 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface DuetScrollable {
+        /**
+          * Optional identifier to add to buttons in the tab group
+         */
+        "identifier"?: string;
+        /**
+          * Selected element
+         */
+        "selected"?: number;
+        /**
+          * Theme of duet-tab-scrollable. When used this will override the color setting and use "primary" or "primary-turva" as the color depending on which theme is chosen.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetSelect {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -5536,6 +5669,16 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetTab {
+        /**
+          * String for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescription"?: string;
+        /**
+          * Defaults for AccessibleLabel
+          * @default null
+         */
+        "accessibleDescriptionDefault"?: DuetLangObject | string;
         /**
           * Label for the tab.
          */
@@ -5546,6 +5689,14 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface DuetTabGroup {
+        /**
+          * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+         */
+        "collapses"?: boolean;
+        /**
+          * Optional identifier to add to buttons in the tab group
+         */
+        "identifier"?: string;
         /**
           * Label for the select element which gets shown on mobile.
           * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
@@ -5582,6 +5733,10 @@ declare namespace LocalJSX {
           * Controls the padding of the component.
          */
         "padding"?: DuetPadding;
+        /**
+          * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens), if this is a number instead of true it will be used as "amount of items to scroll"
+         */
+        "scrolls"?: boolean;
         /**
           * Theme of the component.
          */
@@ -6151,6 +6306,8 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "duet-alert": DuetAlert;
         "duet-badge": DuetBadge;
+        "duet-breadcrumb": DuetBreadcrumb;
+        "duet-breadcrumbs": DuetBreadcrumbs;
         "duet-button": DuetButton;
         "duet-caption": DuetCaption;
         "duet-card": DuetCard;
@@ -6189,6 +6346,7 @@ declare namespace LocalJSX {
         "duet-radio": DuetRadio;
         "duet-radio-group": DuetRadioGroup;
         "duet-range-slider": DuetRangeSlider;
+        "duet-scrollable": DuetScrollable;
         "duet-select": DuetSelect;
         "duet-spacer": DuetSpacer;
         "duet-spinner": DuetSpinner;
@@ -6212,6 +6370,8 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "duet-alert": LocalJSX.DuetAlert & JSXBase.HTMLAttributes<HTMLDuetAlertElement>;
             "duet-badge": LocalJSX.DuetBadge & JSXBase.HTMLAttributes<HTMLDuetBadgeElement>;
+            "duet-breadcrumb": LocalJSX.DuetBreadcrumb & JSXBase.HTMLAttributes<HTMLDuetBreadcrumbElement>;
+            "duet-breadcrumbs": LocalJSX.DuetBreadcrumbs & JSXBase.HTMLAttributes<HTMLDuetBreadcrumbsElement>;
             "duet-button": LocalJSX.DuetButton & JSXBase.HTMLAttributes<HTMLDuetButtonElement>;
             "duet-caption": LocalJSX.DuetCaption & JSXBase.HTMLAttributes<HTMLDuetCaptionElement>;
             "duet-card": LocalJSX.DuetCard & JSXBase.HTMLAttributes<HTMLDuetCardElement>;
@@ -6250,6 +6410,7 @@ declare module "@stencil/core" {
             "duet-radio": LocalJSX.DuetRadio & JSXBase.HTMLAttributes<HTMLDuetRadioElement>;
             "duet-radio-group": LocalJSX.DuetRadioGroup & JSXBase.HTMLAttributes<HTMLDuetRadioGroupElement>;
             "duet-range-slider": LocalJSX.DuetRangeSlider & JSXBase.HTMLAttributes<HTMLDuetRangeSliderElement>;
+            "duet-scrollable": LocalJSX.DuetScrollable & JSXBase.HTMLAttributes<HTMLDuetScrollableElement>;
             "duet-select": LocalJSX.DuetSelect & JSXBase.HTMLAttributes<HTMLDuetSelectElement>;
             "duet-spacer": LocalJSX.DuetSpacer & JSXBase.HTMLAttributes<HTMLDuetSpacerElement>;
             "duet-spinner": LocalJSX.DuetSpinner & JSXBase.HTMLAttributes<HTMLDuetSpinnerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "4.34.2",
+  "version": "4.35.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -36,6 +36,7 @@
     "version": "npm run build",
     "build": "run-s stencil:build copy:vscode",
     "stencil:build": "stencil build",
+    "stencil:build:dev": "stencil build --dev",
     "stencil:stats": "stencil build --log --stats",
     "stencil:dev": "stencil build --dev --watch --serve",
     "stencil:koa": "stencil build --dev --watch",
@@ -52,11 +53,11 @@
     "koa-colorful-logger": "0.0.3"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.8",
-    "@duetds/icons": "2.2.8",
+    "@duetds/fonts": "1.4.12",
+    "@duetds/icons": "2.2.12",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.4.8",
+    "@duetds/tokens": "2.4.12",
     "@koa/cors": "3.1.0",
     "@rollup/plugin-replace": "3.0.1",
     "@stencil/core": "2.12.1",
@@ -95,5 +96,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "26cd823437cbe6efde9c9bb33b2c616d73cb9f67"
+  "gitHead": "f816ebbf8e83d6a806a575cc4afda379410de877"
 }

package/lib/cjs/duet-tab_2.cjs.entry.js

@@ -1,213 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e2021bf7.js');
-const createId = require('./create-id-c3b984b1.js');
-const keyboardUtils = require('./keyboard-utils-b4e3d1d3.js');
-const languageUtils = require('./language-utils-aa282901.js');
-const themeableComponent = require('./themeable-component-0c1be552.js');
-require('./string-utils-267e3dbb.js');
-
-const duetTabCss = ".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";
-
-let DuetTab = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    {
-      return (index.h("div", { role: "tabpanel", class: { "duet-tab": true, selected: this.selected } }, index.h("slot", null)));
-    }
-  }
-};
-DuetTab.style = duetTabCss;
-
-const duetTabGroupCss = "*.sc-duet-tab-group,*.sc-duet-tab-group::after,*.sc-duet-tab-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tab-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-hidden.sc-duet-tab-group{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-hidden.sc-duet-tab-group{display:block}}.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom-color:#e4e4e6 !important}@media (min-width: 36em){duet-select.sc-duet-tab-group{display:none !important}}.duet-tab-button.sc-duet-tab-group{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:#00294d !important;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-style:solid;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0 !important}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a !important;border-color:#e4e4e6}.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}@media (min-width: 36em){.duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button.sc-duet-tab-group:hover{z-index:200;border-color:#909599}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:#747475 !important}.duet-tab-button.sc-duet-tab-group:active{opacity:0.75;transition:none}.duet-tab-button.selected.sc-duet-tab-group{z-index:201;color:white !important;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:white !important;background-color:#171c3a;border-color:#171c3a !important}.duet-tab-button.sc-duet-tab-group:focus{z-index:200;outline:0}.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.user-is-tabbing.sc-duet-tab-group-h .duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group+.duet-tab-button.sc-duet-tab-group{margin-left:36px}.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:#0077b3 !important;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:#c60c30 !important;border-bottom-color:#c60c30 !important}.duet-tab-group-content.sc-duet-tab-group{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}";
-
-let DuetTabGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.duetChange = index.createEvent(this, "duetChange", 3);
-    this.duetTabChange = index.createEvent(this, "duetTabChange", 7);
-    this.id = createId.createID("DuetTabGroup");
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.tabs = [];
-    this.selected = 0;
-    /**
-     * Theme of the component.
-     */
-    this.theme = "";
-    /**
-     * Style variation of the tab group.
-     */
-    this.variation = "default";
-    /**
-     * The currently active language. This setting changes the accessible labels to match the
-     * chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
-    this.language = languageUtils.getLanguage();
-    /**
-     * Defaults for Label
-     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
-     */
-    this.labelDefaults = {
-      fi: "Valitse",
-      en: "Choose",
-      sv: "Välj",
-    };
-    /**
-     * Label for the select element which gets shown on mobile.
-     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
-     */
-    this.label = languageUtils.getLocaleString(this.labelDefaults, this.language);
-    /**
-     * Determines whether the label for the select element shown on mobile is visually hidden.
-     */
-    this.labelHidden = true;
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Controls the padding of the component.
-     */
-    this.padding = "auto";
-    /**
-     * Component event handling.
-     */
-    this.handleKeyDown = ev => {
-      let button;
-      if (keyboardUtils.isArrowLeftKey(ev) || keyboardUtils.isArrowUpKey(ev)) {
-        button = ev.target.previousElementSibling;
-      }
-      else if (keyboardUtils.isArrowRightKey(ev) || keyboardUtils.isArrowDownKey(ev)) {
-        button = ev.target.nextElementSibling;
-      }
-      if (button) {
-        ev.preventDefault();
-        button.click();
-        button.focus();
-      }
-    };
-    this.renderTab = (tab, index$1) => {
-      return (index.h("button", { role: "tab", id: this.getButtonId(index$1), "aria-controls": this.getTabId(index$1), "aria-selected": tab.selected ? "true" : "false", type: "button", class: {
-          "duet-p-0": this.padding === "none",
-          "duet-tab-button": true,
-          selected: tab.selected,
-        }, onClick: () => this.openTab(index$1), onKeyDown: ev => this.handleKeyDown(ev) }, tab.label));
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  async connectedCallback() {
-    if (typeof MutationObserver !== "undefined") {
-      this.mutationO = new MutationObserver(() => {
-        this.updateTabs();
-      });
-      this.mutationO.observe(this.element, {
-        attributes: true,
-        attributeFilter: ["label"],
-        childList: true,
-        characterData: true,
-        subtree: true,
-      });
-    }
-    this.updateTabs();
-  }
-  disconnectedCallback() {
-    if (this.mutationO) {
-      this.mutationO.disconnect();
-      this.mutationO = undefined;
-    }
-  }
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   * This method allows you to open any of the tabs by calling the method and
-   * passing the index of the tab. Please note that index starts from zero.
-   */
-  async openTab(tabIndex) {
-    if (tabIndex >= this.tabs.length) {
-      throw new Error(`[duet-tabs] Index ${tabIndex} is out of bounds of tabs length`);
-    }
-    this.selected = tabIndex;
-    this.tabs.forEach((tab, i) => {
-      tab.selected = i === tabIndex;
-    });
-    const event = {
-      value: tabIndex,
-      component: "duet-tab-group",
-    };
-    this.duetChange.emit(event);
-    this.duetTabChange.emit(event);
-  }
-  /**
-   * This method used to refresh the contents of the tab group
-   * but is now deprecated as this is done automatically.
-   * @deprecated
-   */
-  async refresh() {
-    console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");
-  }
-  /**
-   * Local methods.
-   */
-  getButtonId(index) {
-    return `${this.id}-button-${index}`;
-  }
-  getTabId(index) {
-    return `${this.id}-tab-${index}`;
-  }
-  async updateTabs() {
-    const allTabs = Array.from(this.element.querySelectorAll("duet-tab"));
-    // filter out any nested tabs
-    this.tabs = allTabs.filter(tab => tab.closest("duet-tab-group") === this.element);
-    if (this.tabs.length === 0) {
-      throw new Error("[duet-tabs] Must have at least one tab");
-    }
-    this.tabs.forEach((tab, index) => {
-      tab.id = this.getTabId(index);
-      tab.setAttribute("aria-labelledby", this.getButtonId(index));
-      if (tab.selected) {
-        this.selected = index;
-      }
-    });
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h("div", { class: {
-        "duet-tab-group": true,
-        "duet-theme-turva": this.theme === "turva",
-        [`duet-tab-variation-${this.variation}`]: true,
-      } }, this.tabs.length > 3 && (index.h("duet-select", { value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.openTab(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
-        return { label: tab.label, value: index.toString() };
-      }) })), index.h("div", { role: "tablist", class: {
-        "duet-m-0": this.margin === "none",
-        "duet-tab-group-tabs": true,
-        "duet-tab-group-hidden": this.tabs.length > 3,
-      } }, this.tabs.map(this.renderTab)), index.h("div", { class: { "duet-tab-group-content": true, "duet-m-0": this.margin === "none" } }, index.h("slot", null))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetTabGroup.style = duetTabGroupCss;
-
-exports.duet_tab = DuetTab;
-exports.duet_tab_group = DuetTabGroup;

package/lib/duet/p-13bc14a6.system.js

@@ -1,4 +0,0 @@
-var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function l(e){try{s(n.next(e))}catch(t){i(t)}}function o(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?r(e.value):a(e.value).then(l,o)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(t){return s([e,t])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(o){l=[6,o];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var r=0,n=t.length,a=e.length;r<n;r++,a++)e[a]=t[r];return e};
-/*!
- * Built with Duet Design System
- */System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n=e("N","duet");var a=e("E",{cdnURILocal:"http://0.0.0.0:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"2.2.8"});var i;var l;var o;var s=false;var $=false;var f=false;var u=false;var c=false;var v=e("w",typeof window!=="undefined"?window:{});var d=e("d",v.document||{head:{}});var h={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var p=function(){return(d.head.attachShadow+"").indexOf("[native")>-1}();var m=e("p",(function(e){return Promise.resolve(e)}));var g=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var y=function(e,t,r,n){if(r){r.map((function(r){var n=r[0],a=r[1],i=r[2];var l=w(e,n);var o=b(t,i);var s=N(n);h.ael(l,a,o,s);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return h.rel(l,a,o,s)}))}))}};var b=function(e,t){return function(r){try{{if(e.$flags$&256){e.$lazyInstance$[t](r)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}}}catch(n){Qe(n)}}};var w=function(e,t){if(t&4)return d;if(t&8)return v;if(t&16)return d.body;return e};var N=function(e){return(e&2)!==0};var R="r";var x="o";var _="s";var S="t";var k="s-id";var T="sty-id";var L="c-id";var C="{visibility:hidden}.hydrated{visibility:inherit}";var A="http://www.w3.org/1999/xlink";var I=function(e,t){if(t===void 0){t=""}{return function(){return}}};var j=function(e,t){{return function(){return}}};var E=new WeakMap;var P=function(e,t,r){var n=Ze.get(e);if(g&&r){n=n||new CSSStyleSheet;n.replace(t)}else{n=t}Ze.set(e,n)};var O=function(e,t,r,n){var a=B(t);var i=Ze.get(a);e=e.nodeType===11?e:d;if(i){if(typeof i==="string"){e=e.head||e;var l=E.get(e);var o=void 0;if(!l){E.set(e,l=new Set)}if(!l.has(a)){if(e.host&&(o=e.querySelector("["+T+'="'+a+'"]'))){o.innerHTML=i}else{{o=d.createElement("style");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(l){l.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets),[i])}}return a};var M=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=I("attachStyles",t.$tagName$);var i=O(p&&r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h");if(n&2){r.classList.add(i+"-s")}}a()};var B=function(e,t){return"sc-"+e.$tagName$};var z=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var q={};var U="http://www.w3.org/2000/svg";var V="http://www.w3.org/1999/xhtml";var H=function(e){return e!=null};var F=function(e){e=typeof e;return e==="object"||e==="function"};var W=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=null;var l=null;var o=false;var s=false;var $=[];var f=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(o=typeof e!=="function"&&!F(a)){a=String(a)}if(o&&s){$[$.length-1].$text$+=a}else{$.push(o?D(null,a):a)}s=o}}};f(r);if(t){if(t.key){i=t.key}if(t.name){l=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,$,K)}var c=D(e,null);c.$attrs$=t;if($.length>0){c.$children$=$}{c.$key$=i}{c.$name$=l}return c}));var D=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}{r.$key$=null}{r.$name$=null}return r};var G=e("H",{});var J=function(e){return e&&e.$tag$===G};var K={forEach:function(e,t){return e.map(Q).forEach(t)},map:function(e,t){return e.map(Q).map(t).map(X)}};var Q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var X=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return W.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[]))}var r=D(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var Y=function(e,t,r,n,a,i){if(r!==n){var l=Ke(e,t);var o=t.toLowerCase();if(t==="class"){var s=e.classList;var $=ee(r);var f=ee(n);s.remove.apply(s,$.filter((function(e){return e&&!f.includes(e)})));s.add.apply(s,f.filter((function(e){return e&&!$.includes(e)})))}else if(t==="style"){{for(var u in r){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!r||n[u]!==r[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ke(v,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r){h.rel(e,t,r,false)}if(n){h.ael(e,t,n,false)}}else{var c=F(n);if((l||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(t==="list"){l=false}else if(r==null||e[t]!=d){e[t]=d}}else{e[t]=n}}catch(m){}}var p=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;p=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(p){e.removeAttributeNS(A,t)}else{e.removeAttribute(t)}}}else if((!l||i&4||a)&&!c){n=n===true?"":n;if(p){e.setAttributeNS(A,t,n)}else{e.setAttribute(t,n)}}}}};var Z=/\s/;var ee=function(e){return!e?[]:e.split(Z)};var te=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||q;var l=t.$attrs$||q;{for(n in i){if(!(n in l)){Y(a,n,i[n],undefined,r,t.$flags$)}}}for(n in l){Y(a,n,i[n],l[n],r,t.$flags$)}};var re=function(e,t,r,n){var a=t.$children$[r];var $=0;var c;var v;var h;if(!s){f=true;if(a.$tag$==="slot"){if(i){n.classList.add(i+"-s")}a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){c=a.$elm$=d.createTextNode(a.$text$)}else if(a.$flags$&1){c=a.$elm$=d.createTextNode("")}else{if(!u){u=a.$tag$==="svg"}c=a.$elm$=d.createElementNS(u?U:V,a.$flags$&2?"slot-fb":a.$tag$);if(u&&a.$tag$==="foreignObject"){u=false}{te(null,a,u)}if(H(i)&&c["s-si"]!==i){c.classList.add(c["s-si"]=i)}if(a.$children$){for($=0;$<a.$children$.length;++$){v=re(e,a,$,c);if(v){c.appendChild(v)}}}{if(a.$tag$==="svg"){u=false}else if(c.tagName==="foreignObject"){u=true}}}{c["s-hn"]=o;if(a.$flags$&(2|1)){c["s-sr"]=true;c["s-cr"]=l;c["s-sn"]=a.$name$||"";h=e&&e.$children$&&e.$children$[r];if(h&&h.$tag$===a.$tag$&&e.$elm$){ne(e.$elm$,false)}}}return c};var ne=function(e,t){h.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==o&&a["s-ol"]){$e(a).insertBefore(a,se(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(t){ne(a,t)}}h.$flags$&=~1};var ae=function(e,t,r,n,a,i){var l=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(l.shadowRoot&&l.tagName===o){l=l.shadowRoot}for(;a<=i;++a){if(n[a]){s=re(null,r,a,e);if(s){n[a].$elm$=s;l.insertBefore(s,se(t))}}}};var ie=function(e,t,r,n,a){for(;t<=r;++t){if(n=e[t]){a=n.$elm$;he(n);{$=true;if(a["s-ol"]){a["s-ol"].remove()}else{ne(a,true)}}a.remove()}}};var le=function(e,t,r,n){var a=0;var i=0;var l=0;var o=0;var s=t.length-1;var $=t[0];var f=t[s];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=s&&i<=u){if($==null){$=t[++a]}else if(f==null){f=t[--s]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(oe($,c)){fe($,c);$=t[++a];c=n[++i]}else if(oe(f,v)){fe(f,v);f=t[--s];v=n[--u]}else if(oe($,v)){if($.$tag$==="slot"||v.$tag$==="slot"){ne($.$elm$.parentNode,false)}fe($,v);e.insertBefore($.$elm$,f.$elm$.nextSibling);$=t[++a];v=n[--u]}else if(oe(f,c)){if($.$tag$==="slot"||v.$tag$==="slot"){ne(f.$elm$.parentNode,false)}fe(f,c);e.insertBefore(f.$elm$,$.$elm$);f=t[--s];c=n[++i]}else{l=-1;{for(o=a;o<=s;++o){if(t[o]&&t[o].$key$!==null&&t[o].$key$===c.$key$){l=o;break}}}if(l>=0){h=t[l];if(h.$tag$!==c.$tag$){d=re(t&&t[i],r,l,e)}else{fe(h,c);t[l]=undefined;d=h.$elm$}c=n[++i]}else{d=re(t&&t[i],r,i,e);c=n[++i]}if(d){{$e($.$elm$).insertBefore(d,se($.$elm$))}}}}if(a>s){ae(e,n[u+1]==null?null:n[u+1].$elm$,r,n,i,u)}else if(i>u){ie(t,a,s)}};var oe=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var se=function(e){return e&&e["s-ol"]||e};var $e=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var fe=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var i=t.$tag$;var l=t.$text$;var o;if(l===null){{u=i==="svg"?true:i==="foreignObject"?false:u}{if(i==="slot");else{te(e,t,u)}}if(n!==null&&a!==null){le(r,n,t,a)}else if(a!==null){if(e.$text$!==null){r.textContent=""}ae(r,null,t,a,0,a.length-1)}else if(n!==null){ie(n,0,n.length-1)}if(u&&i==="svg"){u=false}}else if(o=r["s-cr"]){o.parentNode.textContent=l}else if(e.$text$!==l){r.data=l}};var ue=function(e){var t=e.childNodes;var r;var n;var a;var i;var l;var o;for(n=0,a=t.length;n<a;n++){r=t[n];if(r.nodeType===1){if(r["s-sr"]){l=r["s-sn"];r.hidden=false;for(i=0;i<a;i++){o=t[i].nodeType;if(t[i]["s-hn"]!==r["s-hn"]||l!==""){if(o===1&&l===t[i].getAttribute("slot")){r.hidden=true;break}}else{if(o===1||o===3&&t[i].textContent.trim()!==""){r.hidden=true;break}}}}ue(r)}}};var ce=[];var ve=function(e){var t;var r;var n;var a;var i;var l;var o=0;var s=e.childNodes;var f=s.length;for(;o<f;o++){t=s[o];if(t["s-sr"]&&(r=t["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;a=t["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==t["s-hn"]){if(de(r,a)){i=ce.find((function(e){return e.$nodeToRelocate$===r}));$=true;r["s-sn"]=r["s-sn"]||a;if(i){i.$slotRefNode$=t}else{ce.push({$slotRefNode$:t,$nodeToRelocate$:r})}if(r["s-sr"]){ce.map((function(e){if(de(e.$nodeToRelocate$,r["s-sn"])){i=ce.find((function(e){return e.$nodeToRelocate$===r}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ce.some((function(e){return e.$nodeToRelocate$===r}))){ce.push({$nodeToRelocate$:r})}}}}if(t.nodeType===1){ve(t)}}};var de=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var he=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(he)}};var pe=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var a=e.$vnode$||D(null,null);var u=J(t)?t:W(null,null,t);o=r.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return u.$attrs$[n]=r[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=a.$elm$=r.shadowRoot||r;{i=r["s-sc"]}{l=r["s-cr"];s=p&&(n.$flags$&1)!==0;$=false}fe(a,u);{h.$flags$|=1;if(f){ve(u.$elm$);var c=void 0;var v=void 0;var m=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(!v["s-ol"]){m=d.createTextNode("");m["s-nr"]=v;v.parentNode.insertBefore(v["s-ol"]=m,v)}}for(w=0;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(c.$slotRefNode$){g=c.$slotRefNode$.parentNode;y=c.$slotRefNode$.nextSibling;m=v["s-ol"];while(m=m.previousSibling){b=m["s-nr"];if(b&&b["s-sn"]===v["s-sn"]&&g===b.parentNode){b=b.nextSibling;if(!b||!b["s-nr"]){y=b;break}}}if(!y&&g!==v.parentNode||v.nextSibling!==y){if(v!==y){if(!v["s-hn"]&&v["s-ol"]){v["s-hn"]=v["s-ol"].parentNode.nodeName}g.insertBefore(v,y)}}}else{if(v.nodeType===1){v.hidden=true}}}}if($){ue(u.$elm$)}h.$flags$&=~1;ce.length=0}};var me=e("g",(function(e){return De(e).$hostElement$}));var ge=e("c",(function(e,t,r){var n=me(e);return{emit:function(e){return ye(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}}));var ye=function(e,t,r){var n=h.ce(t,r);e.dispatchEvent(n);return n};var be=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var we=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}be(e,e.$ancestorComponent$);var r=function(){return Ne(e,t)};return lt(r)};var Ne=function(e,t){var r=I("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return ke(n,t,r)}));e.$queuedListeners$=null}}{a=ke(n,"componentWillLoad")}}{a=Te(a,(function(){return ke(n,"componentWillRender")}))}r();return Te(a,(function(){return Re(e,n,t)}))};var Re=function(e,t,n){return __awaiter(r,void 0,void 0,(function(){var r,a,i,l,o,s;return __generator(this,(function($){r=e.$hostElement$;a=I("update",e.$cmpMeta$.$tagName$);i=r["s-rc"];if(n){M(e)}l=I("render",e.$cmpMeta$.$tagName$);{xe(e,t)}if(i){i.map((function(e){return e()}));r["s-rc"]=undefined}l();a();{o=r["s-p"];s=function(){return _e(e)};if(o.length===0){s()}else{Promise.all(o).then(s);e.$flags$|=4;o.length=0}}return[2]}))}))};var xe=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{pe(e,t)}}}}catch(n){Qe(n,e.$hostElement$)}return null};var _e=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=I("postUpdate",t);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{Le(r)}{ke(a,"componentDidLoad")}n();{e.$onReadyResolve$(r);if(!i){Se()}}}else{{ke(a,"componentDidUpdate")}n()}{e.$onInstanceResolve$(r)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){it((function(){return we(e,false)}))}e.$flags$&=~(4|512)}};var Se=function(e){{Le(d.documentElement)}it((function(){return ye(v,"appload",{detail:{namespace:n}})}))};var ke=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(n){Qe(n)}}return undefined};var Te=function(e,t){return e&&e.then?e.then(t):t()};var Le=function(e){return e.classList.add("hydrated")};var Ce=function(e,t,r,n){var a=I("hydrateClient",t);var i=e.shadowRoot;var l=[];var o=[];var s=i?[]:null;var $=n.$vnode$=D(t,null);if(!h.$orgLocNodes$){Ie(d.body,h.$orgLocNodes$=new Map)}e[k]=r;e.removeAttribute(k);Ae($,l,o,s,e,e,r);l.map((function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=h.$orgLocNodes$.get(r);var a=e.$elm$;if(n&&p&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!i){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}h.$orgLocNodes$.delete(r)}));if(i){s.map((function(e){if(e){i.appendChild(e)}}))}a()};var Ae=function(e,t,r,n,a,i,l){var o;var s;var $;var f;if(i.nodeType===1){o=i.getAttribute(L);if(o){s=o.split(".");if(s[0]===l||s[0]==="0"){$={$flags$:0,$hostId$:s[0],$nodeId$:s[1],$depth$:s[2],$index$:s[3],$tag$:i.tagName.toLowerCase(),$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null};t.push($);i.removeAttribute(L);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;e=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}for(f=i.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.childNodes[f],l)}if(i.shadowRoot){for(f=i.shadowRoot.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.shadowRoot.childNodes[f],l)}}}else if(i.nodeType===8){s=i.nodeValue.split(".");if(s[1]===l||s[1]==="0"){o=s[0];$={$flags$:0,$hostId$:s[1],$nodeId$:s[2],$depth$:s[3],$index$:s[4],$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null};if(o===S){$.$elm$=i.nextSibling;if($.$elm$&&$.$elm$.nodeType===3){$.$text$=$.$elm$.textContent;t.push($);i.remove();if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}else if($.$hostId$===l){if(o===_){$.$tag$="slot";if(s[5]){i["s-sn"]=$.$name$=s[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){$.$elm$=d.createElement($.$tag$);if($.$name$){$.$elm$.setAttribute("name",$.$name$)}i.parentNode.insertBefore($.$elm$,i);i.remove();if($.$depth$==="0"){n[$.$index$]=$.$elm$}}r.push($);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$}else if(o===R){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){var u=D(null,i.textContent);u.$elm$=i;u.$index$="0";e.$children$=[u]}};var Ie=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){Ie(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){Ie(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===x){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var je=function(e,t){if(e!=null&&!F(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Ee=function(e,t){return De(e).$instanceValues$.get(t)};var Pe=function(e,t,r,n){var a=De(e);var i=a.$hostElement$;var l=a.$instanceValues$.get(t);var o=a.$flags$;var s=a.$lazyInstance$;r=je(r,n.$members$[t][0]);if((!(o&8)||l===undefined)&&r!==l){a.$instanceValues$.set(t,r);if(s){if(n.$watchers$&&o&128){var $=n.$watchers$[t];if($){$.map((function(e){try{s[e](r,l,t)}catch(n){Qe(n,i)}}))}}if((o&(2|16))===2){we(a,false)}}}};var Oe=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return Ee(this,n)},set:function(e){Pe(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=De(this);return r.$onInstancePromise$.then((function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)}))}})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;h.jmp((function(){var t=i.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var Me=function(e,n,a,i,l){return __awaiter(r,void 0,void 0,(function(){var e,r,i,o,s,$,f;return __generator(this,(function(u){switch(u.label){case 0:if(!((n.$flags$&32)===0))return[3,5];n.$flags$|=32;l=Ye(a);if(!l.then)return[3,2];e=j();return[4,l];case 1:l=u.sent();e();u.label=2;case 2:if(!l.isProxied){{a.$watchers$=l.watchers}Oe(l,a,2);l.isProxied=true}r=I("createInstance",a.$tagName$);{n.$flags$|=8}try{new l(n)}catch(c){Qe(c)}{n.$flags$&=~8}{n.$flags$|=128}r();Be(n.$lazyInstance$);if(!l.style)return[3,5];i=l.style;o=B(a);if(!!Ze.has(o))return[3,5];s=I("registerStyles",a.$tagName$);if(!(a.$flags$&8))return[3,4];return[4,t.import("./p-e5c1751e.system.js").then((function(e){return e.scopeCss(i,o,false)}))];case 3:i=u.sent();u.label=4;case 4:P(o,i,!!(a.$flags$&1));s();u.label=5;case 5:$=n.$ancestorComponent$;f=function(){return we(n,true)};if($&&$["s-rc"]){$["s-rc"].push(f)}else{f()}return[2]}}))}))};var Be=function(e){{ke(e,"connectedCallback")}};var ze=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$cmpMeta$;var n=I("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;var a=void 0;{a=e.getAttribute(k);if(a){if(p&&r.$flags$&1){var i=O(e.shadowRoot,r);e.classList.remove(i+"-h",i+"-s")}Ce(e,r.$tagName$,a,t)}}if(!a){if(r.$flags$&(4|8)){qe(e)}}{var l=e;while(l=l.parentNode||l.host){if(l.nodeType===1&&l.hasAttribute("s-id")&&l["s-p"]||l["s-p"]){be(t,t.$ancestorComponent$=l);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{it((function(){return Me(e,t,r)}))}}else{y(e,t,r.$listeners$);Be(t.$lazyInstance$)}n()}};var qe=function(e){var t=e["s-cr"]=d.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var Ue=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}{ke(r,"disconnectedCallback")}}};var Ve=function(e,t){var r=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);if(t.$flags$&8){var n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=n.call(this);if((h.$flags$&1)===0&&De(this).$flags$&2){var t=new r;for(var a=0;a<e.length;a++){var i=e[a]["s-nr"];if(i){t.push(i)}}return t}return r.from(e)}})}};var He=e("b",(function(e,t){if(t===void 0){t={}}var r=I();var n=[];var a=t.exclude||[];var i=v.customElements;var l=d.head;var o=l.querySelector("meta[charset]");var s=d.createElement("style");var $=[];var f=d.querySelectorAll("["+T+"]");var u;var c=true;var m=0;Object.assign(h,t);h.$resourcesUrl$=new URL(t.resourcesUrl||"./",d.baseURI).href;{h.$flags$|=2}{for(;m<f.length;m++){P(f[m].getAttribute(T),z(f[m].innerHTML),true)}}e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$listeners$=t[3]}{r.$attrsToReflect$=[]}{r.$watchers$={}}if(!p&&r.$flags$&1){r.$flags$|=8}var l=r.$tagName$;var o=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;Je(t,r);if(r.$flags$&1){if(p){{t.attachShadow({mode:"open",delegatesFocus:!!(r.$flags$&16)})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}{Ve(t,r)}return n}t.prototype.connectedCallback=function(){var e=this;if(u){clearTimeout(u);u=null}if(c){$.push(this)}else{h.jmp((function(){return ze(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;h.jmp((function(){return Ue(e)}))};t.prototype.componentOnReady=function(){return De(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!a.includes(l)&&!i.get(l)){n.push(l);i.define(l,Oe(o,r,1))}}))}));{s.innerHTML=n+C;s.setAttribute("data-styles","");l.insertBefore(s,o?o.nextSibling:l.firstChild)}c=false;if($.length){$.map((function(e){return e.connectedCallback()}))}else{{h.jmp((function(){return u=setTimeout(Se,30)}))}}r()}));var Fe=e("F",(function(e,t){return t}));var We=new WeakMap;var De=function(e){return We.get(e)};var Ge=e("r",(function(e,t){return We.set(t.$lazyInstance$=e,t)}));var Je=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onInstancePromise$=new Promise((function(e){return r.$onInstanceResolve$=e}))}{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}y(e,r,t.$listeners$);return We.set(e,r)};var Ke=function(e,t){return t in e};var Qe=function(e,t){return(0,console.error)(e,t)};var Xe=new Map;var Ye=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var l=Xe.get(i);if(l){return l[a]}return t.import("./"+i+".entry.js"+"").then((function(e){{Xe.set(i,e)}return e[a]}),Qe)};var Ze=new Map;var et=[];var tt=[];var rt=function(e,t){return function(r){e.push(r);if(!c){c=true;if(t&&h.$flags$&4){it(at)}else{h.raf(at)}}}};var nt=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(r){Qe(r)}}e.length=0};var at=function(){nt(et);{nt(tt);if(c=et.length>0){h.raf(at)}}};var it=function(e){return m().then(e)};var lt=rt(tt,true)}}}));