@ptcwebops/ptcw-design 0.7.6 → 0.7.7

package/dist/collection/components/my-component/my-component.js

@@ -1,73 +1,82 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { format } from '../../utils/utils';
 export class MyComponent {
+  constructor() {
+    this.first = undefined;
+    this.middle = undefined;
+    this.last = undefined;
+  }
   getText() {
     return format(this.first, this.middle, this.last);
   }
   render() {
-    return h("div", null,
-      "Hello, World! I'm ",
-      this.getText());
+    return h("div", null, "Hello, World! I'm ", this.getText());
   }
   static get is() { return "my-component"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["my-component.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["my-component.css"]
-  }; }
-  static get properties() { return {
-    "first": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The first name"
-      },
-      "attribute": "first",
-      "reflect": false
-    },
-    "middle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The middle name"
-      },
-      "attribute": "middle",
-      "reflect": false
-    },
-    "last": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["my-component.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["my-component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "first": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The first name"
+        },
+        "attribute": "first",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The last name"
+      "middle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The middle name"
+        },
+        "attribute": "middle",
+        "reflect": false
       },
-      "attribute": "last",
-      "reflect": false
-    }
-  }; }
+      "last": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The last name"
+        },
+        "attribute": "last",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js

@@ -1,24 +1,10 @@
-import { Component, Host, h, Prop, State, Element, Method, Event, } from '@stencil/core';
+import { Host, h, } from '@stencil/core';
 import { hasSlot } from '../../../utils/component';
 export class PtcAccordionItem {
   constructor() {
-    /**
-     * Heading text.
-     * This will be overwritten by `heading` slot
-     */
     this.heading = null;
-    /**
-     * The HTML tag to be applied to the heading text.
-     * This will be overwritten by `heading` slot
-     */
     this.headingTag = 'h3';
-    /**
-     * If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height
-     */
     this.autoHeight = false;
-    /**
-     * If the accordion item should be opened by default
-     */
     this.active = false;
     this.hasHeadingSlot = true;
     this.hasArrowSlot = true;
@@ -86,211 +72,216 @@ export class PtcAccordionItem {
   }
   render() {
     const { active, autoHeight, headingTag: HeadingTag } = this;
-    return (h(Host, { class: { active, autoHeight } },
-      h("button", { class: "heading", role: "button", onClick: () => this.toggle() },
-        h("span", { class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" },
-          h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))),
-        this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))),
-      h("div", { class: "body-container", ref: el => (this.bodyEl = el) },
-        h("div", { class: "body" },
-          h("slot", null)))));
+    return (h(Host, { class: { active, autoHeight } }, h("button", { class: "heading", role: "button", onClick: () => this.toggle() }, h("span", { class: "arrow" }, this.hasArrowSlot ? (h("slot", { name: "arrow" })) : (h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (h("slot", { name: "heading" })) : (h(HeadingTag, { class: "heading-text" }, this.heading))), h("div", { class: "body-container", ref: el => (this.bodyEl = el) }, h("div", { class: "body" }, h("slot", null)))));
   }
   static get is() { return "ptc-accordion-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-accordion-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-accordion-item.css"]
-  }; }
-  static get properties() { return {
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Heading text.\r\nThis will be overwritten by `heading` slot"
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "headingTag": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The HTML tag to be applied to the heading text.\r\nThis will be overwritten by `heading` slot"
-      },
-      "attribute": "heading-tag",
-      "reflect": false,
-      "defaultValue": "'h3'"
-    },
-    "autoHeight": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height"
-      },
-      "attribute": "auto-height",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If the accordion item should be opened by default"
-      },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hasHeadingSlot": {},
-    "hasArrowSlot": {}
-  }; }
-  static get events() { return [{
-      "method": "opened",
-      "name": "opened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when accordion item has opened"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "opening",
-      "name": "opening",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when accordion item started opening"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when accordion item has closed"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-accordion-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-accordion-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Heading text.\r\nThis will be overwritten by `heading` slot"
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "closing",
-      "name": "closing",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when accordion item started closing"
+      "headingTag": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The HTML tag to be applied to the heading text.\r\nThis will be overwritten by `heading` slot"
+        },
+        "attribute": "heading-tag",
+        "reflect": false,
+        "defaultValue": "'h3'"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "toggle": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "autoHeight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height"
+        },
+        "attribute": "auto-height",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "docs": {
-        "text": "Toggle open state of accordion item",
-        "tags": []
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If the accordion item should be opened by default"
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    },
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "hasHeadingSlot": {},
+      "hasArrowSlot": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "opened",
+        "name": "opened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when accordion item has opened"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "opening",
+        "name": "opening",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when accordion item started opening"
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "closed",
+        "name": "closed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when accordion item has closed"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "closing",
+        "name": "closing",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when accordion item started closing"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "toggle": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Toggle open state of accordion item",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Closes the accordion item",
-        "tags": []
-      }
-    },
-    "open": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Closes the accordion item",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Opens the accordion item.",
-        "tags": []
+      "open": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Opens the accordion item.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/ptc-accordion/ptc-accordion.js

@@ -1,9 +1,6 @@
-import { Component, Host, h, Prop, Element, Listen } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class PtcAccordion {
   constructor() {
-    /**
-     * If multiple `<ptc-accordion-item>`s can open at the same time
-     */
     this.multiple = false;
   }
   componentWillLoad() {
@@ -32,43 +29,50 @@ export class PtcAccordion {
     });
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "ptc-accordion"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-accordion.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-accordion.css"]
-  }; }
-  static get properties() { return {
-    "multiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If multiple `<ptc-accordion-item>`s can open at the same time"
-      },
-      "attribute": "multiple",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-accordion.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-accordion.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "multiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If multiple `<ptc-accordion-item>`s can open at the same time"
+        },
+        "attribute": "multiple",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "opened",
-      "method": "openHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "opened",
+        "method": "openHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }