@scania/tegel 1.3.3 → 1.5.0

package/dist/collection/components/checkbox/checkbox.js

@@ -4,277 +4,277 @@ import generateUniqueId from "../../utils/generateUniqueId";
  * @slot label - Slot for the label text.
  */
 export class TdsCheckbox {
-  constructor() {
-    this.handleChange = () => {
-      this.checked = !this.checked;
-      this.indeterminate = false;
-      this.tdsChange.emit({
-        checkboxId: this.checkboxId,
-        checked: this.checked,
-        indeterminate: this.indeterminate,
-        value: this.value,
-      });
-    };
-    this.name = undefined;
-    this.checkboxId = generateUniqueId();
-    this.disabled = false;
-    this.required = false;
-    this.checked = false;
-    this.indeterminate = false;
-    this.value = undefined;
-  }
-  /** Toggles the checked value of the component. */
-  async toggleCheckbox() {
-    this.checked = !this.checked;
-    this.indeterminate = false;
-    return {
-      checkboxId: this.checkboxId,
-      checked: this.checked,
-    };
-  }
-  handleIndeterminateState() {
-    this.inputElement.indeterminate = this.indeterminate;
-  }
-  /** Set the input as focus when clicking the component */
-  handleFocus(event) {
-    this.tdsFocus.emit(event);
-  }
-  /** Set the input as blur when clicking outside the component */
-  handleBlur(event) {
-    this.tdsBlur.emit(event);
-  }
-  render() {
-    return (h("div", { class: "tds-checkbox" }, h("input", {
-      // eslint-disable-next-line no-return-assign
-      ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
-        this.handleChange();
-      }
-    }), h("label", { htmlFor: this.checkboxId }, h("slot", { name: "label" }))));
-  }
-  static get is() { return "tds-checkbox"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["checkbox.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["checkbox.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name for the Checkbox's input element."
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "checkboxId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID for the Checkbox's input element. Randomly generated if not specified."
-        },
-        "attribute": "checkbox-id",
-        "reflect": false,
-        "defaultValue": "generateUniqueId()"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the Checkbox in a disabled state"
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Make the Checkbox required"
-        },
-        "attribute": "required",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the Checkbox as checked"
-        },
-        "attribute": "checked",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "indeterminate": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the Checkbox as indeterminate"
-        },
-        "attribute": "indeterminate",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value for the Checkbox"
-        },
-        "attribute": "value",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tdsChange",
-        "name": "tdsChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Sends unique Checkbox identifier and checked status when it is checked/unchecked."
-        },
-        "complexType": {
-          "original": "{\n    checkboxId: string;\n    checked: boolean;\n    indeterminate: boolean;\n    value?: string;\n  }",
-          "resolved": "{ checkboxId: string; checked: boolean; indeterminate: boolean; value?: string; }",
-          "references": {}
-        }
-      }, {
-        "method": "tdsFocus",
-        "name": "tdsFocus",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Focus event for the Checkbox"
-        },
-        "complexType": {
-          "original": "FocusEvent",
-          "resolved": "FocusEvent",
-          "references": {
-            "FocusEvent": {
-              "location": "global",
-              "id": "global::FocusEvent"
+    constructor() {
+        this.handleChange = () => {
+            this.checked = !this.checked;
+            this.indeterminate = false;
+            this.tdsChange.emit({
+                checkboxId: this.checkboxId,
+                checked: this.checked,
+                indeterminate: this.indeterminate,
+                value: this.value,
+            });
+        };
+        this.name = undefined;
+        this.checkboxId = generateUniqueId();
+        this.disabled = false;
+        this.required = false;
+        this.checked = false;
+        this.indeterminate = false;
+        this.value = undefined;
+    }
+    /** Toggles the checked value of the component. */
+    async toggleCheckbox() {
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        return {
+            checkboxId: this.checkboxId,
+            checked: this.checked,
+        };
+    }
+    handleIndeterminateState() {
+        this.inputElement.indeterminate = this.indeterminate;
+    }
+    /** Set the input as focus when clicking the component */
+    handleFocus(event) {
+        this.tdsFocus.emit(event);
+    }
+    /** Set the input as blur when clicking outside the component */
+    handleBlur(event) {
+        this.tdsBlur.emit(event);
+    }
+    render() {
+        return (h("div", { class: "tds-checkbox" }, h("input", {
+            // eslint-disable-next-line no-return-assign
+            ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
+                this.handleChange();
             }
-          }
-        }
-      }, {
-        "method": "tdsBlur",
-        "name": "tdsBlur",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Blur event for the Checkbox"
-        },
-        "complexType": {
-          "original": "FocusEvent",
-          "resolved": "FocusEvent",
-          "references": {
-            "FocusEvent": {
-              "location": "global",
-              "id": "global::FocusEvent"
+        }), h("label", { htmlFor: this.checkboxId }, h("slot", { name: "label" }))));
+    }
+    static get is() { return "tds-checkbox"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name for the Checkbox's input element."
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "checkboxId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID for the Checkbox's input element. Randomly generated if not specified."
+                },
+                "attribute": "checkbox-id",
+                "reflect": false,
+                "defaultValue": "generateUniqueId()"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the Checkbox in a disabled state"
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Make the Checkbox required"
+                },
+                "attribute": "required",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the Checkbox as checked"
+                },
+                "attribute": "checked",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "indeterminate": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the Checkbox as indeterminate"
+                },
+                "attribute": "indeterminate",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value for the Checkbox"
+                },
+                "attribute": "value",
+                "reflect": false
             }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "toggleCheckbox": {
-        "complexType": {
-          "signature": "() => Promise<{ checkboxId: string; checked: boolean; }>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tdsChange",
+                "name": "tdsChange",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sends unique Checkbox identifier and checked status when it is checked/unchecked."
+                },
+                "complexType": {
+                    "original": "{\n    checkboxId: string;\n    checked: boolean;\n    indeterminate: boolean;\n    value?: string;\n  }",
+                    "resolved": "{ checkboxId: string; checked: boolean; indeterminate: boolean; value?: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "tdsFocus",
+                "name": "tdsFocus",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Focus event for the Checkbox"
+                },
+                "complexType": {
+                    "original": "FocusEvent",
+                    "resolved": "FocusEvent",
+                    "references": {
+                        "FocusEvent": {
+                            "location": "global",
+                            "id": "global::FocusEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "tdsBlur",
+                "name": "tdsBlur",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Blur event for the Checkbox"
+                },
+                "complexType": {
+                    "original": "FocusEvent",
+                    "resolved": "FocusEvent",
+                    "references": {
+                        "FocusEvent": {
+                            "location": "global",
+                            "id": "global::FocusEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggleCheckbox": {
+                "complexType": {
+                    "signature": "() => Promise<{ checkboxId: string; checked: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ checkboxId: string; checked: boolean; }>"
+                },
+                "docs": {
+                    "text": "Toggles the checked value of the component.",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<{ checkboxId: string; checked: boolean; }>"
-        },
-        "docs": {
-          "text": "Toggles the checked value of the component.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "indeterminate",
-        "methodName": "handleIndeterminateState"
-      }];
-  }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "indeterminate",
+                "methodName": "handleIndeterminateState"
+            }];
+    }
 }