@ptcwebops/ptcw-design 6.3.38 → 6.3.39-beta

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js

@@ -1,7 +1,7 @@
-import { h, Host, } from "@stencil/core";
+import { h, Host } from '@stencil/core';
 export class PtcPreloaderSection {
   constructor() {
-    this.sectionType = "page";
+    this.sectionType = 'page';
     this.numberOfCards = 6;
     this.autoShow = true;
     this.isLoading = true;
@@ -18,12 +18,11 @@ export class PtcPreloaderSection {
   }
   checkDependencies() {
     // if (this.dependencies.length === this.dependencyCount) { }
-    Promise.all(this.dependencies)
-      .then((results) => {
-      this.isLoading = !(results.length === this.dependencies.length &&
-        results.every(Boolean));
-    })
-      .catch((err) => console.log(err));
+    Promise.all(this.dependencies).then((results) => {
+      this.isLoading = !((results.length === this.dependencies.length)
+        &&
+          results.every(Boolean));
+    }).catch((err) => console.log(err));
   }
   componentWillLoad() {
     if (this.autoShow) {
@@ -32,82 +31,78 @@ export class PtcPreloaderSection {
   }
   renderHTML() {
     switch (this.sectionType) {
-      case "home-page":
+      case 'home-page':
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-home-page" }, h("div", { class: "skeleton-jumbo" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 pos-rel" }, h("div", { class: "tabs block" }), h("div", { class: "jumbo-content" }, h("div", { class: "block-1 block" }), h("div", { class: "block-2 block" }), h("div", { class: "block-3 block" }), h("div", { class: "block-4 block" }), h("div", { class: "block-5 block" }), h("div", { class: "block-6 block" }), h("div", { class: "block-7 block" }), h("div", { class: "block-8 block" }), h("div", { class: "block-9 block" })))))), h("div", { class: "bot" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12" }, h("div", { class: "slide-container" }, h("div", { class: "skeleton-slides" }, h("div", { class: "slide" }), h("div", { class: "slide" }), h("div", { class: "slide" }))))))), h("div", { class: "skeleton-homepage-toggle" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12" }, h("div", { class: "top-1 block" }), h("div", { class: "top-2 block" }), h("div", { class: "top-3 block" }), h("div", { class: "top-4 block" }), h("div", { class: "top-5 block" })), h("div", { class: "is-col-12 toggle-section" }, h("div", { class: "selector block" }), h("div", { class: "toggle-1 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" }), h("div", { class: "toggle-2 block" })), h("div", { class: "is-col-12 is-col-6-md" }, h("div", { class: "picture" })), h("div", { class: "is-col-12 is-col-6-md is-center" }, h("div", { class: "bot-1 block" }), h("div", { class: "bot-2 block" }), h("div", { class: "bot-3 block" }), h("div", { class: "bot-4 block" }), h("div", { class: "bot-5 block" }), h("div", { class: "bot-6 block" }), h("div", { class: "bot-7 block" }), h("div", { class: "bot-8 block" }), h("div", { class: "bot-9 block" }), h("div", { class: "bot-10 block" }), h("div", { class: "cta-section-wrapper" }, h("div", { class: "cta-section" }, h("div", { class: "cta-block block" }), h("div", { class: "cta-block block" }))))))), h("div", { class: "skeleton-background-video-tall" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 top-section" }, h("div", { class: "top-1 block" }), h("div", { class: "top-2 block" }), h("div", { class: "top-3 block" }), h("div", { class: "top-4 block" }), h("div", { class: "top-5 block" })), h("div", { class: "is-col-12 bottom-section" }, h("div", { class: "bottom-1 block" }), h("div", { class: "cards" }, h("div", { class: "card block" }), h("div", { class: "card block" }), h("div", { class: "card block" }), h("div", { class: "card block" })))))))));
-      case "cards":
+      case 'cards':
         return (h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md cards-preload-min-height" }, Array.from({ length: this.numberOfCards }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-card-media" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }))))))));
