npm - @duetds/components - Versions diffs - 7.0.1 → 7.0.2 - Mend

@duetds/components 7.0.1 → 7.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (620) hide show

package/lib/collection/utils/language-utils.js CHANGED Viewed

@@ -91,34 +91,68 @@ export const getLocaleString = (langObject, languageOverride) => {
 /**
  * Language change observer
  *
- * Change component's language property or state when the html lang attribute changes.
+ * Change component's language property or state when the html lang attribute changes. Can also change default labeles to new language.
  * For now the <html> element must have the data-duet-lang-observe attribute set to a truthy value for the
  * language change to happen. At a later point this will be done without requiring the data attribute.
  *
  * Usage:
- * Call connectLanguageChangeObserver(this) in component's connectedCallback and
- * disconnectLanguageChangeObserver(this) in disconnectedCallback.
+ * Call in component's connectedCallback
+ * connectLanguageChangeObserver(this)
+ * or
+ * connectLanguageChangeObserver(this, [{ prop: "labelProp", defaults: "labelPropDefaults" }])
+ *
+ * Call in disconnectedCallback
+ * disconnectLanguageChangeObserver(this)
+ */
+/**
+ * Component instances that have subscribed to language change.
  */
 const languageChangeSubscribers = new Set();
-const languagaChangeObserverCallback = () => {
+/**
+ * Label properties that should be changed when language changes.
+ */
+const languageChangeTargets = new WeakMap();
+const languagaChangeObserverCallback = mutationList => {
+  let oldValue = defaultLanguage;
+  for (const mutation of mutationList) {
+    if (mutation.type === "attributes" && mutation.attributeName === "lang") {
+      oldValue = mutation.oldValue;
+      break;
+    }
+  }
   if (document.documentElement.dataset.duetLangObserve) {
     languageChangeSubscribers.forEach((component) => {
       if (component.language) {
         component.language = getLanguage();
       }
-      else {
-        console.log("Language change observer: component does not have a language property", component);
+      if (languageChangeTargets.has(component)) {
+        languageChangeTargets.get(component).forEach(target => {
+          if (component[target.defaults] && component[target.prop] === component[target.defaults][oldValue]) {
+            component[target.prop] = getLocaleString(component[target.defaults]);
+          }
+        });
       }
     });
   }
 };
 if (!Build.isServer) {
   const languageChangeObserver = new MutationObserver(languagaChangeObserverCallback);
-  languageChangeObserver.observe(document.documentElement, { attributeFilter: ["lang"] });
+  languageChangeObserver.observe(document.documentElement, { attributeFilter: ["lang"], attributeOldValue: true });
 }
-export const connectLanguageChangeObserver = (component) => {
+export const connectLanguageChangeObserver = (component, targets) => {
   languageChangeSubscribers.add(component);
+  if (targets) {
+    if (!Array.isArray(targets)) {
+      targets = [targets];
+    }
+    if (targets.some(t => !(t.prop in component) || !(t.defaults in component))) {
+      console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties");
+      targets = targets.filter(t => t.prop in component && t.defaults in component);
+    }
+    languageChangeTargets.set(component, targets);
+  }
 };
 export const disconnectLanguageChangeObserver = (component) => {
   languageChangeSubscribers.delete(component);
+  languageChangeTargets.delete(component);
 };

package/lib/dist-custom-elements/duet-action-button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-65676d10.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-8419c6df.js';
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js CHANGED Viewed

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

package/lib/dist-custom-elements/duet-badge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-5a560334.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-01db92de.js';
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js CHANGED Viewed

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a8e3618b.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 getColorByName } from './p-de68431d.js';
-import { d as defineCustomElement$4 } from './p-ed3bc609.js';
-import { d as defineCustomElement$3 } from './p-b06f4493.js';
-import { d as defineCustomElement$2 } from './p-fc17c596.js';
+import { d as defineCustomElement$4 } from './p-edcc6460.js';
+import { d as defineCustomElement$3 } from './p-086d3a1e.js';
+import { d as defineCustomElement$2 } from './p-673d137b.js';
 const duetBannerCss = "*,*::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:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-banner{display:grid;width:100%;height: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-style:normal;text-align:left;border-radius:24px}.duet-banner.duet-p-0{padding:0 !important}.duet-banner.duet-m-0{margin:0 !important}.duet-banner .visual{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner .visual .image-container{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}.duet-banner .visual .image{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}.duet-banner .visual .icon{position:absolute}.duet-banner .content{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}.duet-banner .action{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-end;padding-top:16px}.duet-banner.small{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.small .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.small .visual .image-container{top:-130px;left:-40px}.duet-banner.small .visual .icon{bottom:30px;left:15px}.duet-banner.large{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.large .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.large .visual .image-container{top:-30px;left:-30px}.duet-banner.large .visual .image{top:-15px;left:30px}.duet-banner.large .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.large .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.large .action{flex-grow:0}.duet-banner.auto{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.auto .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.auto .visual .image-container{top:-130px;left:-40px}.duet-banner.auto .visual .icon{bottom:30px;left:15px}@media (min-width: 62em){.duet-banner.auto{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.auto .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.auto .visual .image-container{top:-30px;left:-30px}.duet-banner.auto .visual .image{top:-15px;left:30px}.duet-banner.auto .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.auto .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.auto .action{flex-grow:0}}.duet-banner.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-banner.duet-theme-turva .visual .image-container{width:526px;height:456px;transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}.duet-banner.duet-theme-turva .visual .image{transform:none}.duet-banner.duet-theme-turva.small .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.small .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.small .visual .icon{bottom:15px}.duet-banner.duet-theme-turva.large .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.large .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.large .visual .icon{bottom:auto;left:295px}.duet-banner.duet-theme-turva.auto .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:15px}@media (min-width: 62em){.duet-banner.duet-theme-turva.auto .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:auto;left:295px}}";

package/lib/dist-custom-elements/duet-breadcrumb.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a8e3618b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-b06f4493.js';
+import { d as defineCustomElement$2 } from './p-086d3a1e.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/dist-custom-elements/duet-breadcrumbs.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-a8e3618b.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { a as getLocaleString } from './p-076452be.js';
-import { d as defineCustomElement$2 } from './p-b06f4493.js';
+import { g as getLocaleString } from './p-03baceb5.js';
+import { d as defineCustomElement$2 } from './p-086d3a1e.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/dist-custom-elements/duet-button.js CHANGED Viewed

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

package/lib/dist-custom-elements/duet-callout.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a8e3618b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$3 } from './p-b06f4493.js';
-import { d as defineCustomElement$2 } from './p-fc17c596.js';
+import { d as defineCustomElement$3 } from './p-086d3a1e.js';
+import { d as defineCustomElement$2 } from './p-673d137b.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/dist-custom-elements/duet-caption.js CHANGED Viewed

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

package/lib/dist-custom-elements/duet-card.js CHANGED Viewed

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-a8e3618b.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.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 { g as getColorByName } from './p-de68431d.js';
-import { d as defineCustomElement$3 } from './p-b06f4493.js';
-import { d as defineCustomElement$2 } from './p-81b1961f.js';
+import { d as defineCustomElement$3 } from './p-086d3a1e.js';
+import { d as defineCustomElement$2 } from './p-8c4f8cf6.js';
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

package/lib/dist-custom-elements/duet-checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-51dc4ab3.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-7780af95.js';
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-checkmark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-91935c71.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-62f4212c.js';
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-chip.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a8e3618b.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 { c as createID } from './p-c1325e35.js';
-import { d as defineCustomElement$2 } from './p-b06f4493.js';
+import { d as defineCustomElement$2 } from './p-086d3a1e.js';
 const duetChipCss = "*,*::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:16px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease, padding 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}.duet-chip-container.duet-theme-turva:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-chip-container.duet-theme-turva:hover button,.duet-chip-container.duet-theme-turva:hover label{color:rgb(23, 28, 58) !important}.duet-chip-container:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-chip-container:hover button,.duet-chip-container:hover label{color:rgb(0, 119, 179) !important}.duet-chip-container:hover.duet-theme-turva button,.duet-chip-container:hover.duet-theme-turva label{color:rgb(198, 12, 48) !important}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:7px 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:0.875rem;font-weight:600;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container button:hover,.duet-chip-container label:hover{color:rgb(0, 119, 179) !important}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container duet-icon:not(.check-mark){width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked{background:rgb(230, 242, 248);border-color:rgb(230, 242, 248)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container{padding-right:8px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container div.duet-chip-popup-disclosure{padding-left:8px}.duet-chip-container div.duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}:host(.user-is-tabbing) .duet-chip-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-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";

package/lib/dist-custom-elements/duet-choice-group.js CHANGED Viewed

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a8e3618b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d2e00066.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
-import { d as defineCustomElement$8 } from './p-1f8be034.js';
-import { d as defineCustomElement$7 } from './p-327fe61f.js';
-import { d as defineCustomElement$6 } from './p-b06f4493.js';
-import { d as defineCustomElement$5 } from './p-bb49de93.js';
-import { d as defineCustomElement$4 } from './p-92955574.js';
-import { d as defineCustomElement$3 } from './p-63852c87.js';
-import { d as defineCustomElement$2 } from './p-3365df0b.js';
+import { d as defineCustomElement$8 } from './p-bef6a63e.js';
+import { d as defineCustomElement$7 } from './p-64515617.js';
+import { d as defineCustomElement$6 } from './p-086d3a1e.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 duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a8e3618b.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-1f8be034.js';
-import { d as defineCustomElement$4 } from './p-b06f4493.js';
-import { d as defineCustomElement$3 } from './p-81b1961f.js';
-import { d as defineCustomElement$2 } from './p-3365df0b.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 CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a8e3618b.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-b06f4493.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 CHANGED Viewed

@@ -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-a8e3618b.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-b06f4493.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 CHANGED Viewed

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a8e3618b.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-a62b0be6.js';
-import { d as defineCustomElement$7 } from './p-ed3bc609.js';
-import { d as defineCustomElement$6 } from './p-b06f4493.js';
-import { d as defineCustomElement$5 } from './p-08655765.js';
-import { d as defineCustomElement$4 } from './p-fc17c596.js';
-import { d as defineCustomElement$3 } from './p-48875cb7.js';
-import { d as defineCustomElement$2 } from './p-3365df0b.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 CHANGED Viewed

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a8e3618b.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-a62b0be6.js';
-import { d as defineCustomElement$5 } from './p-b06f4493.js';
-import { d as defineCustomElement$4 } from './p-81b1961f.js';
-import { d as defineCustomElement$3 } from './p-48875cb7.js';
-import { d as defineCustomElement$2 } from './p-3365df0b.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 CHANGED Viewed

@@ -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-a8e3618b.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-65676d10.js';
-import { d as defineCustomElement$b } from './p-a62b0be6.js';
-import { d as defineCustomElement$a } from './p-1f8be034.js';
-import { d as defineCustomElement$9 } from './p-b06f4493.js';
-import { d as defineCustomElement$8 } from './p-0260ac26.js';
-import { d as defineCustomElement$7 } from './p-91b55a65.js';
-import { d as defineCustomElement$6 } from './p-48875cb7.js';
-import { d as defineCustomElement$5 } from './p-bb49de93.js';
-import { d as defineCustomElement$4 } from './p-92955574.js';
-import { d as defineCustomElement$3 } from './p-63852c87.js';
-import { d as defineCustomElement$2 } from './p-3365df0b.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"],