@ptcwebops/ptcw-design 6.2.27-beta → 6.2.28-beta

package/dist/cjs/ptc-icon-minimize.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.js');
 
-const ptcIconMinimizeCss = "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;-webkit-hyphenate-limit-after:3;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}}.content{transition:max-height ease-out 250ms;overflow:hidden;max-height:0}.ptc-icon-minimize .header{display:flex;justify-content:space-between;align-items:center;align-content:center}.ptc-icon-minimize .header .title{color:var(--color-gray-10);font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal)}@media (min-width: 992px){.ptc-icon-minimize .header .title{font-size:var(--ptc-font-size-x-small)}}.ptc-icon-minimize .header .icon{cursor:pointer;border:1px solid var(--color-gray-10);border-radius:2px;transition:background-color ease-out 250ms;background-color:transparent;height:1rem;width:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.ptc-icon-minimize .header .icon:hover{background-color:var(--color-gray-02)}.ptc-icon-minimize .header .icon icon-asset{position:relative;width:0.5rem;height:0.5rem;display:flex;outline:transparent !important}.ptc-icon-minimize .header .icon icon-asset svg.xxx-small.sc-icon-asset{width:0.5rem;height:0.5rem;outline:none !important}.ptc-icon-minimize .header .icon icon-asset:focus{outline:none !important}.ptc-icon-minimize .header .icon icon-asset:focus-visible{outline:none !important}.ptc-icon-minimize .header .icon icon-asset:active{outline:none !important}.ptc-icon-minimize .header .icon:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);margin-right:5px}.ptc-icon-minimize .header .icon:focus-visible icon-asset{outline:none !important}.ptc-icon-minimize .header .icon:active icon-asset{outline:none !important}";
+const ptcIconMinimizeCss = "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;-webkit-hyphenate-limit-after:3;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}}.content{transition:max-height ease-out 250ms;overflow:hidden;max-height:0}.ptc-icon-minimize .header{display:flex;justify-content:space-between;align-items:center;align-content:center}.ptc-icon-minimize .header .title{color:var(--color-gray-10);font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal)}@media (min-width: 992px){.ptc-icon-minimize .header .title{font-size:var(--ptc-font-size-x-small)}}.ptc-icon-minimize .header .icon{cursor:pointer;border:1px solid var(--color-gray-10);border-radius:2px;transition:background-color ease-out 250ms;background-color:transparent;height:1rem;width:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.ptc-icon-minimize .header .icon:hover{background-color:var(--color-gray-02)}.ptc-icon-minimize .header .icon icon-asset{position:relative;width:0.5rem;height:0.5rem;display:flex;outline:transparent !important}.ptc-icon-minimize .header .icon icon-asset svg.xxx-small.sc-icon-asset{width:0.5rem;height:0.5rem;outline:none !important}.ptc-icon-minimize .header .icon icon-asset:focus{outline:none !important}.ptc-icon-minimize .header .icon icon-asset:focus-visible{outline:none !important}.ptc-icon-minimize .header .icon icon-asset:active{outline:none !important}.ptc-icon-minimize .header .icon:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-icon-minimize .header .icon:focus-visible icon-asset{outline:none !important}.ptc-icon-minimize .header .icon:active icon-asset{outline:none !important}.ptc-icon-minimize .checkbox-icon .icon:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);margin-right:5px}.ptc-icon-minimize .checkbox-icon .icon:focus-visible icon-asset{outline:none !important}";
 
 const PtcIconMinimize = class {
   constructor(hostRef) {
@@ -148,7 +148,7 @@ const PtcIconMinimize = class {
     return (index.h("div", { class: 'ptc-icon-minimize' }, this.listType == "default" ?
       index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
       : this.listType == "checkbox" ?
-        index.h("div", { class: "header" }, index.h("div", { class: "title" }, index.h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), index.h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
+        index.h("div", { class: "header checkbox-icon" }, index.h("div", { class: "title" }, index.h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), index.h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
         : null, index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
   }
   get host() { return index.getElement(this); }

package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css

@@ -119,11 +119,18 @@ ptc-link, ptc-square-card,
 .ptc-icon-minimize .header .icon:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   outline: 5px solid var(--keyboard-nav-outline);
-  margin-right: 5px;
 }
 .ptc-icon-minimize .header .icon:focus-visible icon-asset {
   outline: none !important;
 }
 .ptc-icon-minimize .header .icon:active icon-asset {
   outline: none !important;
+}
+.ptc-icon-minimize .checkbox-icon .icon:focus-visible {
+  border-radius: var(--ptc-border-radius-standard);
+  outline: 5px solid var(--keyboard-nav-outline);
+  margin-right: 5px;
+}
+.ptc-icon-minimize .checkbox-icon .icon:focus-visible icon-asset {
+  outline: none !important;
 }

package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js

@@ -140,7 +140,7 @@ export class PtcIconMinimize {
     return (h("div", { class: 'ptc-icon-minimize' }, this.listType == "default" ?
       h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
       : this.listType == "checkbox" ?
-        h("div", { class: "header" }, h("div", { class: "title" }, h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
+        h("div", { class: "header checkbox-icon" }, h("div", { class: "title" }, h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
         : null, h("div", { class: "content", style: scrollHeight }, h("slot", null))));
   }
   static get is() { return "ptc-icon-minimize"; }

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

@@ -246,6 +246,11 @@ ptc-link, ptc-square-card,
 .skeleton-block.medium {
   width: 50%;
 }
+@media only screen and (min-width: 992px) {
+  .skeleton-block.medium-md {
+    width: 50%;
+  }
+}
 .skeleton-block.short {
   width: 30%;
 }
@@ -2683,6 +2688,69 @@ ptc-link, ptc-square-card,
   }
 }
 
+.news-skeleton-preloader .thick-on-mobile {
+  height: 94px;
+}
+@media only screen and (min-width: 768px) {
+  .news-skeleton-preloader .thick-on-mobile {
+    height: 48px;
+  }
+}
+.news-skeleton-preloader .big-block {
+  height: 700px;
+}
+@media only screen and (min-width: 992px) {
+  .news-skeleton-preloader .big-block {
+    height: 547px;
+  }
+}
+.news-skeleton-preloader .card-block {
+  height: 500px;
+}
+.news-skeleton-preloader .big-card-block {
+  height: calc(100% - 8px);
+  display: none;
+}
+@media only screen and (min-width: 992px) {
+  .news-skeleton-preloader .big-card-block {
+    display: block;
+  }
+}
+
+.resource-center-skeleton-preloader .skeleton-jumbotron {
+  background-color: var(--color-gray-02);
+  padding-top: 24px;
+  padding-bottom: 24px;
+  margin-bottom: 24px;
+}
+@media only screen and (min-width: 992px) {
+  .resource-center-skeleton-preloader .skeleton-jumbotron {
+    background-color: var(--color-gray-01);
+    padding-top: 106px;
+    padding-bottom: 106px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .resource-center-skeleton-preloader .skeleton-jumbotron {
+    margin-bottom: 48px;
+  }
+}
+.resource-center-skeleton-preloader .jumbo-image-mobile {
+  display: block;
+  background-color: var(--color-gray-01);
+  height: 300px;
+}
+@media only screen and (min-width: 992px) {
+  .resource-center-skeleton-preloader .jumbo-image-mobile {
+    display: none;
+  }
+}
+.resource-center-skeleton-preloader .card-block {
+  width: 100%;
+  height: 347px;
+  margin: 0;
+}
+
 .preloader-search-results {
   position: relative;
   width: 100%;
@@ -2694,8 +2762,6 @@ ptc-link, ptc-square-card,
   position: relative;
 }
 .preloader-search-results .content-container .content-container-child {
-  top: 80px;
-  margin-bottom: 70px;
   background-color: --color-standard-gray;
   position: relative;
 }
@@ -2705,45 +2771,126 @@ ptc-link, ptc-square-card,
 .preloader-search-results .content-container .row-margin-btm {
   margin-bottom: 10px;
 }
-.preloader-search-results .content-container .grid-mrgn {
-  margin: 0;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-search-results .content-container .grid-mrgn {
-    margin: 0 18px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-search-results .content-container .grid-mrgn {
-    margin: 0 26px;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .preloader-search-results .content-container .grid-mrgn {
-    margin: 0 29px;
-  }
-}
 .preloader-search-results .content-container .grid-top-2 {
   margin-bottom: 20px;
 }
 .preloader-search-results .content-container .block-1 {
   height: 527px;
 }
+.preloader-search-results .content-container .skeleton {
+  padding-top: 4px;
+}
 .preloader-search-results .content-container .skeleton .skeleton-block {
   margin-bottom: 6px;
 }
 .preloader-search-results .content-container .skeleton .skeleton-block.longer {
-  width: 75%;
+  width: 568px;
+}
+@media only screen and (min-width: 1600px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 568px;
+  }
+}
+@media only screen and (min-width: 1440px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 538px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 393px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 459px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 275px;
+  }
+}
+@media only screen and (min-width: 480px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longer {
+    width: 199px;
+  }
 }
 .preloader-search-results .content-container .skeleton .skeleton-block.longest {
-  width: 97%;
+  width: 754px;
+}
+@media only screen and (min-width: 1600px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 754px;
+  }
+}
+@media only screen and (min-width: 1440px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 714px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 523px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 611px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 366px;
+  }
+}
+@media only screen and (min-width: 480px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.longest {
+    width: 264px;
+  }
 }
 .preloader-search-results .content-container .skeleton .skeleton-block.medium {
-  width: 45%;
+  width: 366px;
+}
+@media only screen and (min-width: 1600px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 366px;
+  }
+}
+@media only screen and (min-width: 1440px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 347px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 254px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 297px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 179px;
+  }
+}
+@media only screen and (min-width: 480px) {
+  .preloader-search-results .content-container .skeleton .skeleton-block.medium {
+    width: 129px;
+  }
+}
+.preloader-search-results .content-container .skeleton .skeleton-block.small {
+  width: 100%;
 }
 .preloader-search-results .content-container .skeleton .skeleton-block.thin {
   height: 16px;
 }
+.preloader-search-results .content-container .skeleton .skeleton-block.thinner {
+  height: 1px;
+}
 .preloader-search-results .content-container .skeleton .skeleton-block.bold {
   height: 26px;
 }

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

@@ -79,7 +79,13 @@ export class PtcPreloaderSection {
         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: "grid-mrgn" }, h("div", { class: "skeleton-block medium bold" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), 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("ptc-spacer", { breakpoint: "small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "large" }), h("div", { class: "skeleton-block thin longest" }), h("div", { class: "skeleton-block thin longer" }), 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("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("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("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("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("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("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("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" })))));
+        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 thin 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 thin 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 thin 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 thin 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 thin 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 thin 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 thin 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 thin 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 thin 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 thin 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-6-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-6-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-6-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-6-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" })))))))));
       }
       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" })))))));