-      case "case-content":
+      case 'case-content':
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-jumbotron-image" }), h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-3-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block bold" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block bold" }))), h("div", { class: "is-col-12 is-col-9-lg" }, h("div", { class: "sekleton" }, h("div", { class: "is-grid" }, h("div", { class: "left is-col-6" }, h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" })), h("div", { class: "right is-col-6" }, h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }))), h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block narrow" }), h("div", { class: "is-grid" }, h("div", { class: "left is-col-6" }, h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block narrow" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block narrow" })), h("div", { class: "right is-col-6" }, h("div", { class: "skeleton-long-image" }))), h("div", { class: "skeleton-block bold medium" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" })))))));
-      case "case-product-page":
-        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" })))))), h("div", { class: "skeleton-block extra-bold" }), h("div", { class: "ptc-container section-two-col" }, h("div", { class: "skeleton-block thin short center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-6" }, h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin", style: { width: "92%" } }), h("div", { class: "skeleton-block thin", style: { width: "87%" } }), h("div", { class: "skeleton-block thin", style: { width: "95%" } }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" })), h("div", { class: "is-col-6" }, h("div", { class: "skeleton-jumbotron-image" })))), h("div", { class: "ptc-container section-icon-component" }, h("div", { class: "skeleton-block thick medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin wide center" }), h("div", { class: "skeleton-block thin medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid icon-grid" }, h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" }))))));
-      case "blogs-listing": {
+      case 'case-product-page':
+        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" })))))), h("div", { class: "skeleton-block extra-bold" }), h("div", { class: "ptc-container section-two-col" }, h("div", { class: "skeleton-block thin short center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-6" }, h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin", style: { 'width': '92%' } }), h("div", { class: "skeleton-block thin", style: { 'width': '87%' } }), h("div", { class: "skeleton-block thin", style: { 'width': '95%' } }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" })), h("div", { class: "is-col-6" }, h("div", { class: "skeleton-jumbotron-image" })))), h("div", { class: "ptc-container section-icon-component" }, h("div", { class: "skeleton-block thick medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin wide center" }), h("div", { class: "skeleton-block thin medium center" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "is-grid icon-grid" }, h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" })), h("div", { class: "is-col-6 is-col-4-lg" }, h("div", { class: "skeleton-block center icon" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold medium center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin long center" }), h("div", { class: "skeleton-block thin  center" }), h("div", { class: "skeleton-block thin medium center" }))))));
+      case 'blogs-listing': {
         return (h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-xl has-col-gap-md has-row-gap-md cards-preload-min-height" }, Array.from({ length: this.numberOfCards }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-card-media" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }))))))));
       }
-      case "blogs-listing-page": {
+      case 'blogs-listing-page': {
         return (h("div", { class: "preloader-wrapper preloader-blogs-listing-page" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-heading" }), h("div", { class: "skeleton-block block-para" }), h("div", { class: "skeleton-block topsection-block" })))), h("div", { class: "is-grid has-col-gap-md has-row-gap-md mobile-block" }, h("div", { class: "is-col-9" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick" }))), h("div", { class: "is-col-3" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick" })))), h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-xl cards-preload-min-height mobile-cards" }, Array.from({ length: 7 }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))), h("div", { class: "is-grid mobile-cards is-centered" }, h("div", { class: "is-col-12 pagination-block skeleton" }, h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }))), h("div", { class: "is-grid ipad-cards has-no-row-gap" }, h("div", { class: "skeleton is-col-12" }, h("div", { class: "skeleton-block thin narrow" })), h("div", { class: "is-col-12-xs is-col-4-lg filter-div" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick filter-top" }), h("div", { class: "skeleton-block filter-block" }))), h("div", { class: "is-col-12-xs is-col-8-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 14 }).map(() => (h("div", { class: "is-col-6" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))), h("div", { class: "is-grid is-centered" }, h("div", { class: "is-col-12 pagination-block skeleton" }, h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }))))), h("div", { class: "is-grid desktop-cards has-no-row-gap" }, h("div", { class: "skeleton is-col-12" }, h("div", { class: "skeleton-block thin narrow" })), h("div", { class: "is-col-12-xs is-col-3-lg" }, h("div", { class: "skeleton filter-top" }, h("div", { class: "skeleton-block thick filter-top" }), h("div", { class: "skeleton-block filter-block" }))), h("div", { class: "is-col-12-xs is-col-9-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 15 }).map(() => (h("div", { class: "is-col-4" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))), h("div", { class: "is-grid is-centered" }, h("div", { class: "is-col-12 pagination-block skeleton" }, h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }), h("div", { class: "skeleton-block page-block" }))))))));
       }
-      case "case-studies-listing-page": {
+      case 'case-studies-listing-page': {
         return (h("div", { class: "preloader-wrapper preloader-cs-listing-page" }, h("div", { class: "jumbotron-img" }), h("div", { class: "jumbotron" }, h("div", { class: "skeleton-jumbotron ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg jumbotron-content" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" }))))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-row-gap-md mobile-block" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin narrow narrow-1" }), h("div", { class: "skeleton-block bold bold-1" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" })))), h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-xl cards-preload-min-height mobile-cards" }, Array.from({ length: 4 }).map(() => (h("div", { class: "is-col-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))), h("div", { class: "is-grid ipad-cards has-no-row-gap" }, h("div", { class: "is-col-12-xs is-col-4-lg filter-div" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin narrow narrow-1" }), h("div", { class: "skeleton-block bold bold-1" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }))), h("div", { class: "is-col-12-xs is-col-8-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 8 }).map(() => (h("div", { class: "is-col-6" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))))), h("div", { class: "is-grid desktop-cards has-no-row-gap" }, h("div", { class: "is-col-12-xs is-col-3-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin narrow narrow-1" }), h("div", { class: "skeleton-block bold bold-1" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }), h("div", { class: "skeleton-block bold bold-2" }))), h("div", { class: "is-col-12-xs is-col-9-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 12 }).map(() => (h("div", { class: "is-col-4" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block card-block" })))))))))));
       }
