@ptcwebops/ptcw-design 0.7.5 → 0.7.7

package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js

@@ -1,105 +1,114 @@
-import { Component, Host, h, Prop, Event, Element } from '@stencil/core';
-export class PtcCardBottom {
-  hoverEventHandler() {
-    this.hoverEvent.emit();
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
-      this.el.previousElementSibling.classList.add('mouse-hover');
-      this.el.classList.add('mouse-hover-card-bottom');
-    }
-  }
-  leaveEventHandler() {
-    this.hoverEvent.emit();
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
-      this.el.previousElementSibling.classList.remove('mouse-hover');
-      this.el.classList.remove('mouse-hover-card-bottom');
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) },
-      this.styles && h("style", null, this.styles),
-      h("div", { class: "ptc-card-bottom-wrapper" },
-        h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  static get is() { return "ptc-card-bottom"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-card-bottom.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-card-bottom.css"]
-  }; }
-  static get properties() { return {
-    "cardType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist'",
-        "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "card-type",
-      "reflect": false
-    },
-    "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
-    }
-  }; }
-  static get events() { return [{
-      "method": "hoverEvent",
-      "name": "hoverEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "leaveEvent",
-      "name": "leaveEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcCardBottom {
+  constructor() {
+    this.cardType = undefined;
+    this.styles = undefined;
+  }
+  hoverEventHandler() {
+    this.hoverEvent.emit();
+    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
+      this.el.previousElementSibling.classList.add('mouse-hover');
+      this.el.classList.add('mouse-hover-card-bottom');
+    }
+  }
+  leaveEventHandler() {
+    this.hoverEvent.emit();
+    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
+      this.el.previousElementSibling.classList.remove('mouse-hover');
+      this.el.classList.remove('mouse-hover-card-bottom');
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.cardType]: this.cardType ? true : false,
+    };
+  }
+  static get is() { return "ptc-card-bottom"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-card-bottom.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-card-bottom.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist'",
+          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-type",
+        "reflect": false
+      },
+      "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
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "hoverEvent",
+        "name": "hoverEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "leaveEvent",
+        "name": "leaveEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/ptc-card-content/ptc-card-content.js

@@ -1,109 +1,118 @@
-import { Component, Host, h, Prop, Event, Element } from '@stencil/core';
-export class PtcCardContent {
-  hoverEventHandler() {
-    if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
-      this.hoverEvent.emit();
-      this.el.classList.add('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
-        this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
-      }
-    }
-  }
-  leaveEventHandler() {
-    if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
-      this.hoverEvent.emit();
-      this.el.classList.remove('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
-        this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) },
-      this.styles && h("style", null, this.styles),
-      h("div", { class: "ptc-card-content-wrapper" },
-        h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: !!this.cardType ? true : false,
-    };
-  }
-  static get is() { return "ptc-card-content"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-card-content.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-card-content.css"]
-  }; }
-  static get properties() { return {
-    "cardType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic'",
-        "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "card-type",
-      "reflect": false
-    },
-    "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
-    }
-  }; }
-  static get events() { return [{
-      "method": "hoverEvent",
-      "name": "hoverEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "leaveEvent",
-      "name": "leaveEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcCardContent {
+  constructor() {
+    this.cardType = undefined;
+    this.styles = undefined;
+  }
+  hoverEventHandler() {
+    if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
+      this.hoverEvent.emit();
+      this.el.classList.add('mouse-hover');
+      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
+        this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
+      }
+    }
+  }
+  leaveEventHandler() {
+    if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
+      this.hoverEvent.emit();
+      this.el.classList.remove('mouse-hover');
+      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
+        this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
+      }
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.cardType]: !!this.cardType ? true : false,
+    };
+  }
+  static get is() { return "ptc-card-content"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-card-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-card-content.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic'",
+          "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-type",
+        "reflect": false
+      },
+      "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
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "hoverEvent",
+        "name": "hoverEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "leaveEvent",
+        "name": "leaveEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+}