@duetds/components 6.5.3 → 6.6.0

package/lib/types/components.d.ts

@@ -14,7 +14,8 @@ import { DuetCaptionSize } from "./components/duet-caption/duet-caption";
 import { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
 import { DuetBreakpoints } from "./utils/token-utils";
 import { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
-import { DuetChoiceEvent, DuetChoiceType } from "./components/duet-choice/duet-choice";
+import { DuetChoiceType } from "./components/duet-choice/duet-choice";
+import { DuetChoiceEvent, DuetChoiceType as DuetChoiceType1 } from "./components/duet-choice/duet-choice";
 import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
 import { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
 import { DuetCookieConsentEvent } from "./components/duet-cookie-consent/duet-cookie-consent";
@@ -545,6 +546,28 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetCheckmark {
+        /**
+          * Checked
+         */
+        "center": boolean;
+        /**
+          * Checked
+         */
+        "checked": boolean;
+        /**
+          * Checked
+         */
+        "presentationOnly": boolean;
+        /**
+          * Theme
+         */
+        "theme": DuetTheme;
+        /**
+          * Type
+         */
+        "type": DuetChoiceType;
+    }
     interface DuetChoice {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -652,6 +675,10 @@ export namespace Components {
           * Theme of the choice.
          */
         "theme": DuetTheme;
+        /**
+          * This method toggles the info section.
+         */
+        "toggleInfoMethod": () => Promise<void>;
         /**
           * Type of the choice button. You can set the type of the choice to be either “radio” or “checkbox”. Depending on this selection we convey the selection type to assistive technologies as well. When type “radio” is chosen it is required to place the choices inside Choice Group component.
          */
@@ -1398,6 +1425,10 @@ export namespace Components {
           * Whether the icon changes its size responsively or not.
          */
         "responsive": boolean;
+        /**
+          * Shape of the background. Brand follows new designs and currently doesn't support xxx-small size.
+         */
+        "shape": "circle" | "brand";
         /**
           * Icon size. Entered as one of the icon size design tokens.
          */
@@ -1662,6 +1693,10 @@ export namespace Components {
           * Sets focus on the specified `duet-link`. Use this method instead of the global `link.focus()`.
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Initially visually hidden link, which is shown on focus.
+         */
+        "tabToLink": boolean;
         /**
           * Theme of the button.
          */
@@ -2252,6 +2287,20 @@ export namespace Components {
          */
         "value": string;
     }
+    interface DuetPageHeading {
+        /**
+          * Icon.
+         */
+        "icon": DuetIconName;
+        /**
+          * Layout.
+         */
+        "layout": "custom" | "fluid" | "narrow";
+        /**
+          * Theme of the hero area.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetPagination {
         /**
           * Described By id
@@ -2827,6 +2876,10 @@ export namespace Components {
           * Active
          */
         "active": boolean;
+        /**
+          * Background color. Use one of the color tokens.
+         */
+        "backgroundColor": DuetColor;
         /**
           * Icon
          */
@@ -3005,6 +3058,10 @@ export namespace Components {
           * @default null
          */
         "accessibleDescriptionDefault": DuetLangObject | string;
+        /**
+          * Caption for the tab.
+         */
+        "caption": string;
         /**
           * Label for the tab.
          */
@@ -3899,6 +3956,12 @@ declare global {
         prototype: HTMLDuetCheckboxElement;
         new (): HTMLDuetCheckboxElement;
     };
+    interface HTMLDuetCheckmarkElement extends Components.DuetCheckmark, HTMLStencilElement {
+    }
+    var HTMLDuetCheckmarkElement: {
+        prototype: HTMLDuetCheckmarkElement;
+        new (): HTMLDuetCheckmarkElement;
+    };
     interface HTMLDuetChoiceElement extends Components.DuetChoice, HTMLStencilElement {
     }
     var HTMLDuetChoiceElement: {
@@ -4109,6 +4172,12 @@ declare global {
         prototype: HTMLDuetNumberInputElement;
         new (): HTMLDuetNumberInputElement;
     };
+    interface HTMLDuetPageHeadingElement extends Components.DuetPageHeading, HTMLStencilElement {
+    }
+    var HTMLDuetPageHeadingElement: {
+        prototype: HTMLDuetPageHeadingElement;
+        new (): HTMLDuetPageHeadingElement;
+    };
     interface HTMLDuetPaginationElement extends Components.DuetPagination, HTMLStencilElement {
     }
     var HTMLDuetPaginationElement: {
@@ -4341,6 +4410,7 @@ declare global {
         "duet-caption": HTMLDuetCaptionElement;
         "duet-card": HTMLDuetCardElement;
         "duet-checkbox": HTMLDuetCheckboxElement;
+        "duet-checkmark": HTMLDuetCheckmarkElement;
         "duet-choice": HTMLDuetChoiceElement;
         "duet-choice-group": HTMLDuetChoiceGroupElement;
         "duet-collapsible": HTMLDuetCollapsibleElement;
@@ -4376,6 +4446,7 @@ declare global {
         "duet-notification": HTMLDuetNotificationElement;
         "duet-notification-drawer": HTMLDuetNotificationDrawerElement;
         "duet-number-input": HTMLDuetNumberInputElement;
+        "duet-page-heading": HTMLDuetPageHeadingElement;
         "duet-pagination": HTMLDuetPaginationElement;
         "duet-paragraph": HTMLDuetParagraphElement;
         "duet-progress": HTMLDuetProgressElement;
@@ -4921,6 +4992,28 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetCheckmark {
+        /**
+          * Checked
+         */
+        "center"?: boolean;
+        /**
+          * Checked
+         */
+        "checked"?: boolean;
+        /**
+          * Checked
+         */
+        "presentationOnly"?: boolean;
+        /**
+          * Theme
+         */
+        "theme"?: DuetTheme;
+        /**
+          * Type
+         */
+        "type"?: DuetChoiceType;
+    }
     interface DuetChoice {
         /**
           * Indicates the id of a related component’s visually focused element.
@@ -5864,6 +5957,10 @@ declare namespace LocalJSX {
           * Whether the icon changes its size responsively or not.
          */
         "responsive"?: boolean;
+        /**
+          * Shape of the background. Brand follows new designs and currently doesn't support xxx-small size.
+         */
+        "shape"?: "circle" | "brand";
         /**
           * Icon size. Entered as one of the icon size design tokens.
          */
@@ -6132,6 +6229,10 @@ declare namespace LocalJSX {
           * @default "fi"
          */
         "language"?: DuetLanguage;
+        /**
+          * Initially visually hidden link, which is shown on focus.
+         */
+        "tabToLink"?: boolean;
         /**
           * Theme of the button.
          */
@@ -6719,6 +6820,20 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface DuetPageHeading {
+        /**
+          * Icon.
+         */
+        "icon"?: DuetIconName;
+        /**
+          * Layout.
+         */
+        "layout"?: "custom" | "fluid" | "narrow";
+        /**
+          * Theme of the hero area.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetPagination {
         /**
           * Described By id
@@ -7318,6 +7433,10 @@ declare namespace LocalJSX {
           * Active
          */
         "active"?: boolean;
+        /**
+          * Background color. Use one of the color tokens.
+         */
+        "backgroundColor"?: DuetColor;
         /**
           * Icon
          */
@@ -7496,6 +7615,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "accessibleDescriptionDefault"?: DuetLangObject | string;
+        /**
+          * Caption for the tab.
+         */
+        "caption"?: string;
         /**
           * Label for the tab.
          */
@@ -8250,6 +8373,7 @@ declare namespace LocalJSX {
         "duet-caption": DuetCaption;
         "duet-card": DuetCard;
         "duet-checkbox": DuetCheckbox;
+        "duet-checkmark": DuetCheckmark;
         "duet-choice": DuetChoice;
         "duet-choice-group": DuetChoiceGroup;
         "duet-collapsible": DuetCollapsible;
@@ -8285,6 +8409,7 @@ declare namespace LocalJSX {
         "duet-notification": DuetNotification;
         "duet-notification-drawer": DuetNotificationDrawer;
         "duet-number-input": DuetNumberInput;
+        "duet-page-heading": DuetPageHeading;
         "duet-pagination": DuetPagination;
         "duet-paragraph": DuetParagraph;
         "duet-progress": DuetProgress;
@@ -8337,6 +8462,7 @@ declare module "@stencil/core" {
             "duet-caption": LocalJSX.DuetCaption & JSXBase.HTMLAttributes<HTMLDuetCaptionElement>;
             "duet-card": LocalJSX.DuetCard & JSXBase.HTMLAttributes<HTMLDuetCardElement>;
             "duet-checkbox": LocalJSX.DuetCheckbox & JSXBase.HTMLAttributes<HTMLDuetCheckboxElement>;
+            "duet-checkmark": LocalJSX.DuetCheckmark & JSXBase.HTMLAttributes<HTMLDuetCheckmarkElement>;
             "duet-choice": LocalJSX.DuetChoice & JSXBase.HTMLAttributes<HTMLDuetChoiceElement>;
             "duet-choice-group": LocalJSX.DuetChoiceGroup & JSXBase.HTMLAttributes<HTMLDuetChoiceGroupElement>;
             "duet-collapsible": LocalJSX.DuetCollapsible & JSXBase.HTMLAttributes<HTMLDuetCollapsibleElement>;
@@ -8372,6 +8498,7 @@ declare module "@stencil/core" {
             "duet-notification": LocalJSX.DuetNotification & JSXBase.HTMLAttributes<HTMLDuetNotificationElement>;
             "duet-notification-drawer": LocalJSX.DuetNotificationDrawer & JSXBase.HTMLAttributes<HTMLDuetNotificationDrawerElement>;
             "duet-number-input": LocalJSX.DuetNumberInput & JSXBase.HTMLAttributes<HTMLDuetNumberInputElement>;
+            "duet-page-heading": LocalJSX.DuetPageHeading & JSXBase.HTMLAttributes<HTMLDuetPageHeadingElement>;
             "duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
             "duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
             "duet-progress": LocalJSX.DuetProgress & JSXBase.HTMLAttributes<HTMLDuetProgressElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "6.5.3",
+  "version": "6.6.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -50,9 +50,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "2.0.31",
-    "@duetds/icons": "3.0.31",
-    "@duetds/tokens": "3.0.31",
+    "@duetds/fonts": "2.0.32",
+    "@duetds/icons": "3.0.32",
+    "@duetds/tokens": "3.0.32",
     "@koa/cors": "3.3.0",
     "@rollup/plugin-replace": "3.1.0",
     "@stencil/core": "2.19.3",
@@ -83,5 +83,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "0e50c6e2904f63d833c73093eedd72df8cf3d834"
+  "gitHead": "080f6fd8613838ade6b5a51e68f2137b1dd72959"
 }

package/lib/dist-custom-elements/p-ff814bad.js

@@ -1,183 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { E as Env, p as proxyCustomElement, H, h, b as Host } from './p-2973295e.js';
-import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { g as getColorByName } from './p-535ce3ec.js';
-
-const cleanupSvg = (svgContent) => {
-  if (typeof document === "undefined" || !svgContent) {
-    return;
-  }
-  const div = document.createElement("div");
-  div.innerHTML = svgContent;
-  // setup this way to ensure it works on our buddy IE
-  for (let i = div.childNodes.length - 1; i >= 0; i--) {
-    const child = div.childNodes[i];
-    if (child.nodeName.toLowerCase() !== "svg") {
-      div.removeChild(div.childNodes[i]);
-    }
-  }
-  return div.firstElementChild;
-};
-const isValid = (elm) => {
-  if (elm.nodeName.toLowerCase() === "script") {
-    return false;
-  }
-  for (let i = 0; i < elm.attributes.length; i++) {
-    const attribute = elm.attributes[i];
-    if (attribute.name.toLowerCase().indexOf("on") === 0) {
-      return false;
-    }
-  }
-  if (elm.children) {
-    for (let i = 0; i < elm.children.length; i++) {
-      if (!isValid(elm.children[i])) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
-const buildIconUrl = (iconName) => {
-  // under normal operations the Icons should always be loaded from the CDN
-  {
-    return `${Env.cdnURIProd}/icons/${Env.duetIconVersion}/lib/assets/${iconName}.svg`;
-  }
-};
-const iconCache = {};
-function fetchIconByUrl(url) {
-  if (iconCache[url]) {
-    return iconCache[url];
-  }
-  // we create a function that covers all the fetching, cleanup, validation etc,
-  // this way we can perform that work just once, and then return the same promise in future.
-  async function doFetch() {
-    const res = await fetch(url);
-    if (!res.ok) {
-      throw new Error(`SVG request failed: ${res.status} ${res.statusText}`);
-    }
-    const responseText = await res.text();
-    const svgElement = cleanupSvg(responseText);
-    if (!isValid(svgElement)) {
-      throw new Error("SVG validation failed");
-    }
-    // OuterHTML does not unfortunately work here with IE11
-    // was previously: resolve(svgElement.outerHTML)
-    const div = document.createElement("div");
-    div.appendChild(svgElement);
-    return div.innerHTML;
-  }
-  // we do not `await` the fetch, as we only care about initiating the work,
-  // it's the responsibility of the calling code to wait for the response.
-  const req = doFetch();
-  // cache for the repeat requests
-  return (iconCache[url] = req);
-}
-
-const duetIconCss = "*,*::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:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px;border-radius:50%}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:white;border-radius:50%}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:white}.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg{width:16px;height:16px}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:#0077b3}.duet-icon.duet-theme-turva{color:#c60c30}.duet-icon.auto .duet-icon-svg{width:100%;height:100%}.duet-icon.xxx-small .duet-icon-svg{width:7px;height:7px}.duet-icon.duet-icon-has-background.xxx-small{padding:6px}.duet-icon.duet-icon-has-outline.xxx-small{padding:4px}.duet-icon.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small{padding:8px}.duet-icon.duet-icon-has-outline.xx-small{padding:7px}.duet-icon.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.duet-icon-has-outline.x-small{padding:10px}.duet-icon.duet-icon-has-background.x-small{padding:12px}.duet-icon.small .duet-icon-svg{width:20px;height:20px}.duet-icon.duet-icon-has-background.small{padding:14px}.duet-icon.large .duet-icon-svg{width:30px;height:30px}.duet-icon.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.xx-large .duet-icon-svg{width:48px;height:48px}.duet-icon.xxx-large .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){.duet-icon.xxx-large .duet-icon-svg{width:72px;height:72px}}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon svg{width:100%;min-width:100%;fill:currentColor}";
-
-const DuetIcon = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.svgContent = undefined;
-    this.theme = "";
-    this.icon = undefined;
-    this.src = undefined;
-    this.name = "action-add";
-    this.margin = "auto";
-    this.responsive = true;
-    this.color = "";
-    this.background = "";
-    this.size = "medium";
-    this.outline = "";
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    if (this.src && this.icon) {
-      console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence", "icon:", this.icon, "src:", this.src);
-    }
-    this.loadIcon();
-  }
-  async loadIcon() {
-    // static icon known at build-time, so we can set it synchronously
-    if (this.icon) {
-      this.svgContent = this.icon;
-      return;
-    }
-    // dynamically load icon from url
-    const src = this.src ? this.src : buildIconUrl(this.name);
-    try {
-      this.svgContent = await fetchIconByUrl(src);
-    }
-    catch (e) {
-      console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${src}.`, e);
-    }
-  }
-  /**
-   * render() function.
-   * Always the last one in the class.
-   */
-  render() {
-    const color = this.color === "currentColor"
-      ? "currentColor"
-      : getColorByName(this.color, this.theme) || getColorByName(this.outline, this.theme);
-    const styles = {
-      color,
-      background: getColorByName(this.background, this.theme),
-      "border-color": getColorByName(this.outline, this.theme),
-    };
-    return (h(Host, { class: {
-        "duet-m-0": this.margin === "none",
-        "duet-icon-has-outline": !!this.outline,
-        "duet-icon-has-background": !!this.background,
-      } }, h("div", { "aria-hidden": "true", style: styles, class: {
-        "duet-icon": true,
-        [this.size]: true,
-        "duet-theme-turva": this.theme === "turva",
-        "duet-theme-default": this.theme === "default",
-        "duet-icon-has-outline": !!this.outline,
-        "duet-icon-has-background": !!this.background,
-        "duet-icon-not-responsive": !this.responsive,
-      } }, h("span", { "aria-hidden": "true", class: "duet-icon-svg", innerHTML: this.svgContent }))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "src": ["loadIcon"],
-    "icon": ["loadIcon"],
-    "name": ["loadIcon"]
-  }; }
-  static get style() { return duetIconCss; }
-}, [1, "duet-icon", {
-    "theme": [1025],
-    "icon": [1],
-    "src": [1],
-    "name": [1],
-    "margin": [1],
-    "responsive": [4],
-    "color": [513],
-    "background": [1],
-    "size": [1],
-    "outline": [1],
-    "svgContent": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetIcon);
-      }
-      break;
-  } });
-}
-
-export { DuetIcon as D, defineCustomElement as d };

package/lib/duet/p-0e4288ad.entry.js

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

package/lib/duet/p-111468b4.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-a9ba6306.system.js","./p-21f3a17a.system.js"],(function(e,s){"use strict";var a,c,l,i,t,n;return{setters:[function(e){a=e.d;c=e.N;l=e.w;i=e.p;t=e.b},function(e){n=e.g}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var o=function(){var e=Array.from(a.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(c,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===c}));var t=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,l.location.href)).href;{b(t.resourcesUrl,e)}if(!l.customElements){return s.import("./p-73900354.system.js").then((function(){return t}))}}return i(t)};var b=function(s,i){var t=e(c);try{l[t]=new Function("w","return import(w);//".concat(Math.random()))}catch(o){var n=new Map;l[t]=function(e){var c=new URL(e,s).href;var o=n.get(c);if(!o){var b=a.createElement("script");b.type="module";b.crossOrigin=i.crossOrigin;b.src=URL.createObjectURL(new Blob(["import * as m from '".concat(c,"'; window.").concat(t,".m = m;")],{type:"application/javascript"}));o=new Promise((function(e){b.onload=function(){e(l[t].m);b.remove()}}));n.set(c,o);a.head.appendChild(b)}return o}}};o().then((function(e){n();return t(JSON.parse('[["p-609cd028.system",[[1,"duet-icon",{"theme":[1025],"icon":[1],"src":[1],"name":[1],"margin":[1],"responsive":[4],"color":[513],"background":[1],"size":[1],"outline":[1],"svgContent":[32]}]]],["p-68986f07.system",[[6,"duet-choice-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"responsive":[4],"value":[1537],"disabled":[4]}],[6,"duet-choice",{"theme":[1025],"label":[1],"accessibleLabelInfoButtonDefaults":[1,"accessible-label-info-default"],"accessibleLabelInfoButton":[1,"accessible-label-info-button"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"caption":[1],"value":[1537],"type":[513],"name":[1],"checked":[1540],"collapsible":[4],"margin":[1],"icon":[1],"expand":[4],"padding":[1],"identifier":[1],"groupDirection":[1,"group-direction"],"groupDisabled":[4,"group-disabled"],"groupResponsive":[4,"group-responsive"],"disabled":[516],"required":[4],"infoLabelDefaults":[1,"accessible-label-info-default"],"infoLabel":[1,"info-label"],"isHovering":[32],"isInfoOpen":[32],"isBlurred":[32],"setFocus":[64]},[[2,"blur","handleHostBlur"],[2,"keydown","handleHostKeyDown"],[2,"keyup","handleHostKeyUp"]]]]],["p-c41c7735.system",[[1,"duet-pagination",{"theme":[1025],"jumpString":[1,"jump-string"],"variation":[1],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleLabelsDefaults":[16],"accessibleLabels":[16],"take":[2],"visibleItems":[2,"visible-items"],"total":[2],"ariaControls":[1,"accessible-controls"],"current":[1026],"numbersStore":[32],"totalPages":[32],"internalSectionIndex":[32]}],[1,"duet-range-stepper",{"theme":[1025],"stepIndex":[1026,"step-index"],"stepSize":[2,"step-size"],"total":[2],"ariaLabelsDefaults":[16],"ariaLabels":[16],"ariaControls":[1,"accessible-controls"]}]]],["p-4bb8d188.system",[[2,"duet-date-picker",{"theme":[1025],"expand":[4],"name":[1],"identifier":[1],"label":[1],"caption":[1],"margin":[1],"language":[1],"placeholderDefaults":[1,"placeholder-default"],"placeholder":[1],"echoPlaceholder":[1540,"echo-placeholder"],"disabled":[516],"error":[1],"labelHidden":[4,"label-hidden"],"role":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"required":[4],"direction":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1537],"min":[1],"max":[1],"incrementYears":[2,"increment"],"validity":[1040],"open":[32],"focusedDay":[32],"inputValue":[32],"setFocus":[64],"show":[64],"hide":[64]},[[4,"click","handleDocumentClick"]]]]],["p-5e110a00.system",[[1,"duet-hero",{"theme":[1025],"heading":[1],"preHeading":[1,"pre-heading"],"level":[1],"subHeadingLevel":[1,"sub-heading-level"],"description":[1],"icon":[1],"iconSize":[1,"icon-size"],"iconRight":[4,"icon-right"],"categoryIcon":[1,"category-icon"],"categoryIconColor":[1,"category-icon-color"],"buttonLabel":[1,"button-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"buttonUrl":[1,"button-url"],"buttonId":[1,"button-id"],"buttonData":[16],"textCenter":[4,"text-center"],"leftAlign":[4,"left-align"],"image":[1],"variation":[1],"back":[8],"listItems":[8,"list-items"],"actions":[8],"processedListItems":[32],"processedActions":[32],"processedBack":[32]}]]],["p-f888deb6.system",[[2,"duet-number-input",{"language":[1025],"locale":[1],"unit":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLiveDefaults":[1,"accessible-live-default"],"accessibleLive":[1,"accessible-live"],"accessibleLiveEnabled":[4,"accessible-live-enabled"],"accessibleAddDefaults":[1,"accessible-add-default"],"accessibleAdd":[1,"accessible-add"],"accessibleSubtractDefaults":[1,"accessible-subtract-defaults"],"accessibleSubtract":[1,"accessible-subtract"],"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"min":[2],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"max":[2],"name":[1],"error":[1],"tooltip":[1],"step":[2],"rounding":[4],"role":[1],"disabled":[516],"required":[4],"value":[1025],"focusedValue":[32],"setFocus":[64]}]]],["p-fc6de9c4.system",[[1,"duet-multiselect",{"margin":[1],"error":[1],"expand":[4],"value":[1040],"theme":[1025],"labelHidden":[4,"label-hidden"],"identifier":[1],"placeholder":[1],"caption":[1],"items":[1],"disabled":[516],"label":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"processedItems":[32],"checkboxesVisible":[32],"activeDescendant":[32],"setFocus":[64]},[[8,"click","handleFocus"]]]]],["p-b0428a5d.system",[[2,"duet-textarea",{"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"required":[4],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"maxlength":[2],"minlength":[2],"error":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"value":[1025],"disallowPattern":[1,"disallow-pattern"],"counter":[4],"counterLabel":[1,"counter-label"],"setFocus":[64]}]]],["p-36ad1015.system",[[1,"duet-modal",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"size":[1],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDetails":[1,"accessible-details"],"accessibleDescription":[1,"accessible-description"],"gutterSize":[1,"gutter-size"],"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"icon":[1],"color":[1],"active":[1540],"closeOnBlur":[1028,"close-on-blur"],"open":[32],"show":[64],"hide":[64]},[[8,"keyup","handleKeyUp"]]]]],["p-f4b19481.system",[[6,"duet-radio-group",{"direction":[1],"margin":[1],"theme":[1025],"error":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"name":[1],"label":[1],"labelHidden":[4,"label-hidden"],"caption":[1],"responsive":[4],"value":[1537],"disabled":[4]}],[2,"duet-radio",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleIndex":[1,"accessible-index"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"theme":[1025],"disabled":[516],"required":[4],"blockEvents":[4,"block-events"],"identifier":[1],"label":[1],"name":[1],"role":[1],"groupDisabled":[4,"group-disabled"],"groupDirection":[1,"group-direction"],"groupResponsive":[4,"group-responsive"],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["p-f7cefa5d.system",[[1,"duet-cookie-consent",{"accessibleLabel":[1,"accessible-label"],"theme":[1025]}]]],["p-3783db99.system",[[1,"duet-notification-drawer",{"icon":[1],"label":[1],"language":[1],"accessibleLabelNotificationsDefaults":[1,"accessible-label-notification-default"],"accessibleLabelNotifications":[1,"accessible-label-notifications"],"badge":[4],"theme":[1025],"direction":[1],"isOpen":[32],"hasNotifications":[32],"setFocus":[64],"open":[64],"close":[64]},[[6,"focus","handleClickFocusOutside"],[6,"click","handleClickFocusOutside"]]],[1,"duet-notification",{"language":[1],"accessibleLabelUnreadDefaults":[16],"accessibleLabelUnread":[1,"accessible-label-unread"],"url":[1],"date":[1],"highlight":[4],"external":[4],"theme":[1025],"setFocus":[64]}]]],["p-107abf9a.system",[[6,"duet-step",{"theme":[1025],"heading":[1],"headingLevel":[1,"heading-level"],"stepIndex":[2,"step-index"],"state":[1],"roundedTop":[4,"rounded-top"],"roundedBottom":[4,"rounded-bottom"],"setFocus":[64]}],[1,"duet-stepper",{"theme":[1025],"accessibleLive":[1,"accessible-live"],"margin":[1],"backDisabled":[4,"back-disabled"],"selected":[1538]},[[0,"duetStepClick","onDuetStepClick"]]]]],["p-51dae606.system",[[1,"duet-footer",{"theme":[1025],"variation":[1],"margin":[1],"logoHref":[1,"logo-href"],"language":[1025],"items":[8],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"menu":[8],"processedMainItem":[32],"processedItems":[32],"processedMenu":[32]}]]],["p-11eec0c4.system",[[1,"duet-card",{"accessibleLabel":[1,"accessible-label"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"variation":[1],"collapsible":[4],"open":[1540],"headingLevel":[1,"heading-level"],"icon":[1],"image":[1],"background":[1],"padding":[1],"margin":[1],"theme":[1025],"url":[1],"shadowBreakpoint":[1,"shadow-breakpoint"],"setFocus":[64]}]]],["p-d76aa87f.system",[[1,"duet-slideout-lang",{"theme":[1025]}]]],["p-74a742c9.system",[[1,"duet-tray",{"language":[1025],"accessibleCloseLabelDefaults":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleOpenLabelDefaults":[1,"accessible-open-label-default"],"accessibleOpenLabel":[1,"accessible-open-label"],"theme":[1025],"active":[516],"autoHide":[4,"auto-hide"],"responsive":[4],"expanded":[32],"hiddenState":[32]},[[9,"scroll","getFrame"],[16,"click","handleBodyClick"]]]]],["p-285a5c7a.system",[[1,"duet-breadcrumb",{"theme":[1025],"href":[1025],"icon":[1025],"accessibleLabel":[1,"accessible-label"]}]]],["p-2bea974a.system",[[1,"duet-breadcrumbs",{"theme":[1025],"children":[32]}]]],["p-10525faa.system",[[6,"duet-collapsible",{"theme":[1025],"heading":[1],"headingWeight":[1,"heading-weight"],"headingSize":[1,"heading-size"],"headingLevel":[1,"heading-level"],"margin":[1],"open":[1540],"setFocus":[64]}]]],["p-9cbc891f.system",[[6,"duet-combobox",{"accessibleLabelDefaults":[1,"accessible-label-defaults"],"accessibleLabels":[16],"theme":[1025],"force":[4],"items":[1032],"formatter":[16],"value":[1537],"minCharacters":[2,"min-characters"],"processedItems":[32],"inputWidth":[32],"inputValue":[32],"selectionMsg":[32],"listOpen":[32],"selectedItems":[32],"activeItem":[32],"formatItem":[64]},[[4,"click","handleDocumentClick"]]]]],["p-29f2cb57.system",[[1,"duet-menu-bar",{"theme":[1025],"logo":[1028],"logoHref":[1025,"logo-href"],"logoSize":[32],"leftMoreVisible":[32],"rightMoreVisible":[32]}]]],["p-c81e306c.system",[[1,"duet-menu-bar-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessiblePopup":[1,"accessible-popup"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"theme":[1025],"icon":[1537],"iconSize":[32],"setFocus":[64]}]]],["p-5ec490da.system",[[1,"duet-menu-bar-dropdown",{"accessibleLabel":[1,"accessible-label"],"theme":[1025],"open":[1540],"icon":[1537]},[[8,"click","handleFocus"]]]]],["p-a5a6751e.system",[[1,"duet-menu-bar-dropdown-link",{"theme":[1025],"href":[1025],"icon":[1537]}]]],["p-4be58c8b.system",[[1,"duet-menu-bar-link",{"theme":[1025],"active":[1028],"href":[1025],"icon":[1537],"iconSize":[32]}]]],["p-1fcb57c4.system",[[2,"duet-range-slider",{"theme":[1025],"margin":[1],"expand":[4],"identifier":[1],"name":[1],"required":[4],"disabled":[516],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"min":[2],"label":[1],"labelHidden":[4,"label-hidden"],"unit":[1],"max":[2],"step":[2],"locale":[1],"value":[1026],"debounce":[2],"setFocus":[64]}]]],["p-1ca17c3d.system",[[1,"duet-slideout",{"theme":[1025],"open":[1540],"background":[1],"toggle":[64]}]]],["p-cd514cf6.system",[[1,"duet-slideout-link",{"accessibleLabel":[1,"accessible-label"],"theme":[1025],"targetLanguage":[1,"target-language"],"active":[1028],"href":[1025],"icon":[1537],"size":[1537],"caret":[1028],"menuItem":[4,"menu-item"]}]]],["p-feb0de52.system",[[1,"duet-slideout-panel",{"theme":[1025],"active":[1540],"open":[1540],"icon":[1537],"labelSize":[1537,"label-size"],"label":[32]}]]],["p-5831b7b3.system",[[1,"duet-slideout-panel-dropdown",{"theme":[1025],"open":[1540],"icon":[1537]},[[8,"click","handleFocus"]]]]],["p-b3f3bca8.system",[[1,"duet-submenu-bar",{"theme":[1025],"open":[1540]}]]],["p-df40670a.system",[[1,"duet-submenu-bar-dropdown",{"theme":[1025],"open":[1540],"icon":[1537],"iconSize":[32]},[[8,"click","handleFocus"]]]]],["p-1f5b0f23.system",[[1,"duet-submenu-bar-dropdown-link",{"theme":[1025],"href":[1025],"icon":[1537],"caret":[1028],"highlight":[1028]}]]],["p-15910757.system",[[1,"duet-submenu-bar-link",{"theme":[1025],"href":[1025],"icon":[1537],"iconSize":[32]}]]],["p-ecc8c5f4.system",[[2,"duet-toggle",{"theme":[1025],"margin":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"label":[1],"labelPosition":[1,"label-position"],"required":[4],"disabled":[516],"checked":[1540],"value":[1537],"identifier":[1],"name":[1],"role":[1],"setFocus":[64]}]]],["p-ae1e4397.system",[[1,"duet-toolbar-dropdown",{"theme":[1025],"active":[1540],"open":[1540],"icon":[1537]},[[8,"click","handleFocus"]]]]],["p-055cffab.system",[[1,"duet-toolbar-dropdown-link",{"accessibleLabel":[1,"accessible-label"],"theme":[1025],"targetLanguage":[1,"target-language"],"href":[1025],"icon":[1537],"active":[1028]}]]],["p-ea09c830.system",[[1,"duet-toolbar-link",{"theme":[1025],"active":[1028],"href":[1025],"icon":[1537]}]]],["p-24ec796f.system",[[1,"duet-layout",{"sticky":[4],"margin":[1],"stickyDistance":[1,"sticky-distance"],"center":[4],"tabs":[4],"middle":[4],"paddingBreakpoint":[1,"padding-breakpoint"]}]]],["p-7e39a550.system",[[1,"duet-nav",{"theme":[1025]}]]],["p-11c83814.system",[[1,"duet-section-layout",{"margin":[1],"middle":[4]}]]],["p-d2ffedfa.system",[[1,"duet-toolbar",{"theme":[1025]}]]],["p-04103703.system",[[2,"duet-select",{"variation":[1],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"error":[1],"expand":[4],"value":[1537],"theme":[1025],"labelHidden":[4,"label-hidden"],"identifier":[1],"name":[1],"placeholder":[1],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"items":[1],"disabled":[516],"required":[4],"label":[1],"role":[1],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"processedItems":[32],"setFocus":[64]}]]],["p-b0e1180e.system",[[1,"duet-tab-group",{"theme":[1025],"scrolls":[4],"collapses":[4],"accessibleLabel":[1,"accessible-label"],"variation":[1],"language":[1025],"labelDefaults":[1,"label-default"],"label":[1],"labelHidden":[4,"label-hidden"],"identifier":[1],"margin":[1],"padding":[1],"setTabIndex":[4,"set-tab-index"],"tabs":[32],"selected":[32],"openTab":[64],"refresh":[64]}],[6,"duet-tab",{"label":[513],"selected":[516],"accessibleDescriptionDefault":[1,"accessible-description-defaults"],"accessibleDescription":[1,"accessible-description"]}],[1,"duet-scrollable",{"theme":[1025],"identifier":[1],"selected":[1026],"tablistAtStart":[32],"isTabContentSmallerThanWrapper":[32],"tablistAtEnd":[32],"childrenData":[32]}]]],["p-052545fb.system",[[1,"duet-alert",{"theme":[1025],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"announcements":[4],"icon":[1],"autoDismiss":[2,"auto-dismiss"],"margin":[1],"padding":[1],"variation":[1],"dismissible":[4],"isDismissed":[32],"timeoutID":[32]}]]],["p-ce35d050.system",[[1,"duet-empty-state",{"theme":[1025],"icon":[1],"size":[1]}]]],["p-dc87c6ce.system",[[0,"duet-progress",{"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleLabel":[1,"accessible-label"],"accessibleLabelUploadDefaults":[1,"accessible-label-upload-defaults"],"accessibleLabelUpload":[1,"accessible-label-upload"],"progress":[1538],"caption":[1],"height":[1],"theme":[1025]}]]],["p-6989d392.system",[[1,"duet-upload-aria-status",{"statusMessageLabel":[16],"accessibleAriaLive":[1,"accessible-aria-live"],"valid":[2],"total":[2],"invalid":[2],"inprogress":[2],"statusMessage":[32]}]]],["p-cfd2206f.system",[[2,"duet-checkbox",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"margin":[1],"accessibleControls":[1,"accessible-controls"],"accessibleIndex":[1,"accessible-index"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleSelected":[1,"accessible-selected"],"required":[4],"theme":[1025],"disabled":[516],"identifier":[1],"label":[1],"labelHidden":[4,"label-hidden"],"name":[1],"role":[1],"checked":[1540],"value":[1537],"setFocus":[64]}]]],["p-5058dcff.system",[[2,"duet-grid",{"responsive":[4],"breakpoint":[1],"direction":[1],"alignment":[1],"distribution":[1],"mobile":[1],"distributeFormElement":[32]}],[2,"duet-grid-item",{"fill":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"theme":[1025],"margin":[1],"responsive":[4],"breakpoint":[1]}]]],["p-debdd0e0.system",[[1,"duet-list",{"theme":[1025],"margin":[1],"padding":[1],"mobile":[1],"breakpoint":[1],"variation":[1],"labelWidth":[1,"label-width"]}],[1,"duet-list-item"]]],["p-ee4e7bff.system",[[1,"duet-fieldset",{"theme":[1025],"margin":[1],"caption":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"hasTooltip":[32]}]]],["p-d3f8e957.system",[[1,"duet-badge",{"theme":[1025],"variation":[1],"margin":[1]}]]],["p-f58e2c75.system",[[1,"duet-visually-hidden"]]],["p-69ab5590.system",[[1,"duet-header",{"theme":[1025],"language":[1025],"accessibleI18nLabelsDefaults":[1,"accessible-labels-default"],"accessibleI18nLabels":[16],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"accessibleLabelDefaults":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"user":[8],"logoHref":[1,"logo-href"],"currentHref":[1025,"current-href"],"skipToId":[1,"skip-to-id"],"items":[8],"region":[1],"session":[8],"search":[8],"back":[8],"contact":[1],"contactItems":[8,"contact-items"],"languageItems":[8,"language-items"],"isContactOpen":[32],"isLanguageOpen":[32],"isSessionOpen":[32],"isSlideOutOpen":[32],"isSegmentOpen":[32],"openMenu":[32],"closedActives":[32],"processedItems":[32],"processedLanguageItems":[32],"processedContactItems":[32],"processedSession":[32],"processedSearch":[32],"processedUser":[32],"processedBack":[32],"renderDesktopNav":[32],"closeMenus":[64],"setFocus":[64]},[[8,"keyup","handleKeyUp"],[8,"keydown","handleKeyDown"],[4,"focus","handleDocumentClick"],[4,"click","handleDocumentClick"]]],[1,"duet-logo",{"theme":[1025],"margin":[1],"inverse":[4],"size":[1],"href":[1537],"language":[1537],"setFocus":[64]}]]],["p-8e69027d.system",[[1,"duet-action-button",{"theme":[1025],"iconName":[1,"icon-name"],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"],"actionName":[1,"action-name"],"actionId":[1,"action-id"],"actionMeta":[1,"action-meta"],"disabled":[4],"color":[513],"background":[1],"accessibleTitle":[8,"title"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleLabelsDefaults":[16],"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"numbersStore":[32]}]]],["p-dfe588e8.system",[[1,"duet-divider",{"theme":[1025],"margin":[1],"color":[1]}],[1,"duet-spacer",{"size":[1],"direction":[1],"breakpoint":[1]}]]],["p-a1dc9c9e.system",[[1,"duet-tooltip",{"theme":[1025],"language":[1025],"accessibleLabelDefault":[1,"accessible-label-default"],"accessibleLabel":[1,"accessible-label"],"accessibleInputLabel":[1,"accessible-input-label"],"accessibleCloseLabelDefault":[1,"accessible-close-label-default"],"accessibleCloseLabel":[1,"accessible-close-label"],"label":[1],"breakpoint":[1],"direction":[1],"positionVertical":[513,"position-vertical"],"positionHorizontal":[513,"position-horizontal"],"active":[1540],"openDown":[32],"openLeft":[32],"openRight":[32]},[[9,"scroll","onScroll"],[4,"click","handleDocumentClick"]]]]],["p-12014f2b.system",[[17,"duet-link",{"accessibleLabel":[1,"accessible-label"],"language":[1025],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"identifier":[1],"theme":[1025],"url":[513],"external":[4],"setFocus":[64]}],[1,"duet-heading",{"level":[513],"margin":[1],"visualLevel":[1,"visual-level"],"border":[8],"weight":[1],"color":[1],"theme":[1025],"hyphenate":[4]}],[1,"duet-paragraph",{"theme":[1025],"margin":[1],"size":[1],"weight":[1],"variation":[1],"color":[1]}],[1,"duet-caption",{"theme":[1025],"margin":[1],"selected":[4],"size":[1]}]]],["p-b63f60f6.system",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessiblePopup":[1,"accessible-popup"],"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleOwns":[1,"accessible-owns"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"loading":[4],"variation":[1],"negative":[4],"theme":[1025],"margin":[1],"padding":[1],"centerText":[4,"center-text"],"wrapping":[1],"expand":[4],"fixed":[4],"disabled":[516],"name":[1],"value":[1],"identifier":[1],"submit":[516],"external":[4],"language":[1],"accessibleLabelExternalDefaults":[1,"accessible-label-external-default"],"accessibleLabelExternal":[1,"accessible-label-external"],"icon":[1],"color":[1],"iconRight":[4,"icon-right"],"iconSize":[1,"icon-size"],"size":[1],"iconOnly":[4,"icon-only"],"url":[513],"setFocus":[64]}],[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1],"theme":[1025]}]]],["p-35d9ede4.system",[[6,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"accessibleExpanded":[1,"accessible-expanded"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleHasPopup":[1,"accessible-has-popup"],"accessibleDetails":[1,"accessible-details"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescription":[1,"accessible-description"],"debounce":[2],"clear":[4],"caption":[1],"echoPlaceholder":[4,"echo-placeholder"],"theme":[1025],"expand":[4],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"type":[1],"variation":[1],"label":[1],"error":[1],"labelHidden":[4,"label-hidden"],"numericKeyboard":[4,"numeric-keyboard"],"name":[1],"pattern":[1],"maxlength":[2],"minlength":[2],"placeholder":[1],"component":[1],"role":[1],"icon":[1],"autoComplete":[1,"auto-complete"],"disallowPattern":[1,"disallow-pattern"],"value":[1025],"tooltip":[1],"tooltipDirection":[1,"tooltip-direction"],"isPasswordRevealed":[32],"isFocused":[32],"setFocus":[64],"resetCursor":[64],"clearInput":[64]}],[6,"duet-label",{"theme":[1025],"for":[1],"margin":[1],"size":[1]}]]],["p-a77d4c37.system",[[1,"duet-upload",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"external":[4],"middleware":[16],"deferUpload":[4,"defer-upload"],"hideButton":[4,"hide-upload-button"],"actions":[16],"uri":[1],"showLinks":[4,"show-links"],"caption":[1],"statusLabelDefaults":[1,"status-label-default"],"statusMessageLabel":[1,"status-message-label"],"buttonLabelDefaults":[1,"button-label-default"],"buttonLabel":[1,"button-label"],"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1025],"disabled":[516],"identifier":[1],"margin":[1],"required":[4],"alignment":[1],"hideGroups":[4,"hide-table-labels"],"files":[1040],"valid":[1540],"labelDefaults":[1,"label-default"],"label":[1],"descriptionDefaults":[1,"description-default"],"description":[1],"fileListEmptyDefaults":[1,"list-empty-default"],"fileListEmpty":[1,"file-list-empty"],"error":[1],"errorCodes":[16],"name":[1],"maxBytes":[2,"max-bytes"],"maxBytesTotal":[2,"max-bytes-total"],"maxFiles":[2,"max-files"],"allowedExtensions":[1,"allowed-extensions"],"allowedMimetypes":[1,"allowed-mimetypes"],"multiple":[4],"limitSelection":[4,"limit-selection"],"value":[1025],"groups":[16],"tick":[32],"setFocus":[64],"upload":[64],"uploadPending":[64],"refresh":[64],"getFiles":[64],"updateValue":[64]}],[6,"duet-editable-table",{"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"actions":[1040],"columns":[1040],"rows":[1040],"sortable":[4],"groupId":[1,"group-id"],"theme":[1025],"accessibleRole":[1,"accessible-role"]}],[4,"duet-table",{"theme":[1025],"margin":[1],"variation":[1],"sticky":[4],"stickyDistance":[1,"sticky-distance"],"breakpoint":[1],"matchesBreakpoint":[32]}]]]]'),e)}))}}}));