@duetds/components 6.2.4 → 6.2.6

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-a1724291.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-b4b809ff.js';
-import { d as defineCustomElement$5 } from './p-908c1151.js';
-import { d as defineCustomElement$4 } from './p-e987e04b.js';
-import { d as defineCustomElement$3 } from './p-862c60cc.js';
-import { d as defineCustomElement$2 } from './p-70d1ca9f.js';
+import { d as defineCustomElement$6 } from './p-11621a52.js';
+import { d as defineCustomElement$5 } from './p-91098fd5.js';
+import { d as defineCustomElement$4 } from './p-d188f26e.js';
+import { d as defineCustomElement$3 } from './p-7b1b2eef.js';
+import { d as defineCustomElement$2 } from './p-2d3fc462.js';
 
 const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 
@@ -17,18 +17,12 @@ const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.duetCookieConsent = createEvent(this, "duetCookieConsent", 7);
-    /**
-     * Adds accessible label for the cookie consent ok button.
-     */
-    this.accessibleLabel = "Hyväksyn evästeiden käytön";
-    /**
-     * Theme of the cookie consent banner.
-     */
-    this.theme = "";
     this.handleClick = e => {
       e.preventDefault();
       this.duetCookieConsent.emit({ component: "duet-cookie-consent" });
     };
+    this.accessibleLabel = "Hyväksyn evästeiden käytön";
+    this.theme = "";
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-date-picker.js

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-a1724291.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
-import { F as FocusGuard } from './p-0b8f16f1.js';
+import { F as FocusGuard } from './p-9986919d.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
-import { h } from './p-b9058029.js';
-import { d as defineCustomElement$8 } from './p-f674e164.js';
-import { d as defineCustomElement$7 } from './p-c4165359.js';
-import { d as defineCustomElement$6 } from './p-908c1151.js';
-import { d as defineCustomElement$5 } from './p-3fa8edce.js';
-import { d as defineCustomElement$4 } from './p-f51d88cc.js';
-import { d as defineCustomElement$3 } from './p-8c0cf877.js';
-import { d as defineCustomElement$2 } from './p-70d1ca9f.js';
+import { h } from './p-e4a60f42.js';
+import { d as defineCustomElement$8 } from './p-076044f7.js';
+import { d as defineCustomElement$7 } from './p-4905133d.js';
+import { d as defineCustomElement$6 } from './p-91098fd5.js';
+import { d as defineCustomElement$5 } from './p-9d08c707.js';
+import { d as defineCustomElement$4 } from './p-f4d2face.js';
+import { d as defineCustomElement$3 } from './p-31b3a82e.js';
+import { d as defineCustomElement$2 } from './p-2d3fc462.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };
@@ -420,112 +420,6 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.initialTouchX = null;
     this.initialTouchY = null;
     this.focusTarget = null;
-    this.open = false;
-    this.focusedDay = new Date();
-    this.inputValue = "";
-    /**
-     * Theme of the component.
-     */
-    this.theme = "";
-    /**
-     * Expands the date picker input to fill 100% of the container width.
-     */
-    this.expand = false;
-    /**
-     * Name of the date picker input.
-     */
-    this.name = "";
-    /**
-     * Adds a unique identifier for the date picker input.
-     */
-    this.identifier = "";
-    /**
-     * Label for the date picker input.
-     */
-    this.label = "";
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * The currently active language. This setting changes the month/year/day.
-     * names and button labels as well as all screen reader labels.
-     * @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 = getLanguage();
-    /**
-     * Placeholder defaults.
-     * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
-     */
-    this.placeholderDefaults = {
-      fi: "pp.kk.vvvv",
-      en: "dd.mm.yyyy",
-      sv: "dd.mm.åååå",
-    };
-    /**
-     * Hint text to display before the user types into the date picker input.
-     * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
-     */
-    this.placeholder = getLocaleString(this.placeholderDefaults, this.language);
-    /**
-     * If form input field has a placeholder text, and user types anything (causing the text to dissapear),
-     * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
-     */
-    this.echoPlaceholder = false;
-    /**
-     * Makes the date picker input component disabled. This prevents users from being able to
-     * interact with the input, and conveys its inactive state to assistive technologies.
-     */
-    this.disabled = false;
-    /**
-     * Display the date picker input in error state along with an error message.
-     */
-    this.error = "";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    /**
-     * 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.
-     */
-    this.required = false;
-    /**
-     * Forces the opening direction of the calendar modal to be always left or right.
-     * This setting can be useful when the input is smaller than the opening date picker
-     * would be as by default the picker always opens towards right.
-     */
-    this.direction = "right";
-    /**
-     * Tooltip to display next to the label of the date picker input.
-     */
-    this.tooltip = "";
-    /**
-     * With direction setting you can force the tooltip to always open towards left
-     * or right instead of automatically determining the direction.
-     */
-    this.tooltipDirection = "auto";
-    /**
-     * Date value. Must be in IS0-8601 format: YYYY-MM-DD
-     */
-    this.value = "";
-    /**
-     * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-     * This setting can be used alone or together with the max property.
-     */
-    this.min = "";
-    /**
-     * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-     * This setting can be used alone or together with the min property.
-     */
-    this.max = "";
-    /**
-     * Increment to add to years, defaults to 10 for simplicity, if you need a larger selectionspace you can set it to 100
-     */
-    this.incrementYears = 10;
     this.enableActiveFocus = () => {
       this.focusTarget = "day-button";
     };
