@duetds/components 7.0.0 → 7.0.2

package/lib/collection/components/duet-choice/duet-choice.js

@@ -94,7 +94,6 @@ export class DuetChoice {
     this.isHovering = false;
     this.isInfoOpen = false;
     this.isBlurred = false;
-    this.language = getLanguage();
     this.theme = "";
     this.label = "label";
     this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
@@ -130,14 +129,6 @@ export class DuetChoice {
     };
     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.
    */
@@ -150,7 +141,10 @@ export class DuetChoice {
     this.hasBeforeText = hasSlot(this.element, "before-text");
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, [
+      { prop: "accessibleLabelInfoButton", defaults: "accessibleLabelInfoButtonDefaults" },
+      { prop: "infoLabel", defaults: "infoLabelDefaults" },
+    ]);
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -876,8 +870,7 @@ export class DuetChoice {
     return {
       "isHovering": {},
       "isInfoOpen": {},
-      "isBlurred": {},
-      "language": {}
+      "isBlurred": {}
     };
   }
   static get events() {
@@ -897,7 +890,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }
@@ -917,7 +910,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }
@@ -937,7 +930,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }
@@ -986,12 +979,6 @@ export class DuetChoice {
     };
   }
   static get elementRef() { return "element"; }
-  static get watchers() {
-    return [{
-        "propName": "language",
-        "methodName": "watchLanguageStateHandler"
-      }];
-  }
   static get listeners() {
     return [{
         "name": "blur",

package/lib/collection/components/duet-collapsible/duet-collapsible.js

@@ -223,7 +223,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         },
@@ -246,7 +246,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleHeadingFontSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         },
@@ -343,7 +343,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         }

package/lib/collection/components/duet-combobox/duet-combobox.js

@@ -26,7 +26,6 @@ export class DuetCombobox {
     this.listOpen = false;
     this.selectedItems = new Set();
     this.activeItem = undefined;
-    this.language = getLanguage();
     this.accessibleLabelDefaults = {
       en: {
         heading: "Select:",
@@ -44,7 +43,7 @@ export class DuetCombobox {
         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;
@@ -57,12 +56,6 @@ export class DuetCombobox {
   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();
@@ -89,6 +82,11 @@ export class DuetCombobox {
       this.updateSelectedItems(selectedItem.id);
     }
   }
+  async processListOpenChange() {
+    if (this.openListOnClick) {
+      this.input.icon = this.listOpen ? "action-arrow-up" : "action-arrow-down";
+    }
+  }
   /**
    * Component lifecycle events.
    */
@@ -111,10 +109,11 @@ export class DuetCombobox {
       }
     });
     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() {
     if (Build.isServer) {
@@ -429,7 +428,7 @@ export class DuetCombobox {
             }],
           "text": "Hint text to display before the user types into the date picker input."
         },
-        "defaultValue": "getLocaleString(\n    parsePossibleJSON(this.accessibleLabelDefaults),\n    getLanguage()\n  )"
+        "defaultValue": "getLocaleString(\n    this.accessibleLabelDefaults,\n    getLanguage()\n  )"
       },
       "theme": {
         "type": "string",
@@ -498,7 +497,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           }
         },
@@ -597,8 +596,7 @@ export class DuetCombobox {
       "selectionMsg": {},
       "listOpen": {},
       "selectedItems": {},
-      "activeItem": {},
-      "language": {}
+      "activeItem": {}
     };
   }
   static get events() {
@@ -618,7 +616,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           }
         }
@@ -642,7 +640,7 @@ export class DuetCombobox {
             },
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           },
           "return": "Promise<string>"
@@ -662,15 +660,15 @@ export class DuetCombobox {
     return [{
         "propName": "activeItem",
         "methodName": "activeItemHandler"
-      }, {
-        "propName": "language",
-        "methodName": "watchLanguageStateHandler"
       }, {
         "propName": "items",
         "methodName": "processItems"
       }, {
         "propName": "value",
         "methodName": "processValue"
+      }, {
+        "propName": "listOpen",
+        "methodName": "processListOpenChange"
       }];
   }
   static get listeners() {

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -99,7 +99,7 @@ export class DuetCookieConsent {
           "references": {
             "DuetCookieConsentEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx"
             }
           }
         }

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -153,11 +153,6 @@ export class DuetDatePicker {
     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));
   }
@@ -202,7 +197,7 @@ export class DuetDatePicker {
     }
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, { prop: "placeholder", defaults: "placeholderDefaults" });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -755,7 +750,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         },
@@ -927,7 +922,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }
@@ -947,7 +942,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }
@@ -967,7 +962,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }
@@ -1037,9 +1032,6 @@ export class DuetDatePicker {
   static get elementRef() { return "element"; }
   static get watchers() {
     return [{
-        "propName": "language",
-        "methodName": "watchLanguageStateHandler"
-      }, {
         "propName": "min",
         "methodName": "updateValidity"
       }, {

package/lib/collection/components/duet-divider/duet-divider.js

@@ -75,7 +75,7 @@ export class DuetDivider {
           "references": {
             "DuetDividerMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-divider/duet-divider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx"
             }
           }
         },

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -297,7 +297,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableActions": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -321,7 +321,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableColumns": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -345,7 +345,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableRows": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -479,7 +479,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         }
@@ -499,7 +499,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableMenuEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         }

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -95,7 +95,7 @@ export class DuetEmptyState {
           "references": {
             "DuetEmptyStateSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
             }
           }
         },

package/lib/collection/components/duet-footer/duet-footer.js

@@ -74,11 +74,6 @@ export class DuetFooter {
     this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
     this.menu = undefined;
   }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabelExternal === this.accessibleLabelExternalDefaults[oldValue]) {
-      this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults, newValue);
-    }
-  }
   /**
    * Component lifecycle events.
    */
@@ -90,7 +85,10 @@ export class DuetFooter {
       : !!this.element.querySelector(":scope > [slot='info']");
   }
   connectedCallback() {
-    connectLanguageChangeObserver(this);
+    connectLanguageChangeObserver(this, {
+      prop: "accessibleLabelExternal",
+      defaults: "accessibleLabelExternalDefaults",
+    });
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -174,7 +172,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         },
@@ -368,7 +366,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -388,7 +386,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -408,7 +406,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -428,7 +426,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -448,7 +446,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -468,7 +466,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
             }
           }
         }
@@ -477,9 +475,6 @@ export class DuetFooter {
   static get elementRef() { return "element"; }
   static get watchers() {
     return [{
-        "propName": "language",
-        "methodName": "watchLanguageStateHandler"
-      }, {
         "propName": "menu",
         "methodName": "refresh"
       }, {

package/lib/collection/components/duet-grid/duet-grid.js

@@ -252,7 +252,7 @@ export class DuetGrid {
           "references": {
             "DuetGridAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx"
             }
           }
         },
@@ -275,7 +275,7 @@ export class DuetGrid {
           "references": {
             "DuetGridDistribution": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx"
             }
           }
         },
@@ -298,7 +298,7 @@ export class DuetGrid {
           "references": {
             "DuetGridMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx"
             }
           }
         },