@duetds/components 7.0.0 → 7.0.2

package/lib/esm/duet-action-button.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { d as debounce } from './js-utils-fa98b8cd.js';
 import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-a1dcaa4b.js';
 import './string-utils-5954f458.js';
 import './tokens.module-ed773027.js';
@@ -33,7 +33,6 @@ const DuetActionButton = class {
       });
     });
     this.numbersStore = "";
-    this.language = getLanguage();
     this.theme = "";
     this.iconName = "action-arrow-left-small";
     this.iconColor = "currentColor";
@@ -57,11 +56,6 @@ const DuetActionButton = class {
     this.accessibleLabel = getLocaleString(this.accessibleLabelsDefaults);
     this.accessibleControls = "";
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelsDefaults[oldValue]) {
-      this.accessibleLabel = getLocaleString(this.accessibleLabelsDefaults, newValue);
-    }
-  }
   //handle a11y keyboard navigation events
   async onKeyboardDown(e) {
     if (isKeyboardClick(e)) {
@@ -97,7 +91,7 @@ const DuetActionButton = class {
     inheritGlobalTheme(this);
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -142,9 +136,6 @@ const DuetActionButton = class {
       }, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), h("duet-visually-hidden", null, h("slot", null)))));
   }
   get element() { return getElement(this); }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
 };
 DuetActionButton.style = duetActionButtonCss;
 

package/lib/esm/duet-alert.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import './string-utils-5954f458.js';
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}: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)}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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.25;color:rgb(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}";
@@ -30,7 +30,6 @@ const DuetAlert = class {
     this.theme = "";
     this.isDismissed = false;
     this.timeoutID = undefined;
-    this.language = getLanguage();
     this.accessibleLabelDefaults = {
       fi: "Sulje viesti",
       sv: "Stäng meddelandet",
@@ -46,11 +45,6 @@ const DuetAlert = class {
     this.dismissible = false;
     this.focusable = false;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelDefaults[oldValue]) {
-      this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -63,7 +57,7 @@ const DuetAlert = class {
     }
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
   }
   disconnectedCallback() {
     if (this.timeoutID) {
@@ -119,9 +113,6 @@ const DuetAlert = class {
         this.alertContainer = element;
       }, tabindex: this.focusable ? "0" : undefined }, this.icon && (h("div", { class: "duet-alert-icon" }, h("duet-icon", { size: "auto", name: this.icon, color: "currentColor" }))), h("span", { id: this.descriptiveId }, h("slot", null))), this.dismissible && (h("div", { class: "duet-alert-dismiss" }, h("duet-button", { variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true }))))));
   }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
 };
 DuetAlert.style = duetAlertCss;
 

package/lib/esm/duet-badge.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:rgb(247, 178, 40)}.duet-badge.background-strong.warning.duet-theme-turva{background:rgb(250, 164, 15)}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}";

package/lib/esm/duet-banner.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getColorByName } from './token-utils-a1dcaa4b.js';
 import './tokens.module-ed773027.js';

package/lib/esm/duet-breadcrumb.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{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-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";

package/lib/esm/duet-breadcrumbs.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
-import { a as getLocaleString } from './language-utils-6be16ff0.js';
+import { g as getLocaleString } from './language-utils-9d850f6c.js';
 import './string-utils-5954f458.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};

package/lib/esm/duet-button_2.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import { g as getColorByName } from './token-utils-a1dcaa4b.js';
 import './string-utils-5954f458.js';
 import './tokens.module-ed773027.js';
@@ -73,11 +73,6 @@ const DuetButton = class {
     this.iconOnly = false;
     this.url = undefined;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
-      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -91,7 +86,10 @@ const DuetButton = class {
     this.proxyButton = document.createElement("button");
     this.proxyButton.style.display = "none";
     this.syncToProxyButton();
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, {
+      prop: "accessibleLabelExternal",
+      defaults: "accessibleLabelExternalDefaults",
+    });
     if (!this.url && this.element.closest("form")) {
       this.element.insertAdjacentElement("beforebegin", this.proxyButton);
     }
@@ -191,7 +189,6 @@ const DuetButton = class {
   }
   get element() { return getElement(this); }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "disabled": ["syncToProxyButton"],
     "submit": ["syncToProxyButton"],
     "value": ["syncToProxyButton"],

package/lib/esm/duet-callout.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.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\"}.duet-callout.duet-theme-turva .author{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";

package/lib/esm/duet-caption_4.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { s as sanitizeString } from './string-utils-5954f458.js';
 import { g as getColorByName } from './token-utils-a1dcaa4b.js';
 import { a as actionArrowRight } from './action-arrow-right-f7d56681.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import './tokens.module-ed773027.js';
 
 const duetCaptionCss = ":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:flex;flex:0 0 100%;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:rgb(101, 119, 135);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}: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(116, 116, 117)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}";
@@ -104,11 +104,6 @@ const DuetLink = class {
     this.icon = undefined;
     this.padding = "auto";
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
-      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -116,7 +111,10 @@ const DuetLink = class {
     inheritGlobalTheme(this);
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, {
+      prop: "accessibleLabelExternal",
+      defaults: "accessibleLabelExternalDefaults",
+    });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -155,9 +153,6 @@ const DuetLink = class {
       }, target: this.external ? "_blank" : "_self", "aria-label": this.accessibleLabel, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
   }
   static get delegatesFocus() { return true; }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
 };
 DuetLink.style = duetLinkCss;
 

package/lib/esm/duet-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';

package/lib/esm/duet-checkbox.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-checkmark.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";

package/lib/esm/duet-chip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-choice_2.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { h as hasSlot } from './slot-query-8c7dce21.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { c as createID } from './create-id-981107da.js';
-import { F as FocusGuard } from './focus-utils-8a8cfffd.js';
+import { F as FocusGuard } from './focus-utils-ec77318a.js';
 import { i as isKeyboardClick, h as isQuestionKey, f as isEscapeKey } from './keyboard-utils-d237bd5a.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';
 import './string-utils-5954f458.js';
 
@@ -97,7 +97,6 @@ const DuetChoice = class {
     this.isHovering = false;
     this.isInfoOpen = false;
     this.isBlurred = false;
-    this.language = getLanguage();
     this.theme = "";
     this.label = "label";
     this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
@@ -133,14 +132,6 @@ const DuetChoice = class {
     };
     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.
    */
@@ -153,7 +144,10 @@ const DuetChoice = class {
     this.hasBeforeText = hasSlot(this.element, "before-text");
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, [
+      { prop: "accessibleLabelInfoButton", defaults: "accessibleLabelInfoButtonDefaults" },
+      { prop: "infoLabel", defaults: "infoLabelDefaults" },
+    ]);
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -277,9 +271,6 @@ const DuetChoice = class {
       } }, 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 getElement(this); }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
 };
 DuetChoice.style = duetChoiceCss;
 

