@ptcwebops/ptcw-design 6.4.9 → 6.4.10-beta

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css

@@ -100,18 +100,21 @@ Credits to Dave Berning
 .is-grid.is-dense,
 .is-grid-inline.is-dense {
   grid-auto-flow: dense;
+  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
 .is-grid.has-wrapped-row,
 .is-grid-inline.has-wrapped-row {
   grid-auto-flow: row;
+  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
 .is-grid.has-wrapped-row.is-dense,
 .is-grid-inline.has-wrapped-row.is-dense {
   grid-auto-flow: row dense;
+  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
@@ -122,6 +125,7 @@ Credits to Dave Berning
 .is-grid.has-wrapped-col.is-dense,
 .is-grid-inline.has-wrapped-col.is-dense {
   grid-auto-flow: column dense;
+  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
@@ -5280,18 +5284,25 @@ Credits to Dave Berning
 }
 
 .is-centered {
+  display: -webkit-box;
   display: flex;
+  -webkit-box-align: center;
   align-items: center;
+  -webkit-box-pack: center;
   justify-content: center;
 }
 
 .is-centered-horizontally {
+  display: -webkit-box;
   display: flex;
+  -webkit-box-pack: center;
   justify-content: center;
 }
 
 .is-centered-vertically {
+  display: -webkit-box;
   display: flex;
+  -webkit-box-align: center;
   align-items: center;
 }
 
@@ -5364,70 +5375,84 @@ Credits to Dave Berning
   }
 }
 .is-flex {
+  display: -webkit-box;
   display: flex;
 }
 
 @media screen and (min-width: 575.5px) {
   .is-flex-xs {
+    display: -webkit-box;
     display: flex;
   }
 }
 @media screen and (min-width: 576px) {
   .is-flex-sm {
+    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 768px) {
   .is-flex-md {
+    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 992px) {
   .is-flex-lg {
+    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 1200px) {
   .is-flex-xl {
+    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 1440px) {
   .is-flex-xxl {
+    display: -webkit-box;
     display: flex;
   }
 }
 .is-inline-flex {
+  display: -webkit-inline-box;
   display: inline-flex;
 }
 
 @media screen and (min-width: 575.5px) {
   .is-inline-flex-xs {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media screen and (min-width: 576px) {
   .is-inline-flex-sm {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 768px) {
   .is-inline-flex-md {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 992px) {
   .is-inline-flex-lg {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 1200px) {
   .is-inline-flex-xl {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 1440px) {
   .is-inline-flex-xxl {
+    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
@@ -5583,14 +5608,17 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -5599,38 +5627,47 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -5639,24 +5676,30 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -5664,14 +5707,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -5679,14 +5725,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

package/dist/collection/components/ptc-preloader/ptc-preloader.css

@@ -1,111 +1,147 @@
-:host {
-  display: block;
-}
-
-.skeleton {
-	display: flex;
-	flex-direction: column;
-	&.centered {
-		justify-content: center;
-	}
-
-	&.padding-left-sm {
-		padding-left: 14px;
-	}
-}
-
-.skeleton-block {
-	height: 24px;
-	background: linear-gradient(
-		to right,
-		#f6f6f6 25%,
-		#e4e7e9 50%,
-		#f6f6f6 75%
-	);
-	background-size: 200% 100%;
-	margin-bottom: 8px;
-	border-radius: 4px;
-	animation: loading 2.5s ease-in-out infinite;
-	width: 100%;
-}
-
-.skeleton-block {
-	&.long {
-		width: 80%;
-	}
-
-	&.wide {
-		width: 70%;
-	}
-
-	&.wide-sm {
-		width: 60%;
-	}
-
-	&.medium {
-		width: 50%;
-	}
-
-	/* &.medium-md {
-		@include screen-md {
-			width: 50%;
-		}
-	} */
-
-	&.short {
-		width: 30%;
-	}
-
-	&.narrow {
-		width: 20%;
-	}	
-
-	&.center {
-		margin-left: auto;
-		margin-right: auto;
-	}
-
-	&.left {
-		margin-right: auto;
-	}
-
-	&.right {
-		margin-left: auto;
-	}
-
-  &.caption {
-    height: 32px;
-  }
-
-  &.para {
-    height: 96px;
-  }
-
-  &.text-body {
-    height: 192px;
-  }
-
-  &.button {
-    height: 48px;
-  }
-
-  &.small-para {
-    height: 40px;
-  }
-
-  &.divider {
-    height: 1px;
-  }
-
-  &.multi-line{
-    height: 24px;
-  }
-
-  &.title {
-    height: 16px;
-  }
-
-  &.line {
-    height: 8px;
-  }
-}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+  word-break: break-word;
+  hyphens: manual;
+  -webkit-hyphens: manual;
+  -moz-hyphens: manual;
+  -ms-hyphens: manual;
+}
+@supports (hyphenate-limit-chars: 12 3 3) {
+  h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    /* For Safari */
+    -webkit-hyphenate-limit-after: 3;
+    /* For Safari */
+    hyphenate-limit-chars: 12 3 3;
+    hyphenate-limit-lines: 2;
+    hyphenate-limit-last: always;
+    hyphenate-limit-zone: 6%;
+    -webkit-hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+    -webkit-hyphenate-limit-chars: 12 3 3;
+    -webkit-hyphenate-limit-lines: 2;
+    -moz-hyphens: auto;
+    -moz-hyphenate-limit-chars: 12 3 3;
+    -moz-hyphenate-limit-lines: 2;
+    -ms-hyphens: auto;
+    -ms-hyphenate-limit-chars: 12 3 3;
+    -ms-hyphenate-limit-lines: 2;
+  }
+}
+
+:host {
+  display: block;
+}
+
+.skeleton {
+  display: flex;
+  flex-direction: column;
+}
+.skeleton.centered {
+  justify-content: center;
+}
+.skeleton.padding-left-sm {
+  padding-left: 14px;
+}
+
+.skeleton-block {
+  height: 24px;
+  background: linear-gradient(to right, #f6f6f6 25%, #e4e7e9 50%, #f6f6f6 75%);
+  background-size: 200% 100%;
+  margin-bottom: 8px;
+  border-radius: 4px;
+  animation: loading 2.5s ease-in-out infinite;
+  width: 100%;
+}
+
+.skeleton-block {
+  /* &.medium-md {
+  	@include screen-md {
+  		width: 50%;
+  	}
+  } */
+}
+.skeleton-block.long {
+  width: 80%;
+}
+.skeleton-block.wide {
+  width: 70%;
+}
+.skeleton-block.wide-sm {
+  width: 60%;
+}
+.skeleton-block.medium {
+  width: 50%;
+}
+.skeleton-block.short {
+  width: 30%;
+}
+.skeleton-block.narrow {
+  width: 20%;
+}
+.skeleton-block.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+.skeleton-block.left {
+  margin-right: auto;
+}
+.skeleton-block.right {
+  margin-left: auto;
+}
+.skeleton-block.caption {
+  height: 32px;
+}
+.skeleton-block.para {
+  height: 96px;
+}
+.skeleton-block.text-body {
+  height: 192px;
+}
+.skeleton-block.button {
+  height: 48px;
+}
+.skeleton-block.small-para {
+  height: 40px;
+}
+.skeleton-block.divider {
+  height: 1px;
+}
+.skeleton-block.multi-line {
+  height: 24px;
+}
+.skeleton-block.title {
+  height: 16px;
+}
+.skeleton-block.line {
+  height: 8px;
+}

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

@@ -12,7 +12,7 @@ export class PtcPreloader {
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["ptc-preloader.css"]
+      "$": ["ptc-preloader.scss"]
     };
   }
   static get styleUrls() {

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

@@ -119,7 +119,6 @@ ptc-footer {
 
 .preload-section {
   position: relative;
-  height: -moz-max-content;
   height: max-content;
   overflow: visible;
 }
@@ -488,8 +487,7 @@ ptc-footer {
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
-  -moz-column-gap: 40px;
-       column-gap: 40px;
+  column-gap: 40px;
 }
 .skeleton-home-page .slide-container .skeleton-slides .slide {
   background: linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);
@@ -797,13 +795,11 @@ ptc-footer {
 .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  -moz-column-gap: 14px;
-       column-gap: 14px;
+  column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .skeleton-jumbotron .cta-wrap {
-    -moz-column-gap: 24px;
-         column-gap: 24px;
+    column-gap: 24px;
   }
 }
 
@@ -913,8 +909,7 @@ ptc-footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  -moz-column-gap: 28px;
-       column-gap: 28px;
+  column-gap: 28px;
 }
 .skeleton-on-demand .on-demand-vl .grid-vl .block {
   flex-basis: 100%;
@@ -2199,8 +2194,7 @@ ptc-footer {
 .preloader-events-listing .grid-cards {
   display: flex;
   flex-direction: row;
-  -moz-column-gap: 24px;
-       column-gap: 24px;
+  column-gap: 24px;
   overflow-x: hidden;
 }
 @media only screen and (min-width: 992px) {
@@ -2230,8 +2224,7 @@ ptc-footer {
   .preloader-events-listing .grid-cards-desktop {
     display: flex;
     flex-direction: row;
-    -moz-column-gap: 24px;
-         column-gap: 24px;
+    column-gap: 24px;
     overflow-x: hidden;
     justify-content: center;
   }
@@ -2294,8 +2287,7 @@ ptc-footer {
 .preloader-events-listing .grid-long-cards {
   display: flex;
   flex-direction: row;
-  -moz-column-gap: 24px;
-       column-gap: 24px;
+  column-gap: 24px;
   overflow-x: hidden;
   margin-top: 36px;
   margin-bottom: 30px;
@@ -2566,13 +2558,11 @@ ptc-footer {
 .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  -moz-column-gap: 14px;
-       column-gap: 14px;
+  column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
-    -moz-column-gap: 24px;
-         column-gap: 24px;
+    column-gap: 24px;
   }
 }
 .preloader-cs-listing-page .bold-1 {
@@ -3720,8 +3710,7 @@ ptc-footer {
 .skeleton-homepage-toggle .block,
 .skeleton-blog-detail .skeleton-block,
 .skeleton-blog-detail .skeleton-jumbotron .skeleton-jumbotron-image,
-.skeleton-on-demand .skeleton-block,
-.ppc-skeleton-preloader .dots-loader {
+.skeleton-on-demand .skeleton-block {
     animation: none;
   }
 }

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

@@ -81,13 +81,14 @@ export class PtcPreloaderSection {
       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 "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":
+      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 "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" })))));