@duetds/components 7.0.0 → 7.0.2

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { h as hasSlot } from './p-9d915d45.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-061830ef.js';
 import { i as isKeyboardClick, a as isQuestionKey, b as isEscapeKey } from './p-d8549efe.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
-import { d as defineCustomElement$5 } from './p-19b04293.js';
-import { d as defineCustomElement$4 } from './p-b95006a5.js';
-import { d as defineCustomElement$3 } from './p-da75f5d9.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
+import { d as defineCustomElement$5 } from './p-bef6a63e.js';
+import { d as defineCustomElement$4 } from './p-086d3a1e.js';
+import { d as defineCustomElement$3 } from './p-8c4f8cf6.js';
+import { d as defineCustomElement$2 } from './p-381457b7.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 
@@ -100,7 +100,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.isHovering = false;
     this.isInfoOpen = false;
     this.isBlurred = false;
-    this.language = getLanguage();
     this.theme = "";
     this.label = "label";
     this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
@@ -136,14 +135,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     };
     this.infoLabel = getLocaleString(this.infoLabelDefaults, getLanguage());
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabelInfoButton === this.accessibleLabelInfoButtonDefaults[oldValue]) {
-      this.accessibleLabelInfoButton = getLocaleString(this.accessibleLabelInfoButtonDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.infoLabel === this.infoLabelDefaults[oldValue]) {
-      this.infoLabel = getLocaleString(this.infoLabelDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -156,7 +147,10 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.hasBeforeText = hasSlot(this.element, "before-text");
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, [
+      { prop: "accessibleLabelInfoButton", defaults: "accessibleLabelInfoButtonDefaults" },
+      { prop: "infoLabel", defaults: "infoLabelDefaults" },
+    ]);
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -280,9 +274,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", null, h("span", { "aria-relevant": "all", "aria-atomic": "true", "aria-live": this.isInfoOpen ? "polite" : "off" }, h("slot", { name: "info" })), h("slot", null))) : (h("span", null, h("slot", null)))), this.isInfoOpen && h(FocusGuard, { moveFocusTo: this.infoButtonEl }))) : null));
   }
   get element() { return this; }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
   static get style() { return duetChoiceCss; }
 }, [6, "duet-choice", {
     "theme": [1025],
@@ -318,7 +309,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     "isHovering": [32],
     "isInfoOpen": [32],
     "isBlurred": [32],
-    "language": [32],
     "setFocus": [64],
     "toggleInfoMethod": [64]
   }, [[2, "blur", "handleHostBlur"], [2, "keydown", "handleHostKeyDown"], [2, "keyup", "handleHostKeyUp"]]]);

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d2e00066.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-b519ac77.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
@@ -9,7 +9,7 @@ import { h as hasSlot } from './p-9d915d45.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
-import { d as defineCustomElement$2 } from './p-b95006a5.js';
+import { d as defineCustomElement$2 } from './p-086d3a1e.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
 

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { d as debounce } from './p-0b3f675e.js';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-d8549efe.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { h, F as Fragment } from './p-ec4d603d.js';
-import { d as defineCustomElement$2 } from './p-b95006a5.js';
+import { d as defineCustomElement$2 } from './p-086d3a1e.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
   const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;
@@ -57,7 +57,6 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.listOpen = false;
     this.selectedItems = new Set();
     this.activeItem = undefined;
-    this.language = getLanguage();
     this.accessibleLabelDefaults = {
       en: {
         heading: "Select:",
@@ -75,7 +74,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         itemFiltered: "{name}, ({current} av {total}, {hiddenItems} filtrerade)",
       },
     };
-    this.accessibleLabels = getLocaleString(parsePossibleJSON(this.accessibleLabelDefaults), getLanguage());
+    this.accessibleLabels = getLocaleString(this.accessibleLabelDefaults, getLanguage());
     this.theme = "";
     this.force = false;
     this.items = undefined;
@@ -88,12 +87,6 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   activeItemHandler(state) {
     this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? `active_item` : "";
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue &&
-      this.accessibleLabels === getLocaleString(parsePossibleJSON(this.accessibleLabelDefaults), oldValue)) {
-      this.accessibleLabels = getLocaleString(parsePossibleJSON(this.accessibleLabelDefaults), newValue);
-    }
-  }
   handleDocumentClick(e) {
     //we want to remove all user text if they have NOT selected from the dropdown
     const path = e.composedPath();
@@ -120,6 +113,11 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       this.updateSelectedItems(selectedItem.id);
     }
   }
+  async processListOpenChange() {
+    if (this.openListOnClick) {
+      this.input.icon = this.listOpen ? "action-arrow-up" : "action-arrow-down";
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -139,10 +137,11 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       }
     });
     this.element.addEventListener("keydown", this.handleInputKeyDownEvent.bind(this));
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelDefaults" });
     //add correct aria attributes to the input element
     this.input.accessibleAutocomplete = "list";
     this.input.accessibleControls = "duet-combobox-list-element";
