@ptcwebops/ptcw-design 0.4.7 → 0.4.9

package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js

@@ -0,0 +1,77 @@
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcHeroFooterCta {
+  render() {
+    return (h(Host, null,
+      h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } },
+        h("svg", { class: "btm-cta-cut", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" },
+          h("path", { fill: "#F3F3F3", id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })),
+        h("div", { class: "cta-overlay" }),
+        h("div", { class: "ptc-container is-grid has-p-lg" },
+          h("div", { class: "is-col-8-lg cta-left-padding" },
+            h("h2", null, this.ctaTitle),
+            h("p", null, this.description)),
+          h("div", { class: "is-col-4-lg cta-section" },
+            h("slot", { name: "cta" }))))));
+  }
+  static get is() { return "ptc-hero-footer-cta"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-hero-footer-cta.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-hero-footer-cta.css"]
+  }; }
+  static get properties() { return {
+    "ctaTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "cta-title",
+      "reflect": false
+    },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "description",
+      "reflect": false
+    },
+    "backgroundImage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "background-image",
+      "reflect": false
+    }
+  }; }
+}