-      case "blog-detail": {
+      case 'blog-detail': {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "skeleton-blog-detail" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg is-rtl-lg" }, h("div", { class: "is-col-12 is-col-6-lg" }, h("div", { class: "skeleton-jumbotron-image" })), h("div", { class: "is-col-12 is-col-6-lg is-ltr" }, h("div", { class: "skeleton-block wide-sm h-xx-small" }), h("div", { class: "skeleton-space h-small" }), h("div", { class: "skeleton-block h-medium" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block wide h-medium" }), h("div", { class: "skeleton-space h-x-large" }), h("div", { class: "skeleton-block date" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "is-centered-vertically" }, h("div", { class: "skeleton-block circle" }), h("div", { class: "skeleton-block author" })), h("div", { class: "skeleton-space h-small" }), h("div", { class: "flex-container" }, h("div", { class: "skeleton-block button-1" }), h("div", { class: "skeleton-block button-2" }))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid" }, h("div", { class: "is-desktop is-col-3-lg" }, h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large wide" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large short" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "flex-container" }, h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }), h("div", { class: "skeleton-block social-share" }))), h("div", { class: "is-col-12 is-col-7-lg" }, h("div", { class: "is-mobile" }, h("div", { class: "skeleton-block h-xx-large" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-medium" }), h("div", { class: "skeleton-block h-medium" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block medium h-medium" }), h("div", { class: "skeleton-space h-medium" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-small text-line-2" })), h("div", { class: "is-desktop" }, h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xxxx-large" }), h("div", { class: "skeleton-block h-x-large" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-x-large medium" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-large" }), h("div", { class: "skeleton-block h-x-large short" }), h("div", { class: "skeleton-space h-x-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-1" }), h("div", { class: "skeleton-space h-xx-small" }), h("div", { class: "skeleton-block h-large text-line-2" }), h("div", { class: "skeleton-space h-xxx-large" }), h("div", { class: "skeleton-cta" }, h("div", { class: "skeleton-block cta-image" }), h("div", { class: "skeleton-block cta-body" })), h("div", { class: "skeleton-space h-xxx-large" }))))))));
       }
-      case "on-demand-hub-listing": {
+      case 'on-demand-hub-listing': {
         return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container " }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg is-centered jumbotron-section" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin center narrow" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("div", { class: "skeleton-block thick center medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin center wide" }), h("div", { class: "skeleton-block thin center long" }), h("div", { class: "skeleton-block thin medium center" })))), h("div", { class: "is-grid has-col-gap-lg has-row-gap-lg" }, h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-1 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-2 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" })), h("div", { class: "is-col-12-xs is-col-6-md is-col-4-xl block is-placed-center" }, h("div", { class: "block-3 skeleton-block" }))))));
       }
-      case "on-demand-video-landing": {
+      case 'on-demand-video-landing': {
         return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container-lg" }, h("div", { class: "skeleton" }, h("ptc-spacer", { breakpoint: "x-large", size: "small", class: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium", class: "medium" }), h("div", { class: "skeleton-block thin left narrow" }), h("ptc-spacer", { breakpoint: "x-large", size: "small", class: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium", class: "medium" })), h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "grid-left is-col-12-xs is-col-8-lg is-col-9-xl" }, h("div", { class: "is-grid has-row-gap-lg" }, h("div", { class: "is-col-12 block" }, h("div", { class: "block-4 skeleton-block" })), h("div", { class: "is-col-12" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6 block is-placed-left" }, h("div", { class: "block-5 skeleton-block" })), h("div", { class: "is-col-6 block is-placed-right" }, h("div", { class: "block-5 skeleton-block" })))))), h("div", { class: "grid-right is-col-12-xs is-col-4-lg is-col-3-xl" }, h("div", { class: "block" }, h("div", { class: "block-6 skeleton-block" })), h("ptc-spacer", { breakpoint: "small", size: "large", class: "large" }), h("div", { class: "skeleton-block thin left wide" }), h("ptc-spacer", { breakpoint: "small", size: "small", class: "small" }), h("div", { class: "is-grid has-row-gap-sm" }, Array.from({ length: 7 }).map(() => (h("div", { class: "is-col-12 is-col-6-md is-col-12-lg" }, h("div", { class: "is-grid has-row-gap-md has-col-gap" }, h("div", { class: "is-col-4 is-col-5-xl block is-placed-left" }, h("div", { class: "block-7 skeleton-block" })), h("div", { class: "is-col-8 is-col-7-xl skeleton centered padding-left-sm" }, h("div", { class: "skeleton-block thin left" }), h("div", { class: "skeleton-block thin medium left" }))))))))))));
       }
