npm - @ptcwebops/ptcw-design - Versions diffs - 1.8.2 → 1.8.4 - Mend

@ptcwebops/ptcw-design 1.8.2 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (560) hide show

package/dist/collection/components/ptc-bio-card/ptc-bio-card.js CHANGED Viewed

@@ -1,130 +1,130 @@
-import { Host, h } from '@stencil/core';
-export class PtcBioCard {
-  constructor() {
-    this.showModal = false;
-    this.name = undefined;
-    this.jobTitle = undefined;
-    this.image = undefined;
-    this.linkedin = undefined;
-    this.twitter = undefined;
-  }
-  openModal() {
-    this.showModal = true;
-  }
-  componentDidLoad() {
-    let PtcModal = this.el.shadowRoot.querySelector('#bio-modal');
-    PtcModal.addEventListener('closed', () => {
-      this.showModal = false;
-    });
-  }
-  render() {
-    return (h(Host, { onClick: () => { this.openModal(); }, type: "button" }, h("div", { class: "bio-card" }, h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h("g", null, h("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" })))))))))), h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h("g", null, h("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" }))))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null)))))));
-  }
-  static get is() { return "ptc-bio-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-bio-card.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-bio-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name"
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "jobTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Job Title"
-        },
-        "attribute": "job-title",
-        "reflect": false
-      },
-      "image": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Profile Image"
-        },
-        "attribute": "image",
-        "reflect": false
-      },
-      "linkedin": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "LinkedIn Url"
-        },
-        "attribute": "linkedin",
-        "reflect": false
-      },
-      "twitter": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Twiiter Url"
-        },
-        "attribute": "twitter",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "showModal": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcBioCard {
+  constructor() {
+    this.showModal = false;
+    this.name = undefined;
+    this.jobTitle = undefined;
+    this.image = undefined;
+    this.linkedin = undefined;
+    this.twitter = undefined;
+  }
+  openModal() {
+    this.showModal = true;
+  }
+  componentDidLoad() {
+    let PtcModal = this.el.shadowRoot.querySelector('#bio-modal');
+    PtcModal.addEventListener('closed', () => {
+      this.showModal = false;
+    });
+  }
+  render() {
+    return (h(Host, { onClick: () => { this.openModal(); }, type: "button" }, h("div", { class: "bio-card" }, h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h("g", null, h("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" })))))))))), h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "31.995", height: "36.794", viewBox: "0 0 31.995 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h("g", null, h("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" }))))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null)))))));
+  }
+  static get is() { return "ptc-bio-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-bio-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-bio-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Name"
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "jobTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Job Title"
+        },
+        "attribute": "job-title",
+        "reflect": false
+      },
+      "image": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Profile Image"
+        },
+        "attribute": "image",
+        "reflect": false
+      },
+      "linkedin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "LinkedIn Url"
+        },
+        "attribute": "linkedin",
+        "reflect": false
+      },
+      "twitter": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Twiiter Url"
+        },
+        "attribute": "twitter",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "showModal": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}

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

@@ -1,105 +1,105 @@
-import { Host, h } from '@stencil/core';
-export class PtcBreadcrumb {
-  constructor() {
-    this.position = undefined;
-    this.removeTopMargin = false;
-    this.color = 'white';
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })), h("div", { class: 'list-items' }, h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.position]: !!this.position && this.position !== undefined ? true : false,
-      ['remove-top-margin']: this.removeTopMargin ? true : false,
-    };
-  }
-  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"]
-    };
-  }
-  static get properties() {
-    return {
-      "position": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'left' | 'center' | 'right'",
-          "resolved": "\"center\" | \"left\" | \"right\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "breadcrumb position"
-        },
-        "attribute": "position",
-        "reflect": false
-      },
-      "removeTopMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "remove topMargin"
-        },
-        "attribute": "remove-top-margin",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
-          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme Color"
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'white'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Injected CSS styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcBreadcrumb {
+  constructor() {
+    this.position = undefined;
+    this.removeTopMargin = false;
+    this.color = 'white';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })), h("div", { class: 'list-items' }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.position]: !!this.position && this.position !== undefined ? true : false,
+      ['remove-top-margin']: this.removeTopMargin ? true : false,
+    };
+  }
+  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"]
+    };
+  }
+  static get properties() {
+    return {
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'left' | 'center' | 'right'",
+          "resolved": "\"center\" | \"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "breadcrumb position"
+        },
+        "attribute": "position",
+        "reflect": false
+      },
+      "removeTopMargin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "remove topMargin"
+        },
+        "attribute": "remove-top-margin",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
+          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme Color"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Injected CSS styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+}