@roadtrip/components 2.42.0 → 2.43.0

package/dist/collection/components/switch/switch.js

@@ -1,4 +1,4 @@
-import { Component, Event, Host, Prop, Watch, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import './../../utils/polyfill';
 export class Switch {
   constructor() {
@@ -74,329 +74,334 @@ export class Switch {
     const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
     const isSpacedClass = this.isSpaced && 'form-switch-spaced';
     const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
-    return (h(Host, null,
-      h("input", { class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }),
-      h("label", { class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId },
-        this.hasLeftLabel && textLabel,
-        h("div", { class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }),
-        this.hasLeftLabel ? '' : textLabel)));
+    return (h(Host, null, h("input", { class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, h("div", { class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
   }
   static get is() { return "road-switch"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["switch.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["switch.css"]
-  }; }
-  static get properties() { return {
-    "switchId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The id of switch"
-      },
-      "attribute": "switch-id",
-      "reflect": false,
-      "defaultValue": "`road-switch-${switchIds++}`"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The name of the control, which is submitted with the form data."
-      },
-      "attribute": "name",
-      "reflect": false,
-      "defaultValue": "this.switchId"
-    },
-    "checked": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, the switch is checked."
+  static get originalStyleUrls() {
+    return {
+      "$": ["switch.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["switch.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "switchId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The id of switch"
+        },
+        "attribute": "switch-id",
+        "reflect": false,
+        "defaultValue": "`road-switch-${switchIds++}`"
       },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The name of the control, which is submitted with the form data."
+        },
+        "attribute": "name",
+        "reflect": false,
+        "defaultValue": "this.switchId"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, the user cannot interact with the switch."
+      "checked": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, the switch is checked."
+        },
+        "attribute": "checked",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, the user cannot interact with the switch."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the field"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the field"
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "`${this.switchId}-label`"
       },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "`${this.switchId}-label`"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'secondary' | FeedbackColors",
-        "resolved": "\"danger\" | \"info\" | \"secondary\" | \"success\" | \"warning\" | undefined",
-        "references": {
-          "FeedbackColors": {
-            "location": "import",
-            "path": "../../interface"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'secondary' | FeedbackColors",
+          "resolved": "\"danger\" | \"info\" | \"secondary\" | \"success\" | \"warning\" | undefined",
+          "references": {
+            "FeedbackColors": {
+              "location": "import",
+              "path": "../../interface"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Set the color of alert. e.g. info, success, warning, danger"
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'secondary'"
-    },
-    "hasLeftLabel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, the label is at left of the switch"
-      },
-      "attribute": "has-left-label",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isSpaced": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Add space between label and switch element"
-      },
-      "attribute": "is-spaced",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Value the form will get"
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "'on'"
-    },
-    "on": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text display for \"`on`\" state in the switch lever"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set the color of alert. e.g. info, success, warning, danger"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'secondary'"
       },
-      "attribute": "on",
-      "reflect": false,
-      "defaultValue": "\"yes\""
-    },
-    "off": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "hasLeftLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, the label is at left of the switch"
+        },
+        "attribute": "has-left-label",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text display for \"`off`\" state in the switch lever"
+      "isSpaced": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Add space between label and switch element"
+        },
+        "attribute": "is-spaced",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "off",
-      "reflect": false,
-      "defaultValue": "\"no\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "roadchange",
-      "name": "roadchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the checked property has changed."
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Value the form will get"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "'on'"
       },
-      "complexType": {
-        "original": "{\n    checked: boolean;\n    value: string | undefined | null\n  }",
-        "resolved": "{ checked: boolean; value: string | null | undefined; }",
-        "references": {}
-      }
-    }, {
-      "method": "roadChange",
-      "name": "roadChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{\n    checked: boolean;\n    value: string | undefined | null\n  }",
-        "resolved": "{ checked: boolean; value: string | null | undefined; }",
-        "references": {}
-      }
-    }, {
-      "method": "roadfocus",
-      "name": "roadfocus",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the switch has focus."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadFocus",
-      "name": "roadFocus",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
+      "on": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text display for \"`on`\" state in the switch lever"
+        },
+        "attribute": "on",
+        "reflect": false,
+        "defaultValue": "\"yes\""
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "off": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text display for \"`off`\" state in the switch lever"
+        },
+        "attribute": "off",
+        "reflect": false,
+        "defaultValue": "\"no\""
       }
-    }, {
-      "method": "roadblur",
-      "name": "roadblur",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the switch loses focus."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "roadBlur",
-      "name": "roadBlur",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "checked",
-      "methodName": "checkedChanged"
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "roadchange",
+        "name": "roadchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the checked property has changed."
+        },
+        "complexType": {
+          "original": "{\n    checked: boolean;\n    value: string | undefined | null\n  }",
+          "resolved": "{ checked: boolean; value: string | null | undefined; }",
+          "references": {}
+        }
+      }, {
+        "method": "roadChange",
+        "name": "roadChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    checked: boolean;\n    value: string | undefined | null\n  }",
+          "resolved": "{ checked: boolean; value: string | null | undefined; }",
+          "references": {}
+        }
+      }, {
+        "method": "roadfocus",
+        "name": "roadfocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the switch has focus."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadFocus",
+        "name": "roadFocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadblur",
+        "name": "roadblur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the switch loses focus."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "roadBlur",
+        "name": "roadBlur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "checked",
+        "methodName": "checkedChanged"
+      }];
+  }
 }
 let switchIds = 0;