@ptcwebops/ptcw-design 1.4.1 → 1.4.3

package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js

@@ -1,166 +1,166 @@
-import { Host, h } from '@stencil/core';
-export class PtcTextCopyWithBackground {
-  constructor() {
-    this.type = 'text-copy-with-background';
-    this.backgroundImage = undefined;
-    this.ImageAltText = undefined;
-    this.topSlitBackgroundColor = undefined;
-    this.slitPosition = 'top-right';
-    this.isBackgroundBlur = false;
-    this.overlay = true;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: this.topSlitBackgroundColor } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
-      h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
-        h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
-      : null, this.overlay &&
-      h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
-      h("div", { class: "ptc-container-lg" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.type]: true,
-      [this.slitPosition]: true
-    };
-  }
-  static get is() { return "ptc-text-copy-with-background"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-text-copy-with-background.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-text-copy-with-background.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies'",
-          "resolved": "\"case-studies\" | \"hero-footer-cta\" | \"tab-cta-with-background\" | \"text-copy-with-background\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Type\r\nSpecify  Type, default is text-copy-with-background"
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'text-copy-with-background'"
-      },
-      "backgroundImage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Background image"
-        },
-        "attribute": "background-image",
-        "reflect": false
-      },
-      "ImageAltText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Image alt text"
-        },
-        "attribute": "image-alt-text",
-        "reflect": false
-      },
-      "topSlitBackgroundColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) topSlitBackgroundColor: It will be color value which should match the background of the body."
-        },
-        "attribute": "top-slit-background-color",
-        "reflect": false
-      },
-      "slitPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",
-          "resolved": "\"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) topSlitPosition: It will decide the position of ."
-        },
-        "attribute": "slit-position",
-        "reflect": false,
-        "defaultValue": "'top-right'"
-      },
-      "isBackgroundBlur": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) isBackgroundBlur: If true,it will add background blur image effect"
-        },
-        "attribute": "is-background-blur",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "overlay": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) overlay: If true,it will add black overlay with 0.55 opacity"
-        },
-        "attribute": "overlay",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcTextCopyWithBackground {
+  constructor() {
+    this.type = 'text-copy-with-background';
+    this.backgroundImage = undefined;
+    this.ImageAltText = undefined;
+    this.topSlitBackgroundColor = undefined;
+    this.slitPosition = 'top-right';
+    this.isBackgroundBlur = false;
+    this.overlay = true;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: this.topSlitBackgroundColor } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
+      h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
+        h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
+      : null, this.overlay &&
+      h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
+      h("div", { class: "ptc-container-lg" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.type]: true,
+      [this.slitPosition]: true
+    };
+  }
+  static get is() { return "ptc-text-copy-with-background"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-text-copy-with-background.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-text-copy-with-background.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies'",
+          "resolved": "\"case-studies\" | \"hero-footer-cta\" | \"tab-cta-with-background\" | \"text-copy-with-background\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Type\nSpecify  Type, default is text-copy-with-background"
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'text-copy-with-background'"
+      },
+      "backgroundImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Background image"
+        },
+        "attribute": "background-image",
+        "reflect": false
+      },
+      "ImageAltText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Image alt text"
+        },
+        "attribute": "image-alt-text",
+        "reflect": false
+      },
+      "topSlitBackgroundColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) topSlitBackgroundColor: It will be color value which should match the background of the body."
+        },
+        "attribute": "top-slit-background-color",
+        "reflect": false
+      },
+      "slitPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",
+          "resolved": "\"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) topSlitPosition: It will decide the position of ."
+        },
+        "attribute": "slit-position",
+        "reflect": false,
+        "defaultValue": "'top-right'"
+      },
+      "isBackgroundBlur": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) isBackgroundBlur: If true,it will add background blur image effect"
+        },
+        "attribute": "is-background-blur",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "overlay": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) overlay: If true,it will add black overlay with 0.55 opacity"
+        },
+        "attribute": "overlay",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
+}