@ptcwebops/ptcw-design 6.3.48-beta → 6.3.50-beta

package/dist/cjs/ptc-sticky-icons.cjs.entry.js

@@ -21,6 +21,7 @@ const PtcStickyIcons = class {
   }
   setHostLocation() {
     let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
+    const detailSection = document.querySelector(".cs-detail-section");
     let currEle = this.el;
     // get the element
     const element = document.querySelector("ptc-sticky-icons");
@@ -29,6 +30,14 @@ const PtcStickyIcons = class {
       if (width < 992) {
         currEle.parentElement.appendChild(currEle);
         currEle.parentElement.style.paddingRight = "0px";
+        // Code for case study page only
+        // Moving sticky icon in the last ptc-section div
+        if (detailSection) {
+          const lastSection = detailSection.querySelectorAll('.content-section section.ptc-section').length ? detailSection.querySelectorAll('section.ptc-section')[detailSection.querySelectorAll('section.ptc-section').length - 1] : null;
+          if (lastSection && !lastSection.contains(element)) {
+            lastSection.appendChild(currEle);
+          }
+        }
       }
       else {
         currEle.parentElement.prepend(currEle);

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

@@ -3583,6 +3583,115 @@ ptc-link, ptc-square-card,
   margin: 0 5px;
 }
 
+.preloader-store-detail-page .jumbotron {
+  margin-bottom: 48px;
+}
+.preloader-store-detail-page .jumbotron .jumbotron-bg {
+  height: 262px;
+  background-color: var(--color-gray-03);
+  position: relative;
+}
+.preloader-store-detail-page .div-body {
+  top: -172px;
+  position: relative;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body {
+    text-align: -webkit-center;
+  }
+}
+.preloader-store-detail-page .div-body .div-grid-block {
+  position: relative;
+  z-index: 3;
+  border-radius: 4px;
+  background: #FFF;
+  padding: 40px;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body .div-grid-block {
+    max-width: 890px;
+    width: 70%;
+    display: flex;
+    flex-direction: row;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body .div-grid-block .div-1 {
+    flex-basis: 50%;
+    padding-right: 40px;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+  }
+}
+.preloader-store-detail-page .div-body .div-grid-block .div-3 {
+  display: none;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body .div-grid-block .div-3 {
+    display: block;
+  }
+}
+.preloader-store-detail-page .div-body .div-grid-block .div-2 {
+  display: block;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body .div-grid-block .div-2 {
+    display: none;
+  }
+}
+.preloader-store-detail-page .div-body .div-grid-block .thick-block {
+  height: 96px;
+}
+.preloader-store-detail-page .div-body .div-grid-block .div-middle {
+  margin: 40px 0;
+  border-radius: 4px;
+  border: 1px solid var(--color-gray-02);
+  padding: 95px 40px;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .div-body .div-grid-block .div-middle {
+    flex-basis: 50%;
+    margin: 0;
+  }
+}
+.preloader-store-detail-page .div-body .div-grid-block .div-middle .div-skeleton {
+  align-items: center;
+}
+.preloader-store-detail-page .div-body .div-grid-block .div-middle .button-block {
+  width: 125px;
+  height: 48px;
+}
+.preloader-store-detail-page .div-content {
+  top: -172px;
+  margin-top: 56px;
+  position: relative;
+  border-radius: 4px;
+  background: #FFF;
+  padding: 40px;
+}
+.preloader-store-detail-page .div-content .border-line {
+  margin: 40px 10px;
+  border: 1px solid var(--color-gray-02);
+}
+.preloader-store-detail-page .div-content .thick-block {
+  height: 96px;
+  margin-top: 40px;
+}
+.preloader-store-detail-page .heading {
+  width: 125px;
+}
+.preloader-store-detail-page .para {
+  height: 96px;
+  margin-top: 40px;
+}
+@media only screen and (min-width: 768px) {
+  .preloader-store-detail-page .para {
+    width: 65%;
+    height: 192px;
+  }
+}
+
 @keyframes pulse {
   0% {
     opacity: 0.5;

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

@@ -96,6 +96,9 @@ export class PtcPreloaderSection {
       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" })))))));
     }

package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js

@@ -11,6 +11,7 @@ export class PtcStickyIcons {
   }
   setHostLocation() {
     let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
+    const detailSection = document.querySelector(".cs-detail-section");
     let currEle = this.el;
     // get the element
     const element = document.querySelector("ptc-sticky-icons");
@@ -19,6 +20,14 @@ export class PtcStickyIcons {
       if (width < 992) {
         currEle.parentElement.appendChild(currEle);
         currEle.parentElement.style.paddingRight = "0px";
+        // Code for case study page only
+        // Moving sticky icon in the last ptc-section div
+        if (detailSection) {
+          const lastSection = detailSection.querySelectorAll('.content-section section.ptc-section').length ? detailSection.querySelectorAll('section.ptc-section')[detailSection.querySelectorAll('section.ptc-section').length - 1] : null;
+          if (lastSection && !lastSection.contains(element)) {
+            lastSection.appendChild(currEle);
+          }
+        }
       }
       else {
         currEle.parentElement.prepend(currEle);