-      case "on-demand-video-listing": {
+      case 'on-demand-video-listing': {
         return (h("div", { class: "preloader-wrapper skeleton-on-demand" }, h("div", { class: "ptc-container-lg" }, h("div", { class: "skeleton" }, h("div", { class: "on-demand-vl" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-6 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin medium-1 left" }))), h("div", { class: "is-col-6 is-placed-right" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick medium-1 right" })))), h("div", { class: "is-grid block" }, h("div", { class: "is-col-12 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short left" }), h("div", { class: "skeleton-block thin wide-sm-1 left" }), h("div", { class: "skeleton-block thin wide-md left" }), h("div", { class: "skeleton-block thin wide-md-1 left" }), h("div", { class: "skeleton-block thin wide-md left" }), h("div", { class: "skeleton-block thin wide-sm-2 left" }), h("div", { class: "skeleton-block thin smallest left" })))), h("div", { class: "grid-medium" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })))), h("div", { class: "grid-medium-2" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-9 " })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-9 " })))), h("div", { class: "grid-bottom-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "is-grid has-col-gap-sm" }, h("div", { class: "is-col-12-xs is-col-6-sm" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-10 hide-bl" }))), h("div", { class: "is-col-12-xs is-col-6-sm" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-10 hide-sm" }))))), h("div", { class: "grid-bottom-2" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-12" }, h("div", { class: "block" }, h("div", { class: "skeleton-block block-11" }))))), h("div", { class: "grid-bottom" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short left" })), h("div", { class: "grid-vl has-col-gap-sm" }, h("div", { class: "block hide-bl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xs" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-sm" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-lg" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })), h("div", { class: "block hide-xl" }, h("div", { class: "skeleton-block block-8 " }), h("div", { class: "skeleton-block thin long left" }), h("div", { class: "skeleton-block thin left" })))))))));
       }
-      case "white-paper": {
+      case 'white-paper': {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-white-paper" }, h("div", { class: "hero-image" }), h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-6 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block bold medium left" }))), h("div", { class: "is-col-6 is-placed-right" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block extra-bold-1 narrow right" })))), h("div", { class: "grid-mrgn" }, h("div", { class: "is-grid block grid-top-2 has-no-row-gap has-no-col-gap skeleton" }, h("div", { class: "is-col-12 row-margin-btm" }, h("div", { class: "skeleton-block longer thick-1" })), h("div", { class: "is-col-12" }, h("div", { class: "skeleton-block medium thick-1 left" }))), h("div", { class: "" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-1" }))), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin long" }), h("div", { class: "skeleton-block thin wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))), h("div", { class: "related-items" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-12" }, h("div", { class: "title" }, h("div", { class: "skeleton-block thick long" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))), h("div", { class: "is-col-12 is-col-4-md" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-2" }))))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
       }
-      case "value-led": {
-        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-value-led" }, h("div", { class: "hero-image" }), h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "is-grid has-col-gap-md" }, h("div", { class: "is-col-3-lg" }, h("div", { class: "skeleton container-child-1" }, h("div", { class: "is-grid block grid-1" }, h("div", { class: "is-col-12 is-placed-left" }, Array.from({
-          length: 8,
-        }).map(() => (h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thinnest-1" }), h("div", { class: "skeleton-block thinnest-1 long-4" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" })))))))), h("div", { class: "is-col-12 is-col-9-lg" }, h("div", { class: "skeleton container-child-2" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-12 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin smallest left" }), h("div", { class: "skeleton-block thick long-1" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold long-2" }), h("div", { class: "skeleton-block bold long-1" }), h("div", { class: "skeleton-block bold long-3" })))), h("div", { class: "grid-top-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-1" }))), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))))), h("div", { class: "related-items" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
+      case 'value-led': {
+        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-value-led" }, h("div", { class: "hero-image" }), h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "is-grid has-col-gap-md" }, h("div", { class: "is-col-3-lg" }, h("div", { class: "skeleton container-child-1" }, h("div", { class: "is-grid block grid-1" }, h("div", { class: "is-col-12 is-placed-left" }, Array.from({ length: 8 }).map(() => (h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thinnest-1" }), h("div", { class: "skeleton-block thinnest-1 long-4" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" })))))))), h("div", { class: "is-col-12 is-col-9-lg" }, h("div", { class: "skeleton container-child-2" }, h("div", { class: "is-grid block grid-top" }, h("div", { class: "is-col-12 is-placed-left" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin smallest left" }), h("div", { class: "skeleton-block thick long-1" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold long-2" }), h("div", { class: "skeleton-block bold long-1" }), h("div", { class: "skeleton-block bold long-3" })))), h("div", { class: "grid-top-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block block-1" }))), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold long-2" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longer" }), h("div", { class: "skeleton-block thinnnest longest" }), h("div", { class: "skeleton-block thinnnest long" }), h("div", { class: "skeleton-block thinnnest long-4" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))))), h("div", { class: "related-items" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
       }
-      case "generic-form-with-image": {
+      case 'generic-form-with-image': {
         return (h("div", { class: "preloader-wrapper preloader-generic-form" }, h("div", { class: "jumbotron" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" }))))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid block form-block-1" }, h("div", { class: "is-col-12" }, Array.from({ length: 7 }).map(() => (h("div", { class: "skeleton form-block-skeleton" }, h("div", { class: "skeleton-block bold" })))), h("div", { class: "skeleton" }, h("div", { class: "skeleton-block very-bold" })))), h("div", { class: "is-grid block grid-1" }, h("div", { class: "is-col-12-xs is-col-12-sm is-col-10-md is-col-7-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin line-1" }), h("div", { class: "skeleton-block thin line-2" }), h("div", { class: "skeleton-block thin line-3" }), h("div", { class: "skeleton-block thin line-4" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin line-6" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" })), h("div", { class: "skeleton-block block-2" }))), h("div", { class: "is-col-1-lg" }), h("div", { class: "is-col-12-xs is-col-12-sm is-col-4-lg form-block-2" }, Array.from({ length: 7 }).map(() => (h("div", { class: "skeleton form-block-skeleton" }, h("div", { class: "skeleton-block bold" })))), h("div", { class: "skeleton" }, h("div", { class: "skeleton-block very-bold" })))))));
       }