package/lib/esm/duet-collapsible.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
 import { f as font_size_medium, t as tokens } from './tokens-f6b32339.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-combobox.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d48e2c74.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { d as debounce } from './js-utils-fa98b8cd.js';
 import { j as isEnterKey, f as isEscapeKey, o as isTabKey, b as isArrowUpKey, c as isArrowDownKey } from './keyboard-utils-d237bd5a.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import { p as parsePossibleJSON } from './string-utils-5954f458.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
@@ -54,7 +54,6 @@ const DuetCombobox = class {
     this.listOpen = false;
     this.selectedItems = new Set();
     this.activeItem = undefined;
-    this.language = getLanguage();
     this.accessibleLabelDefaults = {
       en: {
         heading: "Select:",
@@ -72,7 +71,7 @@ const DuetCombobox = class {
         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;
@@ -85,12 +84,6 @@ const DuetCombobox = class {
   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();
@@ -117,6 +110,11 @@ const DuetCombobox = class {
       this.updateSelectedItems(selectedItem.id);
     }
   }
+  async processListOpenChange() {
+    if (this.openListOnClick) {
+      this.input.icon = this.listOpen ? "action-arrow-up" : "action-arrow-down";
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -136,10 +134,11 @@ const DuetCombobox = class {
       }
     });
     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));
@@ -393,9 +392,9 @@ const DuetCombobox = class {
   get element() { return getElement(this); }
   static get watchers() { return {
     "activeItem": ["activeItemHandler"],
-    "language": ["watchLanguageStateHandler"],
     "items": ["processItems"],
-    "value": ["processValue"]
+    "value": ["processValue"],
+    "listOpen": ["processListOpenChange"]
   }; }
 };
 DuetCombobox.style = duetComboboxCss;

package/lib/esm/duet-contact-card.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
-import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import './string-utils-5954f458.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/esm/duet-cookie-consent.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.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/esm/duet-date-picker.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d48e2c74.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
-import { F as FocusGuard } from './focus-utils-8a8cfffd.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-6be16ff0.js';
+import { F as FocusGuard } from './focus-utils-ec77318a.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-9d850f6c.js';
 import './string-utils-5954f458.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
@@ -546,11 +546,6 @@ const DuetDatePicker = class {
     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));
   }
@@ -595,7 +590,7 @@ const DuetDatePicker = class {
     }
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "placeholder", defaults: "placeholderDefaults" });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -741,7 +736,6 @@ const DuetDatePicker = class {
   }
   get element() { return getElement(this); }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "min": ["updateValidity"],
     "max": ["updateValidity"],
     "value": ["updateValidity", "updateInternalValue"],

package/lib/esm/duet-divider_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getColorByName } from './token-utils-a1dcaa4b.js';
 import './tokens.module-ed773027.js';

package/lib/esm/duet-editable-table_3.entry.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-d48e2c74.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { f as fieldSorter, d as debounce } from './js-utils-fa98b8cd.js';
 import { i as isKeyboardClick } from './keyboard-utils-d237bd5a.js';
-import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, a as getLocaleString, s as sanitizeString } from './language-utils-6be16ff0.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString, s as sanitizeString } from './language-utils-9d850f6c.js';
 import { p as sizeNavigation, s as sizeHeader } from './tokens.module-ed773027.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './token-utils-a1dcaa4b.js';
 import { c as createID } from './create-id-981107da.js';
-import { g as getError, a as getI18nError } from './errorcodes.utils-c0c33bce.js';
+import { g as getError, a as getI18nError } from './errorcodes.utils-47fc5d49.js';
 import './string-utils-5954f458.js';
 
 //simple functional component that renders the data in the table

package/lib/esm/duet-empty-state.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(0, 41, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}";

package/lib/esm/duet-fieldset.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d48e2c74.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-cbdca10f.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { h as hasSlot } from './slot-query-8c7dce21.js';
 import { c as createID } from './create-id-981107da.js';