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

@duetds/components 7.0.0 → 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 (657) hide show

package/lib/cjs/duet-pagination_2.cjs.entry.js CHANGED Viewed

@@ -5,12 +5,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const jsUtils = require('./js-utils-134e0318.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 require('./string-utils-5cadd058.js');
 const shouldDisplayNavigation = (visibleItems, total, take) => {
@@ -75,7 +75,6 @@ const DuetPagination = class {
     this.numbersStore = "";
     this.totalPages = 10;
     this.internalSectionIndex = 0;
-    this.language = languageUtils.getLanguage();
     this.theme = "";
     this.jumpString = "...";
     this.variation = "default";
@@ -128,11 +127,6 @@ const DuetPagination = class {
     this.ariaControls = "";
     this.current = 1;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabels === this.accessibleLabelsDefaults[oldValue]) {
-      this.accessibleLabels = languageUtils.getLocaleString(this.accessibleLabelsDefaults, newValue);
-    }
-  }
   watchPropTotalHandler( /*newValue: boolean, oldValue: boolean*/) {
     this.calculatePageTake();
     return true;
@@ -158,7 +152,7 @@ const DuetPagination = class {
     this.setFocus();
   }
   connectedCallback() {
-    languageUtils.connectLanguageChangeObserver(this);
+    languageUtils.connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelsDefaults" });
   }
   disconnectedCallback() {
     languageUtils.disconnectLanguageChangeObserver(this);
@@ -291,7 +285,6 @@ const DuetPagination = class {
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "total": ["watchPropTotalHandler"],
     "current": ["watchStateHandler"]
   }; }
@@ -312,7 +305,6 @@ const DuetRangeStepper = class {
       this.clampStepIndex();
       this.handleStepClick(e);
     };
-    this.language = languageUtils.getLanguage();
     this.theme = "";
     this.stepIndex = 1;
     this.stepSize = 50;
@@ -337,11 +329,6 @@ const DuetRangeStepper = class {
     this.ariaLabels = languageUtils.getLocaleString(this.ariaLabelsDefaults);
     this.ariaControls = "";
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.ariaLabels === this.ariaLabelsDefaults[oldValue]) {
-      this.ariaLabels = languageUtils.getLocaleString(this.ariaLabelsDefaults, newValue);
-    }
-  }
   watchStepIndexStateHandler(newValue) {
     if (this.leftBnRef && this.rightBnRef) {
       if (newValue <= 1) {
@@ -390,7 +377,7 @@ const DuetRangeStepper = class {
     this.watchStepIndexStateHandler(this.stepIndex);
   }
   connectedCallback() {
-    languageUtils.connectLanguageChangeObserver(this);
+    languageUtils.connectLanguageChangeObserver(this, { prop: "ariaLabels", defaults: "ariaLabelsDefaults" });
   }
   disconnectedCallback() {
     languageUtils.disconnectLanguageChangeObserver(this);
@@ -465,7 +452,6 @@ const DuetRangeStepper = class {
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "stepIndex": ["watchStepIndexStateHandler"],
     "stepSize": ["watchStepSizeStateHandler"]
   }; }

package/lib/cjs/duet-popup-menu-item.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetPopupMenuItemCss = "*,*::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:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:8px;align-items:center;height:100%;padding:8px 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;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-popup-menu-item: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-popup-menu-item.active,.duet-popup-menu-item.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-popup-menu-item.active.duet-theme-turva,.duet-popup-menu-item.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}";

package/lib/cjs/duet-popup-menu.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-d537b048.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-progress.cjs.entry.js CHANGED Viewed

@@ -5,10 +5,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 require('./string-utils-5cadd058.js');
 const duetProgressCss = "*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:rgb(198, 12, 48)}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";
@@ -43,6 +43,12 @@ const DuetProgress = class {
   componentWillLoad() {
     themeableComponent.inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    languageUtils.connectLanguageChangeObserver(this, { prop: "accessibleLabelUpload", defaults: "accessibleLabelUploadDefaults" });
+  }
+  disconnectedCallback() {
+    languageUtils.disconnectLanguageChangeObserver(this);
+  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/cjs/duet-promo-card.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const tokenUtils = require('./token-utils-c1864408.js');
 require('./tokens.module-5fe478ed.js');

package/lib/cjs/duet-radio_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const watchOptions = require('./watch-options-d88afac0.js');

package/lib/cjs/duet-range-slider.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const tokens_module = require('./tokens.module-5fe478ed.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-scrollable_3.cjs.entry.js CHANGED Viewed

@@ -5,9 +5,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 require('./string-utils-5cadd058.js');
@@ -188,10 +188,20 @@ const DuetTab = class {
     this.caption = undefined;
     this.selected = undefined;
     this.accessibleDescriptionDefault = null;
-    this.accessibleDescription = this.accessibleDescriptionDefault
+    this.accessibleDescription = this
+      .accessibleDescriptionDefault
       ? languageUtils.getLocaleString(this.accessibleDescriptionDefault)
       : null;
   }
+  /**
+   * Component lifecycle events.
+   */
+  connectedCallback() {
+    languageUtils.connectLanguageChangeObserver(this, { prop: "accessibleDescription", defaults: "accessibleDescriptionDefault" });
+  }
+  disconnectedCallback() {
+    languageUtils.disconnectLanguageChangeObserver(this);
+  }
   /**
    * render() function
    * Always the last one in the class.

package/lib/cjs/duet-section-layout.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const isInternetExplorer = require('./is-internet-explorer-91361c56.js');
 const duetSectionLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";

package/lib/cjs/duet-select.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const stringUtils = require('./string-utils-5cadd058.js');

package/lib/cjs/duet-shaped-image.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetShapedImageCss = "*,*::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:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{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}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}";

package/lib/cjs/duet-show-more.cjs.entry.js CHANGED Viewed

@@ -5,11 +5,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 require('./string-utils-5cadd058.js');
 const duetShowMoreCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block}.duet-show-more{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-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.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)}";
@@ -75,20 +75,6 @@ const DuetShowMore = class {
     this.margin = "auto";
     this.open = false;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.showMoreLabel === this.showMoreLabelDefaults[oldValue]) {
-      this.showMoreLabel = languageUtils.getLocaleString(this.showMoreLabelDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.showLessLabel === this.showLessLabelDefaults[oldValue]) {
-      this.showLessLabel = languageUtils.getLocaleString(this.showLessLabelDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.showMoreAccessibleLabel === this.showMoreAccessibleLabelDefaults[oldValue]) {
-      this.showMoreAccessibleLabel = languageUtils.getLocaleString(this.showMoreAccessibleLabelDefaults, newValue);
-    }
-    if (newValue !== oldValue && this.showLessAccessibleLabel === this.showLessAccessibleLabelDefaults[oldValue]) {
-      this.showLessAccessibleLabel = languageUtils.getLocaleString(this.showLessAccessibleLabelDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -97,7 +83,12 @@ const DuetShowMore = class {
     this.buttonAriaOpen = this.open;
   }
   connectedCallback() {
-    languageUtils.connectLanguageChangeObserver(this);
+    languageUtils.connectLanguageChangeObserver(this, [
+      { prop: "showMoreLabel", defaults: "showMoreLabelDefaults" },
+      { prop: "showLessLabel", defaults: "showLessLabelDefaults" },
+      { prop: "showMoreAccessibleLabel", defaults: "showMoreAccessibleLabelDefaults" },
+      { prop: "showLessAccessibleLabel", defaults: "showLessAccessibleLabelDefaults" },
+    ]);
   }
   disconnectedCallback() {
     languageUtils.disconnectLanguageChangeObserver(this);
@@ -115,9 +106,6 @@ const DuetShowMore = class {
       } }, index.h("div", { ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, index.h("div", { class: { "slotted-content": true } }, index.h("slot", null))), index.h("duet-button", { id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small" }, this.open ? this.showLessLabel : this.showMoreLabel))));
   }
   get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"]
-  }; }
 };
 DuetShowMore.style = duetShowMoreCss;

package/lib/cjs/duet-slideout-lang.cjs.entry.js CHANGED Viewed

@@ -5,9 +5,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 require('./string-utils-5cadd058.js');
 const duetSlideoutLangCss = "*,*::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}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:15%;right:-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:16px;font-weight:600;line-height:150%;color:rgb(0, 41, 77);content:\"|\"}.duet-theme-turva ::slotted(:not(:last-child))::after{color:rgb(23, 28, 58)}";

package/lib/cjs/duet-slideout-link.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetSlideoutLinkCss = "*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link.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-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-slideout-link: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-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(68, 68, 69)}";

package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetSlideoutPanelDropdownCss = "*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.25rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}";

package/lib/cjs/duet-slideout-panel.cjs.entry.js CHANGED Viewed

@@ -5,10 +5,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const focusUtils = require('./focus-utils-6d4f01d9.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const focusUtils = require('./focus-utils-38735740.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 const tokenUtils = require('./token-utils-c1864408.js');
 require('./string-utils-5cadd058.js');
 require('./tokens.module-5fe478ed.js');

package/lib/cjs/duet-slideout.cjs.entry.js CHANGED Viewed

@@ -5,11 +5,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const focusUtils = require('./focus-utils-6d4f01d9.js');
+const focusUtils = require('./focus-utils-38735740.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 const tokenUtils = require('./token-utils-c1864408.js');
 require('./string-utils-5cadd058.js');
 require('./tokens.module-5fe478ed.js');

package/lib/cjs/duet-step_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const tokens = require('./tokens-30e7656b.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-submenu-bar-link.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const tokens = require('./tokens-30e7656b.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-submenu-bar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const tokens = require('./tokens-30e7656b.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
@@ -30,16 +30,7 @@ const DuetSubmenuBar = class {
       }
     };
     this.onClick = () => {
-      const open = this.open;
-      if (!open) {
-        this.bodyScroll = false;
-        bodyScrollLock_es6.disableBodyScroll(this.element, { reserveScrollBarGap: true });
-      }
-      else {
-        bodyScrollLock_es6.enableBodyScroll(this.element);
-        this.bodyScroll = true;
-      }
-      this.open = !open;
+      this.open = !this.open;
     };
     this.mobile = true;
     this.bodyScroll = true;
@@ -47,6 +38,17 @@ const DuetSubmenuBar = class {
     this.open = false;
     this.accessibleLabel = undefined;
   }
+  watchLanguageStateHandler(newValue) {
+    const open = newValue;
+    if (open) {
+      this.bodyScroll = false;
+      bodyScrollLock_es6.disableBodyScroll(this.element, { reserveScrollBarGap: true });
+    }
+    else {
+      bodyScrollLock_es6.enableBodyScroll(this.element);
+      this.bodyScroll = true;
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -100,6 +102,9 @@ const DuetSubmenuBar = class {
       } }, index.h("div", { class: "list", role: this.mobile ? "presentation" : "list" }, index.h("slot", null))), index.h("div", { class: "mobile-background" })))));
   }
   get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "open": ["watchLanguageStateHandler"]
+  }; }
 };
 DuetSubmenuBar.style = duetSubmenuBarCss;

package/lib/cjs/duet-textarea.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const inputUtils = require('./input-utils-b5e8f524.js');

package/lib/cjs/duet-toggle.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-toolbar-link.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetToolbarLinkCss = "*,*::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;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 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:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link.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-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-link: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-toolbar-link.active{color:rgb(0, 41, 77)}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}";

package/lib/cjs/duet-toolbar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const duetToolbarCss = "*,*::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;width:100%}.duet-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(225, 227, 230)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(228, 228, 230)}";

package/lib/cjs/duet-tooltip-button_2.cjs.entry.js CHANGED Viewed

@@ -5,9 +5,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
-const focusUtils = require('./focus-utils-6d4f01d9.js');
+const focusUtils = require('./focus-utils-38735740.js');
 const duetTooltipButtonCss = "*,*::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}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;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.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";

package/lib/cjs/duet-tooltip.cjs.entry.js CHANGED Viewed

@@ -5,13 +5,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b7f668db.js');
+const index = require('./index-293b429f.js');
 const tokens = require('./tokens-30e7656b.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-d537b048.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
-const languageUtils = require('./language-utils-44df1d37.js');
+const languageUtils = require('./language-utils-6f1ce5d7.js');
 const teleport = require('./teleport-04ad16c2.js');
 require('./string-utils-5cadd058.js');
@@ -102,14 +102,6 @@ const DuetTooltip = class {
     this.positionHorizontal = "0";
     this.active = false;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelDefault[oldValue]) {
-      this.accessibleLabel = languageUtils.getLocaleString(this.accessibleLabelDefault, newValue);
-    }
-    if (newValue !== oldValue && this.accessibleCloseLabel === this.accessibleCloseLabelDefault[oldValue]) {
-      this.accessibleCloseLabel = languageUtils.getLocaleString(this.accessibleCloseLabelDefault, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -143,7 +135,10 @@ const DuetTooltip = class {
     this.focusTarget = null;
   }
   connectedCallback() {
-    languageUtils.connectLanguageChangeObserver(this);
+    languageUtils.connectLanguageChangeObserver(this, [
+      { prop: "accessibleLabel", defaults: "accessibleLabelDefault" },
+      { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefault" },
+    ]);
   }
   disconnectedCallback() {
     languageUtils.disconnectLanguageChangeObserver(this);
@@ -218,7 +213,6 @@ const DuetTooltip = class {
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
     "active": ["handleActiveChange"]
   }; }
 };