-      case "events-listing": {
+      case 'events-listing': {
         return (h("div", { class: "preloader-wrapper preloader-events-listing" }, h("div", { class: "jumbotron " }, h("div", { class: "jumbotron-bg" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin short-1" }), h("div", { class: "skeleton-block thin short-2" }), h("div", { class: "skeleton-block bold short-3" }), h("div", { class: "skeleton-block thin short-4" }), h("div", { class: "skeleton-block thin short-5" }), h("div", { class: "skeleton-block thin short-6" }), h("div", { class: "skeleton-block thin short-7" }), h("div", { class: "skeleton-block thin short-8" }), h("div", { class: "skeleton-block thin short-9" }), h("div", { class: "skeleton-block thick short-10" }))))), h("div", { class: "grid-cards-div" }, h("div", { class: "skeleton grid-cards" }, h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" })), h("div", { class: "skeleton grid-cards-desktop ptc-container" }, h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" }), h("div", { class: "skeleton-block short-17" }))), h("div", { class: "white-placeholder" }))), h("div", { class: "ptc-container grid-2" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-16" }), h("div", { class: "skeleton-block thin short-11" }), h("div", { class: "skeleton-block thin short-12" }))))), h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("div", { class: "ptc-container skeleton grid-long-cards-mobile" }, h("div", { class: "skeleton-block short-13" })), h("div", { class: "skeleton" }, h("div", { class: "grid-long-cards" }, h("div", { class: "skeleton-block short-13" }), h("div", { class: "skeleton-block short-14" })), h("div", { class: "skeleton-block bold short-15" }))))));
       }
-      case "pdf-skeleton": {
+      case 'pdf-skeleton': {
         return (h("div", { class: "preloader-wrapper pdf-skeleton-preloader" }, h("div", { class: "jumbotron-sec" }, h("div", { class: "ptc-container skeleton-jumbotron" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }))))))), h("div", { class: "ptc-container" }, h("div", { class: "section-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block line-1" }), h("div", { class: "skeleton-block line-2 thin" }), h("div", { class: "skeleton-block line-3 thin" }), h("div", { class: "skeleton-block line-4 thin" }))), h("div", { class: "pdf-area" }, h("div", { class: "pdf-section" }, h("div", { class: "top-border" }), h("div", { class: "pdf-body" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thick-block" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }))))))));
       }
-      case "ppc-skeleton": {
+      case 'ppc-skeleton': {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "ppc-skeleton-preloader" }, h("div", { class: "ptc-container " }, h("div", { class: "dots-loader" })))));
       }
-      case "news": {
+      case 'search-results': {
+        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-search-results" }, h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
+      }
+      case 'news': {
         return (h("div", { class: "preloader-wrapper" }, h("div", { class: "news-skeleton-preloader" }, h("div", { class: "ptc-container ptc-section-standard" }, h("ptc-spacer", { breakpoint: "large", size: "medium" }), h("div", { class: "is-grid has-row-gap-md" }, h("div", { class: "is-col-6-lg skeleton-block thick thick-on-mobile" }), h("div", { class: "is-col-6-lg skeleton-block thick medium-md right" })), h("ptc-spacer", { size: "xxx-large" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block narrow thick center" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block short thin center" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block big-block" }), h("ptc-spacer", { size: "xxx-large" }), h("div", { class: "skeleton-block bold medium" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "is-grid has-row-gap-md  has-col-gap-lg" }, h("div", { class: "is-col-8-lg" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }))), h("div", { class: "is-col-4-lg skeleton-block big-card-block" })), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block cta thick center" }), h("ptc-spacer", { size: "xxx-large" }), h("div", { class: "skeleton-block bold medium" }), h("ptc-spacer", { size: "medium" }), h("div", { class: "is-grid has-row-gap-md  has-col-gap-lg" }, h("div", { class: "is-col-8-lg" }, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }), h("div", { class: "is-col-6-md skeleton-block card-block" }))), h("div", { class: "is-col-4-lg skeleton-block big-card-block" })), h("ptc-spacer", { size: "medium" }), h("div", { class: "skeleton-block cta thick center" })))));
       }