+    this.processListOpenChange();
   }
   disconnectedCallback() {
     this.input.removeEventListener("duetChange", this.updateInputValue.bind(this));
@@ -396,9 +395,9 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   get element() { return this; }
   static get watchers() { return {
     "activeItem": ["activeItemHandler"],
-    "language": ["watchLanguageStateHandler"],
     "items": ["processItems"],
-    "value": ["processValue"]
+    "value": ["processValue"],
+    "listOpen": ["processListOpenChange"]
   }; }
   static get style() { return duetComboboxCss; }
 }, [6, "duet-combobox", {
@@ -419,7 +418,6 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     "listOpen": [32],
     "selectedItems": [32],
     "activeItem": [32],
-    "language": [32],
     "formatItem": [64]
   }, [[4, "click", "handleDocumentClick"]]]);
 function defineCustomElement$1() {

package/lib/dist-custom-elements/duet-contact-card.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
-import { d as defineCustomElement$8 } from './p-dd112690.js';
-import { d as defineCustomElement$7 } from './p-93609c40.js';
-import { d as defineCustomElement$6 } from './p-b95006a5.js';
-import { d as defineCustomElement$5 } from './p-4fa0d10e.js';
-import { d as defineCustomElement$4 } from './p-507ae246.js';
-import { d as defineCustomElement$3 } from './p-f3ffb5b4.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
+import { d as defineCustomElement$8 } from './p-a703f4fc.js';
+import { d as defineCustomElement$7 } from './p-edcc6460.js';
+import { d as defineCustomElement$6 } from './p-086d3a1e.js';
+import { d as defineCustomElement$5 } from './p-9ec59f0c.js';
+import { d as defineCustomElement$4 } from './p-673d137b.js';
+import { d as defineCustomElement$3 } from './p-f4b0f495.js';
+import { d as defineCustomElement$2 } from './p-381457b7.js';
 
 const duetContactCardCss = "*,*::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:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;word-break:break-all}";
 

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, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-dd112690.js';
-import { d as defineCustomElement$5 } from './p-b95006a5.js';
-import { d as defineCustomElement$4 } from './p-da75f5d9.js';
-import { d as defineCustomElement$3 } from './p-f3ffb5b4.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { d as defineCustomElement$6 } from './p-a703f4fc.js';
+import { d as defineCustomElement$5 } from './p-086d3a1e.js';
+import { d as defineCustomElement$4 } from './p-8c4f8cf6.js';
+import { d as defineCustomElement$3 } from './p-f4b0f495.js';
+import { d as defineCustomElement$2 } from './p-381457b7.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 rgb(0, 119, 179)}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.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:rgb(255, 255, 255) !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:rgb(255, 255, 255) !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 rgb(0, 119, 179)}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
 

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

@@ -1,23 +1,23 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-061830ef.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
 import { h } from './p-ec4d603d.js';
-import { d as defineCustomElement$c } from './p-32a42529.js';
-import { d as defineCustomElement$b } from './p-dd112690.js';
-import { d as defineCustomElement$a } from './p-19b04293.js';
-import { d as defineCustomElement$9 } from './p-b95006a5.js';
-import { d as defineCustomElement$8 } from './p-80bd412e.js';
-import { d as defineCustomElement$7 } from './p-591040e5.js';
-import { d as defineCustomElement$6 } from './p-f3ffb5b4.js';
-import { d as defineCustomElement$5 } from './p-de10f837.js';
-import { d as defineCustomElement$4 } from './p-b1fa6ee7.js';
-import { d as defineCustomElement$3 } from './p-e78bd379.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { d as defineCustomElement$c } from './p-8419c6df.js';
+import { d as defineCustomElement$b } from './p-a703f4fc.js';
+import { d as defineCustomElement$a } from './p-bef6a63e.js';
+import { d as defineCustomElement$9 } from './p-086d3a1e.js';
+import { d as defineCustomElement$8 } from './p-514fd660.js';
+import { d as defineCustomElement$7 } from './p-73fe1bc9.js';
+import { d as defineCustomElement$6 } from './p-f4b0f495.js';
+import { d as defineCustomElement$5 } from './p-afba26ca.js';
+import { d as defineCustomElement$4 } from './p-8c3e38ff.js';
+import { d as defineCustomElement$3 } from './p-e04f1726.js';
+import { d as defineCustomElement$2 } from './p-381457b7.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };
@@ -558,11 +558,6 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.incrementYears = 10;
     this.validity = undefined;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.placeholder === this.placeholderDefaults[oldValue]) {
-      this.placeholder = getLocaleString(this.placeholderDefaults, newValue);
-    }
-  }
   updateValidity() {
     this.determineValidity(parseISODate(this.value));
   }
@@ -607,7 +602,7 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     }
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "placeholder", defaults: "placeholderDefaults" });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -753,7 +748,6 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   }
   get element() { return this; }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "min": ["updateValidity"],
     "max": ["updateValidity"],
     "value": ["updateValidity", "updateInternalValue"],

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-a7cc7bd9.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-30109959.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as fieldSorter } from './p-0b3f675e.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
-import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLocaleString } from './p-076452be.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-03baceb5.js';
 import { h } from './p-ec4d603d.js';
