@ptcwebops/ptcw-design 3.6.3 → 3.6.4

package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js

@@ -1,116 +1,116 @@
-import { h, Host } from '@stencil/core';
-import Swiper from 'swiper';
-import 'swiper/swiper-bundle.css';
-export class SequentialBundle {
-  constructor() {
-    this.isMobile = undefined;
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth < 1200;
-  }
-  componentWillLoad() {
-    this.isMobile = window.innerWidth < 1200;
-  }
-  componentDidLoad() {
-    this.initSlider();
-  }
-  render() {
-    return (h(Host, null, this.isMobile ? (h("div", { class: "swiper-container", ref: el => this.swiperContainerRef = el }, h("div", { class: "swiper-wrapper" }, h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More")))), h("div", { class: "swiper-pagination" }))) : (h("div", null, "test")
-    // <div class="accordion-container desktop-container">
-    //   <div class="accordion">
-    //     <div class="accordion-item">
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="true"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="false"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="false"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //     </div>
-    //   </div>
-    // </div>
-    )));
-  }
-  initSlider() {
-    if (this.isMobile) {
-      if (this.swiperContainerRef) {
-        this.mySwiper = new Swiper(this.swiperContainerRef, {
-          // Customize options here
-          loop: true,
-          slidesPerView: 1,
-        });
-        console.log("running swiper");
-      }
-    }
-  }
-  static get is() { return "sequential-bundle"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sequential-bundle.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sequential-bundle.css"]
-    };
-  }
-  static get states() {
-    return {
-      "isMobile": {}
-    };
-  }
-  static get listeners() {
-    return [{
-        "name": "resize",
-        "method": "handleResize",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }];
-  }
-}
+import { h, Host } from '@stencil/core';
+import Swiper from 'swiper';
+import 'swiper/swiper-bundle.css';
+export class SequentialBundle {
+  constructor() {
+    this.isMobile = undefined;
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth < 1200;
+  }
+  componentWillLoad() {
+    this.isMobile = window.innerWidth < 1200;
+  }
+  componentDidLoad() {
+    this.initSlider();
+  }
+  render() {
+    return (h(Host, null, this.isMobile ? (h("div", { class: "swiper-container", ref: el => this.swiperContainerRef = el }, h("div", { class: "swiper-wrapper" }, h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), h("div", { class: "swiper-slide" }, h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More")))), h("div", { class: "swiper-pagination" }))) : (h("div", null, "test")
+    // <div class="accordion-container desktop-container">
+    //   <div class="accordion">
+    //     <div class="accordion-item">
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="true"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="false"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="false"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //     </div>
+    //   </div>
+    // </div>
+    )));
+  }
+  initSlider() {
+    if (this.isMobile) {
+      if (this.swiperContainerRef) {
+        this.mySwiper = new Swiper(this.swiperContainerRef, {
+          // Customize options here
+          loop: true,
+          slidesPerView: 1,
+        });
+        console.log("running swiper");
+      }
+    }
+  }
+  static get is() { return "sequential-bundle"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["sequential-bundle.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["sequential-bundle.css"]
+    };
+  }
+  static get states() {
+    return {
+      "isMobile": {}
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
+}

package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css

@@ -690,96 +690,96 @@ swiper-container .swiper-notification {
           backface-visibility: hidden;
   overflow: hidden;
 }
-
-
-:host {
-  display: block;
-}
-
-.swiper-container {
-  width: 100%;
-  height: 100%;
-}
-::slotted([slot='seo-content']) {
-  display: none;
-}
-
-.swiper-slide {
-  /* text-align: center;
-  font-size: 18px; */
-  background: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.mobile-container{
-  display: block;
-}
-.desktop-container{
-  display:none;
-}
-
-@media screen and (min-width: 1200px){
-  .mobile-container{
-    display: none;
-  }
-  .desktop-container{
-    display:flex;
-    align-items: center;
-  }
-}
-
-@media screen and (max-width: 1199.9px) {
-  .swiper-slide {
-    width: calc(100% - 40px);
-    margin-right: 20px;
-    width: 350px !important;
-  }
-  .swiper-slide:last-child {
-    margin-right: 0;
-  }
-}
-
-/* desktop pagination dots */
-.pagination {
-  display: flex;
-  justify-content: center;
-  margin-top: 20px;
-}
-
-.pagination-dot {
-  height: 20px;
-  width: 20px;
-  border-radius: 50%;
-  margin: 0 14px;
-  cursor: pointer;
-  cursor: pointer;
-  border: 2px solid #c3cbcd;
-  background-color: #f3f3f3;
-  position:relative;
-}
-
-.pagination-dot::after {
-  content: "";
-  display: block;
-  position: absolute;
-  width: 38px;
-  height: 1px;
-  border-top: 2px solid #c3cbcd;
-  margin-top: -1px;
-  z-index: -1;
-  top:50%;
-  left: 10px;
-}
-
-.pagination-dot:last-of-type::after {
-  visibility: hidden;
-}
-
-.pagination-dot.active {
-  background-image: url(/build/media/nav-active-dotslick.svg);
-  background-position: 50%;
-  background-repeat: no-repeat;
-  border: 2px solid transparent;
-}
+
+
+:host {
+  display: block;
+}
+
+.swiper-container {
+  width: 100%;
+  height: 100%;
+}
+::slotted([slot='seo-content']) {
+  display: none;
+}
+
+.swiper-slide {
+  /* text-align: center;
+  font-size: 18px; */
+  background: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.mobile-container{
+  display: block;
+}
+.desktop-container{
+  display:none;
+}
+
+@media screen and (min-width: 1200px){
+  .mobile-container{
+    display: none;
+  }
+  .desktop-container{
+    display:flex;
+    align-items: center;
+  }
+}
+
+@media screen and (max-width: 1199.9px) {
+  .swiper-slide {
+    width: calc(100% - 40px);
+    margin-right: 20px;
+    width: 350px !important;
+  }
+  .swiper-slide:last-child {
+    margin-right: 0;
+  }
+}
+
+/* desktop pagination dots */
+.pagination {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.pagination-dot {
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  margin: 0 14px;
+  cursor: pointer;
+  cursor: pointer;
+  border: 2px solid #c3cbcd;
+  background-color: #f3f3f3;
+  position:relative;
+}
+
+.pagination-dot::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 38px;
+  height: 1px;
+  border-top: 2px solid #c3cbcd;
+  margin-top: -1px;
+  z-index: -1;
+  top:50%;
+  left: 10px;
+}
+
+.pagination-dot:last-of-type::after {
+  visibility: hidden;
+}
+
+.pagination-dot.active {
+  background-image: url(/build/media/nav-active-dotslick.svg);
+  background-position: 50%;
+  background-repeat: no-repeat;
+  border: 2px solid transparent;
+}