@3t-transform/threeteeui 0.0.14 → 0.0.16

package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.stories.js

@@ -1,23 +1,23 @@
-export default {
-  title: 'Atoms/PopoverContent',
-  component: 'tttx-popover-content',
-  argTypes: {
-    header: {
-      control: {
-        type: 'text',
-      },
-    },
-    body: {
-      control: {
-        type: 'text',
-      },
-    },
-  },
-};
-const Template = ({ header, body, linkcontext }) => `<tttx-popover-content header="${header}" body="${body}" linkcontext="${linkcontext}" />`;
-export const Basic = Template.bind({});
-Basic.args = {
-  header: 'HEADER',
-  body: 'BODY',
-  linkcontext: 'TESTING123',
-};
+export default {
+  title: 'Atoms/PopoverContent',
+  component: 'tttx-popover-content',
+  argTypes: {
+    header: {
+      control: {
+        type: 'text',
+      },
+    },
+    body: {
+      control: {
+        type: 'text',
+      },
+    },
+  },
+};
+const Template = ({ header, body, linkcontext }) => `<tttx-popover-content header="${header}" body="${body}" linkcontext="${linkcontext}" />`;
+export const Basic = Template.bind({});
+Basic.args = {
+  header: 'HEADER',
+  body: 'BODY',
+  linkcontext: 'TESTING123',
+};

package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js

@@ -1,101 +1,101 @@
-import { Host, h } from '@stencil/core';
-export class TttxCheckbox {
-  constructor() {
-    this.value = undefined;
-    this.label = undefined;
-    this.required = undefined;
-  }
-  handleClick(event) {
-    const target = event.target;
-    this.value = target.checked;
-    this.valueChanged.emit(target.checked);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "field spacing" }, this.label && (h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : '')), h("input", { type: "checkbox", class: "input", onChange: event => this.handleClick(event), checked: this.value }))));
-  }
-  static get is() { return "tttx-checkbox"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-checkbox.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-checkbox.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "valueChanged",
-        "name": "valueChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }];
-  }
-}
+import { Host, h } from '@stencil/core';
+export class TttxCheckbox {
+  constructor() {
+    this.value = undefined;
+    this.label = undefined;
+    this.required = undefined;
+  }
+  handleClick(event) {
+    const target = event.target;
+    this.value = target.checked;
+    this.valueChanged.emit(target.checked);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "field spacing" }, this.label && (h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : '')), h("input", { type: "checkbox", class: "input", onChange: event => this.handleClick(event), checked: this.value }))));
+  }
+  static get is() { return "tttx-checkbox"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tttx-checkbox.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tttx-checkbox.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "valueChanged",
+        "name": "valueChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js

@@ -1,13 +1,13 @@
-export default {
-  title: 'Atoms/Checkbox',
-  component: 'tttx-checkbox',
-};
+export default {
+  title: 'Atoms/Checkbox',
+  component: 'tttx-checkbox',
+};
 const Template = ({ value }) => `
 <tttx-checkbox
   ${value ? 'value="true"' : ''}
 ></tttx-checkbox>
-`;
-export const Default = Template.bind({});
-Default.args = {
-  value: false,
-};
+`;
+export const Default = Template.bind({});
+Default.args = {
+  value: false,
+};