@ptcwebops/ptcw-design 1.6.7 → 1.6.9

package/dist/collection/components/ptc-social-share/ptc-social-share.js

@@ -11,10 +11,12 @@ export class PtcSocialShare {
     this.iconColor = 'white';
     this.iconHoverColor = 'gray';
     this.isHover = false;
+    this.iconSize = 'large';
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-twitter" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-mail' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "mail-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "linkedin-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "twitter-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: "large", name: "facebook-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: "large", name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null)));
+    return (h(Host, { class: classMap }, h("div", { onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle() }, this.shareType == 'mail' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-mail" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-linkedin" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-twitter" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "plm-fb" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-mail' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "mail-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-linkedin' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "linkedin-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-twitter' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "twitter-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'blog-facebook' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "facebook-blogs-icon" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'share-api' ? h("icon-asset", Object.assign({ type: "solid", size: this.iconSize, name: "share-square" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null, this.shareType == 'download' ? h("icon-asset", Object.assign({ type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit" }, (this.isHover ? { color: this.iconHoverColor } : { color: this.iconColor }))) : null), this.shareType == 'download' &&
+      h("ptc-modal", { id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { type: 'h2', "text-align": 'center', "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
   }
   getCssClassMap() {
     return {
@@ -54,6 +56,14 @@ export class PtcSocialShare {
         window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`);
       }
     }
+    if (this.shareType == 'download') {
+      let modal = this.el.shadowRoot.querySelector('#download-modal');
+      modal.setAttribute('show', 'true');
+      setTimeout(() => {
+        modal.setAttribute('show', 'false');
+        window.open(`${this.url}`, "_self");
+      }, 1000);
+    }
   }
   static get is() { return "ptc-social-share"; }
   static get encapsulation() { return "shadow"; }
@@ -91,8 +101,8 @@ export class PtcSocialShare {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook'",
-          "resolved": "\"blog-facebook\" | \"blog-linkedin\" | \"blog-mail\" | \"blog-twitter\" | \"facebook\" | \"linkedin\" | \"mail\" | \"share-api\" | \"twitter\"",
+          "original": "'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook'",
+          "resolved": "\"blog-facebook\" | \"blog-linkedin\" | \"blog-mail\" | \"blog-twitter\" | \"download\" | \"facebook\" | \"linkedin\" | \"mail\" | \"share-api\" | \"twitter\"",
           "references": {}
         },
         "required": false,
@@ -196,7 +206,7 @@ export class PtcSocialShare {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' |'inherit'",
+          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit'",
           "resolved": "\"black\" | \"gray\" | \"inherit\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
           "references": {}
         },
@@ -227,6 +237,24 @@ export class PtcSocialShare {
         "attribute": "icon-hover-color",
         "reflect": false,
         "defaultValue": "'gray'"
+      },
+      "iconSize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"xx-large\" | \"xxx-large\" | \"xxxx-large\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon Size"
+        },
+        "attribute": "icon-size",
+        "reflect": false,
+        "defaultValue": "'large'"
       }
     };
   }

package/dist/custom-elements/index.d.ts

@@ -128,6 +128,12 @@ export const PtcCardWrapper: {
   new (): PtcCardWrapper;
 };
 
+interface PtcCaseStudiesSlider extends Components.PtcCaseStudiesSlider, HTMLElement {}
+export const PtcCaseStudiesSlider: {
+  prototype: PtcCaseStudiesSlider;
+  new (): PtcCaseStudiesSlider;
+};
+
 interface PtcCheckbox extends Components.PtcCheckbox, HTMLElement {}
 export const PtcCheckbox: {
   prototype: PtcCheckbox;
@@ -200,6 +206,12 @@ export const PtcIconMinimize: {
   new (): PtcIconMinimize;
 };
 
+interface PtcImageDownloadStrip extends Components.PtcImageDownloadStrip, HTMLElement {}
+export const PtcImageDownloadStrip: {
+  prototype: PtcImageDownloadStrip;
+  new (): PtcImageDownloadStrip;
+};
+
 interface PtcImg extends Components.PtcImg, HTMLElement {}
 export const PtcImg: {
   prototype: PtcImg;
@@ -284,6 +296,12 @@ export const PtcNavSubmenu: {
   new (): PtcNavSubmenu;
 };
 
+interface PtcNews extends Components.PtcNews, HTMLElement {}
+export const PtcNews: {
+  prototype: PtcNews;
+  new (): PtcNews;
+};
+
 interface PtcOverlay extends Components.PtcOverlay, HTMLElement {}
 export const PtcOverlay: {
   prototype: PtcOverlay;