@@ -624,6 +518,41 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.setValue(parsed);
       }
     };
+    this.open = false;
+    this.focusedDay = new Date();
+    this.inputValue = "";
+    this.theme = "";
+    this.expand = false;
+    this.name = "";
+    this.identifier = "";
+    this.label = "";
+    this.caption = undefined;
+    this.margin = "auto";
+    this.language = getLanguage();
+    this.placeholderDefaults = {
+      fi: "pp.kk.vvvv",
+      en: "dd.mm.yyyy",
+      sv: "dd.mm.åååå",
+    };
+    this.placeholder = getLocaleString(this.placeholderDefaults, this.language);
+    this.echoPlaceholder = false;
+    this.disabled = false;
+    this.error = "";
+    this.labelHidden = false;
+    this.role = undefined;
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.required = false;
+    this.direction = "right";
+    this.tooltip = "";
+    this.tooltipDirection = "auto";
+    this.value = "";
+    this.min = "";
+    this.max = "";
+    this.incrementYears = 10;
+    this.validity = undefined;
   }
   updateValidity() {
     this.determineValidity(parseISODate(this.value));

package/lib/dist-custom-elements/duet-divider.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-dcffd5be.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-0145dc9f.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-editable-table.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-0938933e.js';
+import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-029208b5.js';
 
 const DuetEditableTable = DuetEditableTable$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-empty-state.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-279dedcd.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-5846a06a.js';
 
 const DuetEmptyState = DuetEmptyState$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-fieldset.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-1fef1f90.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-cc5bc0c6.js';
 
 const DuetFieldset = DuetFieldset$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-footer.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-a1724291.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
-import { d as defineCustomElement$4 } from './p-908c1151.js';
-import { d as defineCustomElement$3 } from './p-c5d74817.js';
-import { d as defineCustomElement$2 } from './p-70d1ca9f.js';
+import { d as defineCustomElement$4 } from './p-91098fd5.js';
+import { d as defineCustomElement$3 } from './p-0bc5bea3.js';
+import { d as defineCustomElement$2 } from './p-2d3fc462.js';
 
 var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
 
@@ -38,47 +38,6 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.duetItemClick = createEvent$1(this, "duetItemClick", 7);
     this.duetAnalytics = createEvent$1(this, "duetAnalytics", 7);
     this.duetEvent = createEvent$1(this, "duetEvent", 7);
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.processedMainItem = null;
-    this.processedItems = null;
-    this.processedMenu = null;
-    /**
-     * Theme of the navigation.
-     */
-    this.theme = "";
-    /**
-     * Style variation of the footer.
-     */
-    this.variation = "default";
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * URL that the logo link points to.
-     */
-    this.logoHref = "/";
-    /**
-     * The currently active language. This setting changes the logo 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 = getLanguage();
-    /**
-     * Property to change accessibleLabelExternal defaults on the component.
-     * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
-    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    /**
-     * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
-    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, this.language);
     /**
      * Component event handling.
      */
@@ -113,6 +72,18 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         originalEvent: ev,
       });
     };
+    this.processedMainItem = null;
+    this.processedItems = null;
+    this.processedMenu = null;
+    this.theme = "";
+    this.variation = "default";
+    this.margin = "auto";
+    this.logoHref = "/";
+    this.language = getLanguage();
+    this.items = undefined;
+    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, this.language);
+    this.menu = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-grid-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-ed503468.js';
+import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-ab04760e.js';
 
 const DuetGridItem = DuetGridItem$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-grid.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-e57df145.js';
+import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-626f0ed7.js';
 
 const DuetGrid = DuetGrid$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-header.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, b as Host, F as Fragment } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, b as Host, F as Fragment } from './p-a1724291.js';
 import { f as formSearch } from './p-d004da5f.js';
