@ptcwebops/ptcw-design 0.6.2 → 0.6.3

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

@@ -1,74 +1,74 @@
-import { Component, Host, h, Prop, Element, Listen } from '@stencil/core';
-export class PtcAccordion {
-  constructor() {
-    /**
-     * If multiple `<ptc-accordion-item>`s can open at the same time
-     */
-    this.multiple = false;
-  }
-  componentWillLoad() {
-    this.items = this.el.querySelectorAll(':scope > ptc-accordion-item');
-    if (!this.multiple) {
-      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
-      if (this.activeItem) {
-        this.activeItem.open();
-      }
-      this.closeNonActive();
-    }
-  }
-  openHandler(e) {
-    e.stopPropagation();
-    const eventTarget = e.target;
-    if (!this.multiple) {
-      this.activeItem = eventTarget;
-      this.closeNonActive();
-    }
-  }
-  closeNonActive() {
-    this.items.forEach(item => {
-      if (!item.isEqualNode(this.activeItem)) {
-        item.close();
-      }
-    });
-  }
-  render() {
-    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 elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "opened",
-      "method": "openHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}
+import { Component, Host, h, Prop, Element, Listen } from '@stencil/core';
+export class PtcAccordion {
+  constructor() {
+    /**
+     * If multiple `<ptc-accordion-item>`s can open at the same time
+     */
+    this.multiple = false;
+  }
+  componentWillLoad() {
+    this.items = this.el.querySelectorAll(':scope > ptc-accordion-item');
+    if (!this.multiple) {
+      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
+      if (this.activeItem) {
+        this.activeItem.open();
+      }
+      this.closeNonActive();
+    }
+  }
+  openHandler(e) {
+    e.stopPropagation();
+    const eventTarget = e.target;
+    if (!this.multiple) {
+      this.activeItem = eventTarget;
+      this.closeNonActive();
+    }
+  }
+  closeNonActive() {
+    this.items.forEach(item => {
+      if (!item.isEqualNode(this.activeItem)) {
+        item.close();
+      }
+    });
+  }
+  render() {
+    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 elementRef() { return "el"; }
+  static get listeners() { return [{
+      "name": "opened",
+      "method": "openHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }]; }
+}

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

@@ -1,210 +1,210 @@
-import { Component, Host, h, Prop, Event } from '@stencil/core';
-export class PtcAnnouncement {
-  constructor() {
-    /**
-     * bar title
-     */
-    this.barTitle = "";
-    /**
-     * bar description
-     */
-    this.Description = "";
-    /**
-     * Link Url
-     */
-    this.linkUrl = '#';
-    /**
-    * Target
-    */
-    this.target = '_self';
-    this.closeClick = () => {
-      this.visible = false;
-      this.close.emit();
-    };
-  }
-  render() {
-    var _a;
-    const classMap = this.getCssClassMap();
-    return (h(Host, null,
-      h("div", { class: classMap, part: "part-announcement" },
-        h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' },
-          h("div", { class: "left-content", part: "part-left-content" },
-            !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null,
-            h("div", { class: "description" },
-              !!this.Description ? h("span", null, this.Description) : null,
-              !!this.linkText ? (h("a", { href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target }, this.linkText)) : null)),
-          h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
-  }
-  getCssClassMap() {
-    return {
-      ['announcement']: true,
-      [this.visible ? 'visible' : '']: true,
-    };
-  }
-  static get is() { return "ptc-announcement"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-announcement.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-announcement.css"]
-  }; }
-  static get properties() { return {
-    "barTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "bar title"
-      },
-      "attribute": "bar-title",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "Description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "bar description"
-      },
-      "attribute": "description",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "linkText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "link Text"
-      },
-      "attribute": "link-text",
-      "reflect": true
-    },
-    "linkTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "link Title, will use Text if blank"
-      },
-      "attribute": "link-title",
-      "reflect": true
-    },
-    "visible": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mutable Visibility"
-      },
-      "attribute": "visible",
-      "reflect": true
-    },
-    "linkUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Link Url"
-      },
-      "attribute": "link-url",
-      "reflect": true,
-      "defaultValue": "'#'"
-    },
-    "tempContainer": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Temp Container\nWe plan to remove container in the future"
-      },
-      "attribute": "temp-container",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Target"
-      },
-      "attribute": "target",
-      "reflect": false,
-      "defaultValue": "'_self'"
-    }
-  }; }
-  static get events() { return [{
-      "method": "close",
-      "name": "close",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Close Event"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-}
+import { Component, Host, h, Prop, Event } from '@stencil/core';
+export class PtcAnnouncement {
+  constructor() {
+    /**
+     * bar title
+     */
+    this.barTitle = "";
+    /**
+     * bar description
+     */
+    this.Description = "";
+    /**
+     * Link Url
+     */
+    this.linkUrl = '#';
+    /**
+    * Target
+    */
+    this.target = '_self';
+    this.closeClick = () => {
+      this.visible = false;
+      this.close.emit();
+    };
+  }
+  render() {
+    var _a;
+    const classMap = this.getCssClassMap();
+    return (h(Host, null,
+      h("div", { class: classMap, part: "part-announcement" },
+        h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' },
+          h("div", { class: "left-content", part: "part-left-content" },
+            !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null,
+            h("div", { class: "description" },
+              !!this.Description ? h("span", null, this.Description) : null,
+              !!this.linkText ? (h("a", { href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target }, this.linkText)) : null)),
+          h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
+  }
+  getCssClassMap() {
+    return {
+      ['announcement']: true,
+      [this.visible ? 'visible' : '']: true,
+    };
+  }
+  static get is() { return "ptc-announcement"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-announcement.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-announcement.css"]
+  }; }
+  static get properties() { return {
+    "barTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "bar title"
+      },
+      "attribute": "bar-title",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "Description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "bar description"
+      },
+      "attribute": "description",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "linkText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "link Text"
+      },
+      "attribute": "link-text",
+      "reflect": true
+    },
+    "linkTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "link Title, will use Text if blank"
+      },
+      "attribute": "link-title",
+      "reflect": true
+    },
+    "visible": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Mutable Visibility"
+      },
+      "attribute": "visible",
+      "reflect": true
+    },
+    "linkUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Link Url"
+      },
+      "attribute": "link-url",
+      "reflect": true,
+      "defaultValue": "'#'"
+    },
+    "tempContainer": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Temp Container\r\nWe plan to remove container in the future"
+      },
+      "attribute": "temp-container",
+      "reflect": false
+    },
+    "target": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | undefined",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Target"
+      },
+      "attribute": "target",
+      "reflect": false,
+      "defaultValue": "'_self'"
+    }
+  }; }
+  static get events() { return [{
+      "method": "close",
+      "name": "close",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Close Event"
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

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

@@ -1,21 +1,21 @@
-import { Component, Host, h } from '@stencil/core';
-export class PtcBreadcrumb {
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap },
-      h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" },
-        h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: "white" })),
-      h("slot", null)));
-  }
-  getCssClassMap() {
-    return {};
-  }
-  static get is() { return "ptc-breadcrumb"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-breadcrumb.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-breadcrumb.css"]
-  }; }
-}
+import { Component, Host, h } from '@stencil/core';
+export class PtcBreadcrumb {
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap },
+      h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" },
+        h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: "white" })),
+      h("slot", null)));
+  }
+  getCssClassMap() {
+    return {};
+  }
+  static get is() { return "ptc-breadcrumb"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-breadcrumb.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-breadcrumb.css"]
+  }; }
+}