-      case "resource-center":
-        return (h("div", { class: "preloader-wrapper resource-center-skeleton-preloader" }, h("div", { class: "skeleton jumbo-image-mobile" }), h("div", { class: "skeleton-jumbotron" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" }))))))), h("div", { class: "ptc-container" }, h("div", { class: "is-grid desktop-cards" }, h("div", { class: "is-col-12-xs is-col-3-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin medium" }), h("div", { class: "skeleton-block bold long" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }))), h("div", { class: "is-col-12-xs is-col-9-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 15 }).map(() => (h("div", { class: "is-col-6-sm is-col-4-xl skeleton-block card-block" })))))))));
-      case "search-results": {
-        return (h("div", { class: "preloader-wrapper" }, h("div", { class: "preloader-search-results" }, h("div", { class: "ptc-container content-container" }, h("div", { class: "content-container-child" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), h("div", { class: "skeleton-block thinner small" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }))), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" })))));
+      case 'resource-center': {
+        return (h("div", { class: "preloader-wrapper resource-center-skeleton-preloader" }, h("div", { class: "skeleton jumbo-image-mobile" }), h("div", { class: "skeleton-jumbotron" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, h("div", { class: "is-col-12 is-col-8-lg" }, h("div", { class: "sekleton" }, h("div", { class: "skeleton-block thin short" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block thick" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block thin" }), h("div", { class: "skeleton-block thin medium" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "cta-wrap" }, h("div", { class: "skeleton-block cta" }), h("div", { class: "skeleton-block cta" }))))))), h("div", { class: 'ptc-container' }, h("div", { class: "is-grid desktop-cards" }, h("div", { class: "is-col-12-xs is-col-3-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin medium" }), h("div", { class: "skeleton-block bold long" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block bold" }))), h("div", { class: "is-col-12-xs is-col-9-lg" }, h("div", { class: "is-grid" }, Array.from({ length: 15 }).map(() => (h("div", { class: "is-col-6-sm is-col-4-xl skeleton-block card-block" })))))))));
       }
-      case "ppc-embedded-form-skeleton": {
+      case 'ppc-embedded-form-skeleton': {
         return (h("div", { class: "preloader-wrapper preloader-ppc-embedded-form" }, h("div", { class: "ptc-container" }, h("div", { class: "is-grid grid-1" }, h("div", { class: "is-col-12-xs is-col-12-sm is-col-10-md is-col-7-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block very-bold line-1" }), h("div", { class: "skeleton-block thin line-2" }), h("div", { class: "skeleton-block thin line-3" }), h("div", { class: "skeleton-block thin line-4" }), h("div", { class: "skeleton-block thin line-5" }), h("div", { class: "skeleton-block thin line-6" }), h("div", { class: "skeleton-block thin line-7" }), h("div", { class: "skeleton-block thin line-3" }), h("div", { class: "skeleton-block thin line-4" }), h("div", { class: "skeleton-block thin line-5" }), h("div", { class: "skeleton-block thin line-8" }))), h("div", { class: "is-col-1-lg" }), h("div", { class: "is-col-12-xs is-col-12-sm is-col-4-lg form-block-2" })))));
       }
-      case "storefront": {
+      case 'storefront': {
         return (h("div", { class: "preloader-wrapper preloader-storefront" }, h("div", { class: "jumbotron " }, h("div", { class: "jumbotron-bg" }), h("div", { class: "sf-grid" }, h("div", { class: "tab-container ptc-container" }, h("div", { class: "is-grid sf-cards-grid" }, h("div", { class: "is-col-12 is-col-6-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-2" }))), h("div", { class: "is-col-12 is-col-6-lg" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-2" }))), h("div", { class: "is-col-12 is-col-6-lg short-4" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-2" }))), h("div", { class: "is-col-12 is-col-6-lg short-4" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-2" }))))))), h("div", { class: "ptc-container ptc-section" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block promo-banner-block" }))), h("div", { class: "ptc-container" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thick short-16" }), h("div", { class: "skeleton-block thin short-11" })))), h("div", { class: "grid-wrapper" }, h("div", { class: "cards-grid-2" }, h("div", { class: "card" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block short-1" }))), h("div", { class: "card" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block short-1" }))), h("div", { class: "card" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block short-1" }))), h("div", { class: "card" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block short-1" })))))));
       }
-      case "store-listing-page": {
+      case 'store-listing-page': {
         return (h("div", { class: "preloader-wrapper preloader-store-listing-page" }, h("div", { class: "ptc-container" }, h("div", { class: "top" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block top-block thin" }))), h("div", { class: "is-grid has-no-col-gap mobile-block" }, h("div", { class: "is-col-7 is-col-8-sm" }, h("div", { class: "search-box" }, h("div", { class: "search-input-box" }), h("div", { class: "skeleton-block search-btn-box" }))), h("div", { class: "is-col-5 is-col-4-sm" }, h("div", { class: "search-btn" }))), h("div", { class: "is-grid has-col-1" }, h("div", { class: "mobile-cards-wrapper" }, h("div", { class: "div-top-lines skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thick" })), Array.from({ length: 6 }).map(() => (h("div", { class: "cards-div cards-mobile" }, h("div", { class: "skeleton cards-div-block" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thinner" }), h("div", { class: "skeleton-block block-3 thinner" }), h("div", { class: "skeleton-block block-4" }))))), Array.from({ length: 6 }).map(() => (h("div", { class: "cards-div cards-ipad" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-6" }, h("div", { class: "skeleton cards-div-block" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thinner" }), h("div", { class: "skeleton-block block-3 thinner" }), h("div", { class: "skeleton-block block-4" }))), h("div", { class: "is-col-6" }, h("div", { class: "skeleton cards-div-block-right" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thinner" }), h("div", { class: "skeleton-block block-3" }))))))))), h("div", { class: "desktop-grid" }, h("div", { class: "is-grid has-col-gap-md" }, h("div", { class: "is-col-3" }, h("div", { class: "search-box" }, h("div", { class: "search-input-box" }), h("div", { class: "skeleton-block search-btn-box" })), h("div", { class: "search-filters" }, h("div", { class: "div-block-1 skeleton" }, h("div", { class: "skeleton-block block-1" })), Array.from({ length: 4 }).map(() => (h("div", { class: "div-filter" }, h("div", { class: "div-filter-top skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2" })), h("div", { class: "div-filter-body skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2" })), h("div", { class: "div-filter-body skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-3" })), h("div", { class: "div-filter-body skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2" })), h("div", { class: "div-filter-body skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-3" }))))))), h("div", { class: "is-col-9" }, h("div", { class: "desktop-cards-wrapper" }, h("div", { class: "div-top-lines skeleton" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thick" })), Array.from({ length: 6 }).map(() => (h("div", { class: "cards-div cards-ipad" }, h("div", { class: "is-grid" }, h("div", { class: "is-col-6" }, h("div", { class: "skeleton cards-div-block" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thinner" }), h("div", { class: "skeleton-block block-3 thinner" }), h("div", { class: "skeleton-block block-4" }))), h("div", { class: "is-col-6" }, h("div", { class: "skeleton cards-div-block-right" }, h("div", { class: "skeleton-block block-1" }), h("div", { class: "skeleton-block block-2 thinner" }), h("div", { class: "skeleton-block block-3" }))))))))))))));
       }
-      case "store-detail-page": {
-        return (h("div", { class: "preloader-wrapper preloader-store-detail-page" }, h("div", { class: "jumbotron " }, h("div", { class: "jumbotron-bg" })), h("div", { class: "div-body" }, h("div", { class: "ptc-container" }, h("div", { class: "div-grid-block" }, h("div", { class: "div-1" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin heading" }), h("div", { class: "skeleton-block thick-block" })), h("div", { class: "div-3" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin heading" }), h("div", { class: "skeleton-block thick-block" })))), h("div", { class: "div-middle" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("div", { class: "skeleton div-skeleton" }, h("div", { class: "skeleton-block button-block" }), h("div", { class: "skeleton-block thick" }), h("div", { class: "skeleton-block button-block" }))))), h("div", { class: "div-2" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin heading" }), h("div", { class: "skeleton-block thick-block" })))))), h("div", { class: "ptc-container" }, h("div", { class: "div-content" }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin heading" })), h("div", { class: "border-line" }), h("div", { class: "skeleton" }, h("div", { class: "skeleton-block thin heading" }), h("div", { class: "skeleton-block para" }))))));
-      }
       default:
         return (h("div", { class: "ptc-section-standard preload-min-height" }, h("div", { class: "ptc-container" }, h("max-width-container", { "max-width": "960", breakpoint: 1200 }, h("div", { class: "skeleton" }, h("div", { class: "skeleton-header" }, h("div", { class: "skeleton-block bold" }), h("div", { class: "skeleton-block wide bold" }), h("ptc-spacer", { breakpoint: "small", size: "large" }), h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), h("div", { class: "skeleton-block medium" }), h("div", { class: "skeleton-block narrow" }), h("div", { class: "skeleton-block short" })), h("div", { class: "skeleton-image" }), h("div", { class: "skeleton-text" }, h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block narrow" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block long" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block short bold" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block wide" }), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block" }), h("div", { class: "skeleton-block medium" })))))));
     }
   }
   render() {
     // return <Host>{this.isLoading ? this.renderHTML() : <slot></slot>}</Host>;
-    return (h(Host, null, h("div", { class: `preload-section ${this.isLoading ? "show-skeleton" : ""}` }, h("div", { class: `preload-skeleton ${this.isLoading ? "show" : ""}` }, this.renderHTML()), h("div", { class: `preload-child ${this.isLoading ? "" : "show"}` }, h("slot", null)))));
+    return h(Host, null, h("div", { class: `preload-section ${this.isLoading ? "show-skeleton" : ""}` }, h("div", { class: `preload-skeleton ${this.isLoading ? "show" : ""}` }, this.renderHTML()), h("div", { class: `preload-child ${this.isLoading ? "" : "show"}` }, h("slot", null))));
   }
   static get is() { return "ptc-preloader-section"; }
   static get encapsulation() { return "shadow"; }
@@ -139,7 +134,7 @@ export class PtcPreloaderSection {
         },
         "attribute": "section-type",
         "reflect": false,
-        "defaultValue": "\"page\""
+        "defaultValue": "'page'"
       },
       "numberOfCards": {
         "type": "number",

package/dist/collection/components/ptc-previous-url/ptc-previous-url.css

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -86,4 +82,20 @@ ptc-footer {
   text-decoration: underline;
   text-decoration-color: var(--color-green-07);
   outline: none;
+}
+
+.light {
+  display: inline-block;
+  background: rgba(0, 0, 0, 0.54);
+  border-radius: 4px;
+  padding: 0.5rem 0.75rem;
+  padding: 0.25rem 1rem 0.5rem 0.75rem;
+  cursor: pointer;
+  position: relative;
+  display: block;
+}
+.light:hover span {
+  text-decoration: underline;
+  text-decoration-color: var(--color-green-07);
+  outline: none;
 }

package/dist/collection/components/ptc-previous-url/ptc-previous-url.js

@@ -1,12 +1,20 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcPreviousUrl {
   constructor() {
     this.href = undefined;
     this.text = undefined;
+    this.theme = 'standard';
     this.styles = undefined;
   }
   render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, this.theme == 'light' ?
+      (h("a", { class: this.getCssClassMap() }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("span", { class: "back-to-videos" }, this.text))) :
+      [h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)]), h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.theme]: true
+    };
   }
   static get is() { return "ptc-previous-url"; }
   static get encapsulation() { return "shadow"; }
@@ -56,6 +64,24 @@ export class PtcPreviousUrl {
         "attribute": "text",
         "reflect": false
       },
+      "theme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'standard' | 'light'",
+          "resolved": "\"light\" | \"standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "'standard'"
+      },
       "styles": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.css

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js

@@ -1,4 +1,4 @@
-import { Host, h, Fragment } from "@stencil/core";
+import { Host, h, Fragment } from '@stencil/core';
 export class PtcPricingAddOnCard {
   constructor() {
     this.cardTitle = undefined;
@@ -10,9 +10,9 @@ export class PtcPricingAddOnCard {
     this.sectionId = "";
   }
   render() {
-    return (h(Host, null, h("div", { class: "add-on-card" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "card-pricing" })), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
-      .querySelector('[slot="card-body"]')
-      .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
+    return (h(Host, null, h("div", { class: "add-on-card" }, h("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "card-pricing" })), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.el.querySelector('[slot="card-body"]').innerHTML.toString().length <= 300) ?
+      h("slot", { name: "card-body" }) :
+      h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" })), h("slot", { name: "card-body" })), this.cardCtaHref && this.cardCtaText && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "x-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" }))), this.cardDisclaimer && h(Fragment, null, h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.cardDisclaimer.length <= 150) ? h("slot", { name: "card-disclaimer" }) : h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))));
   }
   static get is() { return "ptc-pricing-add-on-card"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.css

@@ -9,10 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -31,10 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
+ptc-link, ptc-square-card,
+.hyphenate-text, ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class PtcPricingAddOnSection {
   constructor() {
     this.cardCount = undefined;
@@ -19,9 +19,9 @@ export class PtcPricingAddOnSection {
         title: title === null || title === void 0 ? void 0 : title.innerHTML.toString(),
         pricing: pricing === null || pricing === void 0 ? void 0 : pricing.innerHTML.toString(),
         cta: {
-          linkHref: (cta === null || cta === void 0 ? void 0 : cta.getAttribute("href")) || "",
+          linkHref: (cta === null || cta === void 0 ? void 0 : cta.getAttribute('href')) || "",
           linkText: (cta === null || cta === void 0 ? void 0 : cta.innerHTML.toString()) || "",
-          linkTarget: (cta === null || cta === void 0 ? void 0 : cta.getAttribute("target")) || "_blank",
+          linkTarget: (cta === null || cta === void 0 ? void 0 : cta.getAttribute('target')) || "_blank",
         },
         disclaimer: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.innerHTML.toString()) || "",
       };
@@ -34,7 +34,7 @@ export class PtcPricingAddOnSection {
     }
   }
   render() {
-    return (h(Host, null, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.sectionTitle), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "is-grid has-col-gap-md" }, this.cardData.map((data, ind) => (h("div", { class: "is-col-12 is-col-6-md is-col-4-lg is-col-3-xl" }, h("ptc-pricing-add-on-card", { id: `pricing-add-on-${ind + 1}`, "card-title": data.title, "card-pricing-text": data.pricing, "card-cta-href": data.cta.linkHref, "card-cta-text": data.cta.linkText, "card-cta-target": data.cta.linkTarget, "card-disclaimer": data.disclaimer, "section-id": `${ind + 1}-${this.sectionId}` }, h("span", { slot: "card-pricing" }, h("slot", { name: `card-pricing-${ind + 1}` })), h("div", { slot: "card-body" }, h("slot", { name: `card-body-${ind + 1}` })), h("span", { slot: "card-disclaimer" }, h("slot", { name: `card-disclaimer-${ind + 1}` })))))))));
+    return (h(Host, null, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.sectionTitle), h("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "is-grid has-col-gap-md" }, this.cardData.map((data, ind) => h("div", { class: "is-col-12 is-col-6-md is-col-4-lg is-col-3-xl" }, h("ptc-pricing-add-on-card", { id: `pricing-add-on-${ind + 1}`, "card-title": data.title, "card-pricing-text": data.pricing, "card-cta-href": data.cta.linkHref, "card-cta-text": data.cta.linkText, "card-cta-target": data.cta.linkTarget, "card-disclaimer": data.disclaimer, "section-id": `${ind + 1}-${this.sectionId}` }, h("span", { slot: "card-pricing" }, h("slot", { name: `card-pricing-${ind + 1}` })), h("div", { slot: "card-body" }, h("slot", { name: `card-body-${ind + 1}` })), h("span", { slot: "card-disclaimer" }, h("slot", { name: `card-disclaimer-${ind + 1}` }))))))));
   }
   static get is() { return "ptc-pricing-add-on-section"; }
   static get originalStyleUrls() {