-import { m as media_query_large } from './p-c4d8cad0.js';
+import { m as media_query_large } from './p-738bd3c5.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './p-bd779757.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
@@ -11,14 +11,14 @@ import { b as isEscapeKey, g as isSpaceKey, h as isArrowLeftKey, e as isArrowUpK
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
-import { h } from './p-b9058029.js';
-import { d as defineCustomElement$8 } from './p-b4b809ff.js';
-import { d as defineCustomElement$7 } from './p-dcffd5be.js';
-import { d as defineCustomElement$6 } from './p-908c1151.js';
-import { d as defineCustomElement$5 } from './p-c5d74817.js';
-import { d as defineCustomElement$4 } from './p-e987e04b.js';
-import { d as defineCustomElement$3 } from './p-862c60cc.js';
-import { d as defineCustomElement$2 } from './p-70d1ca9f.js';
+import { h } from './p-e4a60f42.js';
+import { d as defineCustomElement$8 } from './p-11621a52.js';
+import { d as defineCustomElement$7 } from './p-0145dc9f.js';
+import { d as defineCustomElement$6 } from './p-91098fd5.js';
+import { d as defineCustomElement$5 } from './p-0bc5bea3.js';
+import { d as defineCustomElement$4 } from './p-d188f26e.js';
+import { d as defineCustomElement$3 } from './p-7b1b2eef.js';
+import { d as defineCustomElement$2 } from './p-2d3fc462.js';
 
 var navigationContactDropdown={"title":"navigation-contact-dropdown","tags":"navigation contact dropdown speech bubbles","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M20.247 24a.743.743 0 0 1-.53-.22l-4.28-4.28h-.439c-3.308 0-6-2.692-6-6s2.692-6 6-6h3c3.309.001 6 2.692 6 6a5.974 5.974 0 0 1-3 5.179v4.571a.75.75 0 0 1-.751.75zm-5.25-15c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h.75c.198 0 .391.08.53.22l3.22 3.22v-3.213c0-.289.169-.555.429-.678a4.51 4.51 0 0 0 2.571-4.049 4.504 4.504 0 0 0-4.498-4.499h-3.002z\"/><path d=\"M3.747 16.5a.747.747 0 0 1-.75-.75v-4.57a5.967 5.967 0 0 1-2.65-3.171A5.948 5.948 0 0 1 .57 3.431 6.014 6.014 0 0 1 5.985 0h3.012a6.04 6.04 0 0 1 5.752 4.286.751.751 0 0 1-.718.964.755.755 0 0 1-.719-.536A4.531 4.531 0 0 0 8.997 1.5h-3a4.511 4.511 0 0 0-4.071 2.572c-.512 1.084-.571 2.302-.167 3.431s1.224 2.032 2.308 2.545c.261.123.43.39.43.678v3.214l1.72-1.72a.744.744 0 0 1 1.06 0 .752.752 0 0 1 0 1.061l-3 3a.744.744 0 0 1-.53.219z\"/></svg>"};
 
@@ -99,148 +99,6 @@ const DuetHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.hasLanguageChanged = false;
     this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
     this.boundMqlFunctions = [];
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.isContactOpen = false;
-    this.isLanguageOpen = false;
-    this.isSessionOpen = false;
-    this.isSlideOutOpen = false;
-    this.isSegmentOpen = false;
-    this.openMenu = null;
-    this.closedActives = null;
-    this.processedItems = null;
-    this.processedLanguageItems = null;
-    this.processedContactItems = null;
-    this.processedSession = null;
-    this.processedSearch = null;
-    this.processedUser = null;
-    this.processedBack = null;
-    this.renderDesktopNav = (_a = this.mql[0]) === null || _a === void 0 ? void 0 : _a.matches;
-    /**
-     * Theme of the header.
-     */
-    this.theme = "";
-    /**
-     * The currently active language. This setting also changes the logo 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 = getLanguage();
-    /**
-     * Default strings for accessibleI18nLabels
-     * @default {
-      fi: {
-        skipLabel: "Siirry pääsisältöön",
-        changeLanguage: "Vaihda kieltä",
-        activeLanguage: "Suomi valittuna",
-      },
-      sv: {
-        skipLabel: "Hoppa till huvudinnehåll",
-        changeLanguage: "Ändra Språk",
-        activeLanguage: "Svenska valt",
-      },
-      en: {
-        skipLabel: "Skip to main content",
-        changeLanguage: "Change language",
-        activeLanguage: "English selected",
-      },
-    }
-     */
-    this.accessibleI18nLabelsDefaults = {
-      fi: {
-        skipLabel: "Siirry pääsisältöön",
-        changeLanguage: "Vaihda kieltä",
-        activeLanguage: "Suomi valittuna",
-      },
-      sv: {
-        skipLabel: "Gå till huvudinnehåll",
-        changeLanguage: "Ändra Språk",
-        activeLanguage: "Svenska valt",
-      },
-      en: {
-        skipLabel: "Skip to main content",
-        changeLanguage: "Change language",
-        activeLanguage: "English selected",
-      },
-    };
-    /**
-     * Adds i18n translations of all internally used textStrings
-     * @default {
-      fi: {
-        skipLabel: "Siirry pääsisältöön",
-        changeLanguage: "Vaihda kieltä",
-        activeLanguage: "Suomi valittuna",
-      },
-      sv: {
-        skipLabel: "Hoppa till huvudinnehåll",
-        changeLanguage: "Ändra Språk",
-        activeLanguage: "Svenska valt",
-      },
-      en: {
-        skipLabel: "Skip to main content",
-        changeLanguage: "Change language",
-        activeLanguage: "English selected",
-      },
-    }
-     */
-    this.accessibleI18nLabels = getLocaleString(this.accessibleI18nLabelsDefaults);
-    /**
-     * Property to change accessibleLabelExternal defaults on the component.
-     * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
-    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    /**
-     * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
-    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-    /**
-     * Property to change accessibleLabel defaults on the component.
-     * normally you would handle these strings on an application level and override @accessibleLabel when needed
-     */
-    this.accessibleLabelDefaults = {
-      fi: "Valikko",
-      sv: "Meny",
-      en: "Menu",
-    };
-    /**
-     * Accessible label that is shown for screen reader users in the mobile
-     * navigation toggle. Not visible for normal users.
-     * @default {
-      fi: "Valikko",
-      sv: "Meny",
-      en: "Menu",
-    }
-     */
-    this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
-    /**
-     * URL that the logo link points to.
-     */
-    this.logoHref = "/";
-    /**
-     * The href of the current page item that is shown as “active”.
-     * Note: not available in multilevel headers.
-     */
-    this.currentHref = "/";
-    /**
-     * The ID of the element where "skip to content" link should take the user.
-     * If empty, the functionality won’t be rendered in the DOM.
-     */
-    this.skipToId = "";
-    /**
-     * Region that is shown next to the logo. If empty, region will be hidden.
-     * Note: not available in multilevel header.
-     */
-    this.region = "";
-    /**
-     * Label of the contact menu. If empty, contact menu will be hidden.
-     * Note: not available in multilevel headers.
-     */
-    this.contact = "";
     this.handleClick = (event) => {
       if (event.data.analyticsId) {
         this.duetAnalytics.emit({
@@ -397,6 +255,61 @@ const DuetHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         originalEvent: ev,
       });
     };
+    this.isContactOpen = false;
+    this.isLanguageOpen = false;
+    this.isSessionOpen = false;
+    this.isSlideOutOpen = false;
+    this.isSegmentOpen = false;
+    this.openMenu = null;
+    this.closedActives = null;
+    this.processedItems = null;
+    this.processedLanguageItems = null;
+    this.processedContactItems = null;
+    this.processedSession = null;
+    this.processedSearch = null;
+    this.processedUser = null;
+    this.processedBack = null;
+    this.renderDesktopNav = (_a = this.mql[0]) === null || _a === void 0 ? void 0 : _a.matches;
+    this.theme = "";
+    this.language = getLanguage();
+    this.accessibleI18nLabelsDefaults = {
+      fi: {
+        skipLabel: "Siirry pääsisältöön",
+        changeLanguage: "Vaihda kieltä",
+        activeLanguage: "Suomi valittuna",
+      },
+      sv: {
+        skipLabel: "Gå till huvudinnehåll",
+        changeLanguage: "Ändra Språk",
+        activeLanguage: "Svenska valt",
+      },
+      en: {
+        skipLabel: "Skip to main content",
+        changeLanguage: "Change language",
+        activeLanguage: "English selected",
+      },
+    };
+    this.accessibleI18nLabels = getLocaleString(this.accessibleI18nLabelsDefaults);
+    this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+    this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
+    this.accessibleLabelDefaults = {
+      fi: "Valikko",
+      sv: "Meny",
+      en: "Menu",
+    };
+    this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
+    this.user = undefined;
+    this.logoHref = "/";
+    this.currentHref = "/";
+    this.skipToId = "";
+    this.items = undefined;
+    this.region = "";
+    this.session = undefined;
+    this.search = undefined;
+    this.back = undefined;
+    this.contact = "";
+    this.contactItems = undefined;
+    this.languageItems = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-heading.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetHeading$1, d as defineCustomElement$1 } from './p-ca2b02bc.js';
+import { D as DuetHeading$1, d as defineCustomElement$1 } from './p-fe5341bf.js';
 
 const DuetHeading = DuetHeading$1;
 const defineCustomElement = defineCustomElement$1;