@duetds/components 6.2.3 → 6.2.5

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

@@ -1,32 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import groupBy from "../../utils/group-by";
 export class DuetStepper {
   constructor() {
-    /**
-     * Theme of the component.
-     */
     this.theme = "";
-    /**
-     * Format of message used to announce current step when navigating between steps.
-     * The string {current} is replaced with current the step number.
-     * The string {total} is replaced with the total number of steps.
-     */
     this.accessibleLive = "Lista jossa {total} kohtaa. Olet kohdassa {current}.";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Controls whether navigation back to previous steps is allowed or not.
-     */
     this.backDisabled = false;
-    /**
-     * The index of the current step.
-     */
     this.selected = 0;
   }
   currentStepChanged(nextStep) {
@@ -105,154 +88,163 @@ export class DuetStepper {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { class: { "duet-m-0": this.margin === "none" } },
-      h("div", { class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } },
-        h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()),
-        h("slot", null))));
+    return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("div", { class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", null))));
   }
   static get is() { return "duet-stepper"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-stepper.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-stepper.css"]
-  }; }
-  static get properties() { return {
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-stepper.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-stepper.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the component."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "accessibleLive": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the component."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Format of message used to announce current step when navigating between steps.\nThe string {current} is replaced with current the step number.\nThe string {total} is replaced with the total number of steps."
+      "accessibleLive": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Format of message used to announce current step when navigating between steps.\nThe string {current} is replaced with current the step number.\nThe string {total} is replaced with the total number of steps."
+        },
+        "attribute": "accessible-live",
+        "reflect": false,
+        "defaultValue": "\"Lista jossa {total} kohtaa. Olet kohdassa {current}.\""
       },
-      "attribute": "accessible-live",
-      "reflect": false,
-      "defaultValue": "\"Lista jossa {total} kohtaa. Olet kohdassa {current}.\""
-    },
-    "margin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetMargin",
-        "resolved": "\"auto\" | \"none\"",
-        "references": {
-          "DuetMargin": {
-            "location": "import",
-            "path": "../../common-types"
+      "margin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetMargin",
+          "resolved": "\"auto\" | \"none\"",
+          "references": {
+            "DuetMargin": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "backDisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls whether navigation back to previous steps is allowed or not."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the margin of the component."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "attribute": "back-disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selected": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "backDisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls whether navigation back to previous steps is allowed or not."
+        },
+        "attribute": "back-disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The index of the current step."
-      },
-      "attribute": "selected",
-      "reflect": true,
-      "defaultValue": "0"
-    }
-  }; }
-  static get events() { return [{
-      "method": "duetStepChange",
-      "name": "duetStepChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event emitted when the current step is changed. Can be cancelled to prevent the change."
-      },
-      "complexType": {
-        "original": "DuetStepChangeEvent",
-        "resolved": "{ component: \"duet-stepper\"; fromStep: number; toStep: number; }",
-        "references": {
-          "DuetStepChangeEvent": {
-            "location": "local"
+      "selected": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The index of the current step."
+        },
+        "attribute": "selected",
+        "reflect": true,
+        "defaultValue": "0"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "duetStepChange",
+        "name": "duetStepChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when the current step is changed. Can be cancelled to prevent the change."
+        },
+        "complexType": {
+          "original": "DuetStepChangeEvent",
+          "resolved": "{ component: \"duet-stepper\"; fromStep: number; toStep: number; }",
+          "references": {
+            "DuetStepChangeEvent": {
+              "location": "local"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "selected",
-      "methodName": "currentStepChanged"
-    }, {
-      "propName": "backDisabled",
-      "methodName": "currentStepInvokedDisable"
-    }]; }
-  static get listeners() { return [{
-      "name": "duetStepClick",
-      "method": "onDuetStepClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "selected",
+        "methodName": "currentStepChanged"
+      }, {
+        "propName": "backDisabled",
+        "methodName": "currentStepInvokedDisable"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "duetStepClick",
+        "method": "onDuetStepClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,19 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { Build, Component, h, Prop } from "@stencil/core";
+import { Build, h } from "@stencil/core";
 import { getLocaleString } from "../../utils/language-utils";
 export class DuetTab {
   constructor() {
-    /**
-     * Defaults for AccessibleLabel
-     * @default null
-     */
+    this.label = undefined;
+    this.selected = undefined;
     this.accessibleDescriptionDefault = null;
-    /**
-     * String for AccessibleLabel
-     * @default null
-     */
     this.accessibleDescription = this.accessibleDescriptionDefault
       ? getLocaleString(this.accessibleDescriptionDefault)
       : null;
@@ -24,99 +18,104 @@ export class DuetTab {
    */
   render() {
     if (Build.isBrowser) {
-      return (h("div", { role: "tabpanel", class: { "duet-tab": true, selected: this.selected }, "aria-description": this.accessibleDescription },
-        h("slot", null)));
+      return (h("div", { role: "tabpanel", class: { "duet-tab": true, selected: this.selected }, "aria-description": this.accessibleDescription }, h("slot", null)));
     }
   }
   static get is() { return "duet-tab"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-tab.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-tab.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the tab."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-tab.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-tab.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the tab."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Selected state of the tab."
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Selected state of the tab."
+        },
+        "attribute": "selected",
+        "reflect": true
       },
-      "attribute": "selected",
-      "reflect": true
-    },
-    "accessibleDescriptionDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLangObject | string",
-        "resolved": "DuetLangObject | string",
-        "references": {
-          "DuetLangObject": {
-            "location": "import",
-            "path": "../../utils/language-utils"
+      "accessibleDescriptionDefault": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject | string",
+          "resolved": "DuetLangObject | string",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "null"
-          }],
-        "text": "Defaults for AccessibleLabel"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "null"
+            }],
+          "text": "Defaults for AccessibleLabel"
+        },
+        "attribute": "accessible-description-defaults",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "accessible-description-defaults",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "accessibleDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "null"
-          }],
-        "text": "String for AccessibleLabel"
-      },
-      "attribute": "accessible-description",
-      "reflect": false,
-      "defaultValue": "this.accessibleDescriptionDefault\n    ? getLocaleString(this.accessibleDescriptionDefault)\n    : null"
-    }
-  }; }
+      "accessibleDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "null"
+            }],
+          "text": "String for AccessibleLabel"
+        },
+        "attribute": "accessible-description",
+        "reflect": false,
+        "defaultValue": "this.accessibleDescriptionDefault\n    ? getLocaleString(this.accessibleDescriptionDefault)\n    : null"
+      }
+    };
+  }
 }