-import { d as defineCustomElement$7 } from './p-32a42529.js';
-import { d as defineCustomElement$6 } from './p-dd112690.js';
-import { d as defineCustomElement$5 } from './p-b95006a5.js';
-import { d as defineCustomElement$4 } from './p-f3ffb5b4.js';
-import { d as defineCustomElement$3 } from './p-371290d2.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { d as defineCustomElement$7 } from './p-8419c6df.js';
+import { d as defineCustomElement$6 } from './p-a703f4fc.js';
+import { d as defineCustomElement$5 } from './p-086d3a1e.js';
+import { d as defineCustomElement$4 } from './p-f4b0f495.js';
+import { d as defineCustomElement$3 } from './p-eb371ca2.js';
+import { d as defineCustomElement$2 } from './p-381457b7.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {

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-28facbdc.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-d3c39517.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-84003069.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-64515617.js';
 
 const DuetFieldset = DuetFieldset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-d2e00066.js';
 import { a as actionArrowRight } from './p-6fa39608.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 { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
-import { d as defineCustomElement$4 } from './p-b95006a5.js';
-import { d as defineCustomElement$3 } from './p-960b00e1.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { d as defineCustomElement$4 } from './p-086d3a1e.js';
+import { d as defineCustomElement$3 } from './p-1605b6bc.js';
+import { d as defineCustomElement$2 } from './p-381457b7.js';
 
 var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
 
@@ -84,11 +84,6 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
     this.menu = undefined;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
-      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -98,7 +93,10 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.hasInfoSlot = !!this.element.querySelector(":scope > [slot='info']");
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, {
+      prop: "accessibleLabelExternal",
+      defaults: "accessibleLabelExternalDefaults",
+    });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -138,7 +136,6 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   }
   get element() { return this; }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "menu": ["refresh"],
     "items": ["refresh"]
   }; }

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-34d193a7.js';
+import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-7334412f.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-47bc3fc6.js';
+import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-235d8a5c.js';
 
 const DuetGrid = DuetGrid$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,24 +1,24 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, d as Host, F as Fragment } from './p-66206ea5.js';
+import { p as proxyCustomElement, H, c as createEvent$1, B as Build, h as h$1, d as Host, F as Fragment } from './p-d2e00066.js';
 import { f as formSearch } from './p-d004da5f.js';
 import { a as media_query_large } from './p-b519ac77.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';
 import { b as isEscapeKey, g as isSpaceKey, h as isArrowLeftKey, e as isArrowUpKey, j as isArrowRightKey, f as isArrowDownKey } from './p-d8549efe.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-03baceb5.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { h } from './p-ec4d603d.js';
-import { d as defineCustomElement$8 } from './p-dd112690.js';
-import { d as defineCustomElement$7 } from './p-a7cc7bd9.js';
-import { d as defineCustomElement$6 } from './p-b95006a5.js';
-import { d as defineCustomElement$5 } from './p-960b00e1.js';
-import { d as defineCustomElement$4 } from './p-da75f5d9.js';
-import { d as defineCustomElement$3 } from './p-f3ffb5b4.js';
-import { d as defineCustomElement$2 } from './p-8dbc5e4b.js';
+import { d as defineCustomElement$8 } from './p-a703f4fc.js';
+import { d as defineCustomElement$7 } from './p-30109959.js';
+import { d as defineCustomElement$6 } from './p-086d3a1e.js';
+import { d as defineCustomElement$5 } from './p-1605b6bc.js';
+import { d as defineCustomElement$4 } from './p-8c4f8cf6.js';
+import { d as defineCustomElement$3 } from './p-f4b0f495.js';
+import { d as defineCustomElement$2 } from './p-381457b7.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>"};
 
@@ -311,17 +311,6 @@ const DuetHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.contactItems = undefined;
     this.languageItems = undefined;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelDefaults[oldValue]) {
-      this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.accessibleI18nLabels === this.accessibleI18nLabelsDefaults[oldValue]) {
-      this.accessibleI18nLabels = getLocaleString(this.accessibleI18nLabelsDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
-      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -338,7 +327,11 @@ const DuetHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.boundMqlFunctions[i] = bound;
       }
     }
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, [
+      { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" },
+      { prop: "accessibleI18nLabels", defaults: "accessibleI18nLabelsDefaults" },
+      { prop: "accessibleLabelExternal", defaults: "accessibleLabelExternalDefaults" },
+    ]);
   }
   disconnectedCallback() {
     if (this.navigationEl) {
@@ -593,7 +586,6 @@ const DuetHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   }
   get element() { return this; }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "user": ["refresh"],
     "items": ["refresh"],
     "session": ["refresh"],

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-93609c40.js';
+import { D as DuetHeading$1, d as defineCustomElement$1 } from './p-edcc6460.js';
 
 const DuetHeading = DuetHeading$1;
 const defineCustomElement = defineCustomElement$1;