@duetds/components 6.10.4 → 6.11.0

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

@@ -540,7 +540,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }
@@ -560,7 +560,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }
@@ -580,7 +580,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -512,7 +512,7 @@ export class DuetRangeSlider {
           "references": {
             "DuetRangeChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
             }
           }
         }
@@ -532,7 +532,7 @@ export class DuetRangeSlider {
           "references": {
             "DuetRangeChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
             }
           }
         }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -357,7 +357,7 @@ export class DuetRangeStepper {
           "references": {
             "DuetRangeStepperUpdateEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx"
             }
           }
         }

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

@@ -184,7 +184,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -497,7 +497,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectItems": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -646,7 +646,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -666,7 +666,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -686,7 +686,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -10,31 +10,6 @@ export class DuetShowMore {
   constructor() {
     this.contentId = createID("DuetShowMore");
     this.buttonId = createID("DuetShowMoreButton");
-    this.showMoreLangObject = {
-      fi: "Näytä lisää",
-      sv: "Visa mer",
-      en: "Show more",
-    };
-    this.showLessLangObject = {
-      fi: "Näytä vähemmän",
-      sv: "Visa mindre",
-      en: "Show less",
-    };
-    this.showMoreContentAriaLangObject = {
-      fi: "Piilotettu sisältö",
-      sv: "Utökat innehåll",
-      en: "Hidden content",
-    };
-    this.showMoreAriaLangObject = {
-      fi: "Paljasta piilotettu sisältö ennen tätä painiketta",
-      sv: "Visa dolt innehåll före den här knappen",
-      en: "Reveal hidden content before this button",
-    };
-    this.showLessAriaLangObject = {
-      fi: "Piilota paljastettu sisältö ennen tätä painiketta",
-      sv: "Dölj innehåll före den här knappen",
-      en: "Hide revealed content before this button",
-    };
     this.handleKeyDown = (e) => {
       if (isKeyboardClick(e)) {
         this.handleClick(e);
@@ -44,21 +19,72 @@ export class DuetShowMore {
       e.preventDefault();
       const open = !this.open;
       this.open = open;
+      if (open) {
+        setTimeout(() => {
+          this.contentElement.focus();
+        }, 100);
+        setTimeout(() => {
+          this.buttonAriaOpen = open;
+        }, 500);
+      }
+      else {
+        this.buttonAriaOpen = open;
+      }
       this.duetToggle.emit({
         component: "duet-show-more",
         originalEvent: e,
       });
     };
+    this.buttonAriaOpen = false;
     this.theme = "";
     this.language = getLanguage();
+    this.showMoreLabelDefaults = {
+      fi: "Näytä lisää",
+      sv: "Visa mer",
+      en: "Show more",
+    };
+    this.showMoreLabel = getLocaleString(this.showMoreLabelDefaults);
+    this.showLessLabelDefaults = {
+      fi: "Näytä vähemmän",
+      sv: "Visa mindre",
+      en: "Show less",
+    };
+    this.showLessLabel = getLocaleString(this.showLessLabelDefaults);
+    this.showMoreAccessibleLabelDefaults = {
+      fi: "Näytä lisää tästä aiheesta",
+      sv: "Visa mer om detta ämne",
+      en: "Show more about this subject",
+    };
+    this.showMoreAccessibleLabel = getLocaleString(this.showMoreAccessibleLabelDefaults);
+    this.showLessAccessibleLabelDefaults = {
+      fi: "Näytä vähemmän tästä aiheesta",
+      sv: "Visa mindre om detta ämne",
+      en: "Show less about this subject",
+    };
+    this.showLessAccessibleLabel = getLocaleString(this.showLessAccessibleLabelDefaults);
     this.margin = "auto";
     this.open = false;
   }
+  watchLanguageStateHandler(newValue, oldValue) {
+    if (newValue !== oldValue && this.showMoreLabel === this.showMoreLabelDefaults[oldValue]) {
+      this.showMoreLabel = getLocaleString(this.showMoreLabelDefaults, newValue);
+    }
+    if (newValue !== oldValue && this.showLessLabel === this.showLessLabelDefaults[oldValue]) {
+      this.showLessLabel = getLocaleString(this.showLessLabelDefaults, newValue);
+    }
+    if (newValue !== oldValue && this.showMoreAccessibleLabel === this.showMoreAccessibleLabelDefaults[oldValue]) {
+      this.showMoreAccessibleLabel = getLocaleString(this.showMoreAccessibleLabelDefaults, newValue);
+    }
+    if (newValue !== oldValue && this.showLessAccessibleLabel === this.showLessAccessibleLabelDefaults[oldValue]) {
+      this.showLessAccessibleLabel = getLocaleString(this.showLessAccessibleLabelDefaults, newValue);
+    }
+  }
   /**
    * Component lifecycle events.
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    this.buttonAriaOpen = this.open;
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -76,7 +102,7 @@ export class DuetShowMore {
         "duet-theme-turva": this.theme === "turva",
         "duet-m-0": this.margin === "none",
         open: this.open,
-      } }, h("div", { class: { content: true }, role: "group", "aria-label": getLocaleString(this.showMoreContentAriaLangObject), id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { class: { "slotted-content": true } }, h("slot", null))), h("duet-button", { id: this.buttonId, variation: "plain", "accessible-label": getLocaleString(this.open ? this.showLessAriaLangObject : this.showMoreAriaLangObject), "accessible-expanded": this.open ? "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" }, getLocaleString(this.open ? this.showLessLangObject : this.showMoreLangObject)))));
+      } }, h("div", { ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { class: { "slotted-content": true } }, h("slot", null))), 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))));
   }
   static get is() { return "duet-show-more"; }
   static get encapsulation() { return "shadow"; }
@@ -144,6 +170,162 @@ export class DuetShowMore {
         "reflect": true,
         "defaultValue": "getLanguage()"
       },
+      "showMoreLabelDefaults": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject",
+          "resolved": "DuetLangObject",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default translations for show more label."
+        },
+        "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 lis\u00E4\u00E4\",\n    sv: \"Visa mer\",\n    en: \"Show more\",\n  }"
+      },
+      "showMoreLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show more label. Defaults to what is in showMoreLabelDefaults prop."
+        },
+        "attribute": "show-more-label",
+        "reflect": true,
+        "defaultValue": "getLocaleString(this.showMoreLabelDefaults)"
+      },
+      "showLessLabelDefaults": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject",
+          "resolved": "DuetLangObject",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default translations for show less label."
+        },
+        "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 v\u00E4hemm\u00E4n\",\n    sv: \"Visa mindre\",\n    en: \"Show less\",\n  }"
+      },
+      "showLessLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show less label. Defaults to what is in showLessLabelDefaults prop."
+        },
+        "attribute": "show-less-label",
+        "reflect": true,
+        "defaultValue": "getLocaleString(this.showLessLabelDefaults)"
+      },
+      "showMoreAccessibleLabelDefaults": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject",
+          "resolved": "DuetLangObject",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default translations for show more accessible label."
+        },
+        "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 lis\u00E4\u00E4 t\u00E4st\u00E4 aiheesta\",\n    sv: \"Visa mer om detta \u00E4mne\",\n    en: \"Show more about this subject\",\n  }"
+      },
+      "showMoreAccessibleLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show more accessible label. Defaults to what is in showMoreAccessibleLabelDefaults prop."
+        },
+        "attribute": "show-more-accessible-label",
+        "reflect": true,
+        "defaultValue": "getLocaleString(\n    this.showMoreAccessibleLabelDefaults\n  )"
+      },
+      "showLessAccessibleLabelDefaults": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject",
+          "resolved": "DuetLangObject",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default translations for show less accessible label."
+        },
+        "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 v\u00E4hemm\u00E4n t\u00E4st\u00E4 aiheesta\",\n    sv: \"Visa mindre om detta \u00E4mne\",\n    en: \"Show less about this subject\",\n  }"
+      },
+      "showLessAccessibleLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show less accessible label. Defaults to what is in showLessAccessibleLabelDefaults prop."
+        },
+        "attribute": "show-less-accessible-label",
+        "reflect": true,
+        "defaultValue": "getLocaleString(\n    this.showLessAccessibleLabelDefaults\n  )"
+      },
       "margin": {
         "type": "string",
         "mutable": false,
@@ -187,6 +369,11 @@ export class DuetShowMore {
       }
     };
   }
+  static get states() {
+    return {
+      "buttonAriaOpen": {}
+    };
+  }
   static get events() {
     return [{
         "method": "duetToggle",
@@ -204,11 +391,17 @@ export class DuetShowMore {
           "references": {
             "DuetShowMoreToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-show-more/duet-show-more.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx"
             }
           }
         }
       }];
   }
   static get elementRef() { return "element"; }
+  static get watchers() {
+    return [{
+        "propName": "language",
+        "methodName": "watchLanguageStateHandler"
+      }];
+  }
 }

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

@@ -233,7 +233,7 @@ export class DuetSlideout {
           "references": {
             "DuetSlideoutEventDetails": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-slideout/duet-slideout.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx"
             }
           }
         }

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
           "references": {
             "DuetSpacerSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx"
             }
           }
         },
@@ -95,7 +95,7 @@ export class DuetSpacer {
           "references": {
             "DuetSpacerBreakpoint": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx"
             }
           }
         },

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

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

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

@@ -193,7 +193,7 @@ export class DuetStep {
           "references": {
             "DuetStepState": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx"
             }
           }
         },
@@ -270,7 +270,7 @@ export class DuetStep {
           "references": {
             "DuetStepClickEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx"
             }
           }
         }

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

@@ -223,7 +223,7 @@ export class DuetStepper {
           "references": {
             "DuetStepChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-stepper/duet-stepper.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx"
             }
           }
         }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -309,7 +309,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
             }
           }
         },
@@ -545,7 +545,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
             }
           }
         }
@@ -565,7 +565,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
             }
           }
         }
@@ -585,7 +585,7 @@ export class DuetTabGroup {
           "references": {
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
             }
           }
         }
@@ -606,7 +606,7 @@ export class DuetTabGroup {
             },
             "DuetTabGroupEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx"
             }
           },
           "return": "Promise<void>"

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

@@ -754,7 +754,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -774,7 +774,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -794,7 +794,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -814,7 +814,7 @@ export class DuetTextarea {
           "references": {
             "DuetTextareaEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }

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

@@ -432,7 +432,7 @@ export class DuetToggle {
           "references": {
             "DuetToggleChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-toggle/duet-toggle.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx"
             }
           }
         }