@ptcwebops/ptcw-design 3.0.2 → 3.0.4

package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js

@@ -0,0 +1,97 @@
+import { Host, h } from '@stencil/core';
+export class PtcValueLedSpeedBump {
+  constructor() {
+    this.cardTitle = undefined;
+    this.cardImage = undefined;
+    this.isMobile = undefined;
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth < 768;
+  }
+  componentWillLoad() {
+    this.isMobile = window.innerWidth < 768;
+    this.ctaLink = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('link-href');
+    this.ctaTarget = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('target');
+  }
+  render() {
+    const Tag = !!this.isMobile ? 'a' : 'div';
+    return (h(Host, null, h(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
+      h("div", { class: 'img-wrap' }, h("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" })), h("div", { class: 'card-content-wrap' }, h("div", { class: 'card-content' }, h("h4", null, this.cardTitle), h("p", null, h("slot", null))), h("div", { class: 'cta-slot' }, h("slot", { name: 'cta-slot' }))))));
+  }
+  static get is() { return "ptc-value-led-speed-bump"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-value-led-speed-bump.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-value-led-speed-bump.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-title",
+        "reflect": false
+      },
+      "cardImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-image",
+        "reflect": false
+      },
+      "isMobile": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-mobile",
+        "reflect": false
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
+}

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

@@ -458,12 +458,6 @@ export const PtcPricingPackagingTable: {
   new (): PtcPricingPackagingTable;
 };
 
-interface PtcPricingTable extends Components.PtcPricingTable, HTMLElement {}
-export const PtcPricingTable: {
-  prototype: PtcPricingTable;
-  new (): PtcPricingTable;
-};
-
 interface PtcPricingTabs extends Components.PtcPricingTabs, HTMLElement {}
 export const PtcPricingTabs: {
   prototype: PtcPricingTabs;
@@ -698,12 +692,42 @@ export const PtcTwoColumnMedia: {
   new (): PtcTwoColumnMedia;
 };
 
+interface PtcValueLedCard extends Components.PtcValueLedCard, HTMLElement {}
+export const PtcValueLedCard: {
+  prototype: PtcValueLedCard;
+  new (): PtcValueLedCard;
+};
+
+interface PtcValueLedContent extends Components.PtcValueLedContent, HTMLElement {}
+export const PtcValueLedContent: {
+  prototype: PtcValueLedContent;
+  new (): PtcValueLedContent;
+};
+
+interface PtcValueLedContentHighlight extends Components.PtcValueLedContentHighlight, HTMLElement {}
+export const PtcValueLedContentHighlight: {
+  prototype: PtcValueLedContentHighlight;
+  new (): PtcValueLedContentHighlight;
+};
+
+interface PtcValueLedIntro extends Components.PtcValueLedIntro, HTMLElement {}
+export const PtcValueLedIntro: {
+  prototype: PtcValueLedIntro;
+  new (): PtcValueLedIntro;
+};
+
 interface PtcValueLedLayout extends Components.PtcValueLedLayout, HTMLElement {}
 export const PtcValueLedLayout: {
   prototype: PtcValueLedLayout;
   new (): PtcValueLedLayout;
 };
 
+interface PtcValueLedSpeedBump extends Components.PtcValueLedSpeedBump, HTMLElement {}
+export const PtcValueLedSpeedBump: {
+  prototype: PtcValueLedSpeedBump;
+  new (): PtcValueLedSpeedBump;
+};
+
 interface PtcValuePropCard extends Components.PtcValuePropCard, HTMLElement {}
 export const PtcValuePropCard: {
   prototype: PtcValuePropCard;