@ptcwebops/ptcw-design 3.7.0 → 3.7.2

package/dist/collection/components/organism-bundles/news-search-result/news-search-result.js

@@ -1,40 +1,40 @@
-import { Host, h } from '@stencil/core';
-export class NewsSearchResult {
-  constructor() {
-    this.isLoading = true;
-    this.picWidth = undefined;
-    this.picHeight = undefined;
-    this.cardHeights = [];
-    this.maxCardHeight = 0;
-  }
-  componentDidLoad() {
-    setTimeout(() => {
-      this.isLoading = false;
-    }, 3000);
-  }
-  render() {
-    return (h(Host, null, h("ptc-preloader-section", { "section-type": "cards", "number-of-cards": "9" }, h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")))))));
-  }
-  static get is() { return "news-search-result"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["news-search-result.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["news-search-result.css"]
-    };
-  }
-  static get states() {
-    return {
-      "isLoading": {},
-      "picWidth": {},
-      "picHeight": {},
-      "cardHeights": {},
-      "maxCardHeight": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { Host, h } from '@stencil/core';
+export class NewsSearchResult {
+  constructor() {
+    this.isLoading = true;
+    this.picWidth = undefined;
+    this.picHeight = undefined;
+    this.cardHeights = [];
+    this.maxCardHeight = 0;
+  }
+  componentDidLoad() {
+    setTimeout(() => {
+      this.isLoading = false;
+    }, 3000);
+  }
+  render() {
+    return (h(Host, null, h("ptc-preloader-section", { "section-type": "cards", "number-of-cards": "9" }, h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications"))), h("div", { class: "is-col-1" }, h("ptc-card", { "has-image": "true", "card-type": "case-studies-card", "card-href": "/en/events/Events-Item", heading: "[Boston Globe] Jim Heppelmann Tech Power Players Ranked #11", styles: ":host(.case-studies-card) .card-media{height:230px!important;}" }, h("ptc-picture", { slot: "slot-image", src: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway", "load-mode": "lazy-bg", height: "230", "is-full-width": true }), h("div", { slot: "slot-description" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-line-h": "line-height-19", class: "hydrated" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")), h("p", { slot: "seo-content" }, "For more than a decade, Jim Heppelmann has led the software company PTC as its CEO, expanding it from its roots in computer-aided design applications")))))));
+  }
+  static get is() { return "news-search-result"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["news-search-result.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["news-search-result.css"]
+    };
+  }
+  static get states() {
+    return {
+      "isLoading": {},
+      "picWidth": {},
+      "picHeight": {},
+      "cardHeights": {},
+      "maxCardHeight": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}

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

@@ -6,7 +6,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -22,7 +25,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 9.1.1
+ * Swiper 9.4.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: March 16, 2023
+ * Released on: June 13, 2023
  */
 
 /* FONT_START */
@@ -153,6 +153,12 @@ swiper-slide {
 .swiper-vertical.swiper-css-mode > .swiper-wrapper {
   scroll-snap-type: y mandatory;
 }
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
 .swiper-centered > .swiper-wrapper::before {
   content: '';
   flex-shrink: 0;
@@ -690,96 +696,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;
+}