@ptcwebops/ptcw-design 6.4.32-beta → 6.4.34-beta

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css

@@ -83,8 +83,7 @@ swiper-slide {
 }
 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 /* 3D Effects */
 .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -391,7 +390,8 @@ button.swiper-pagination-bullet {
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
-          appearance: none;
+          -moz-appearance: none;
+       appearance: none;
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
@@ -559,7 +559,8 @@ button.swiper-pagination-bullet {
 .swiper-zoom-container > canvas {
   max-width: 100%;
   max-height: 100%;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .swiper-slide-zoomed {
   cursor: move;
@@ -605,8 +606,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
@@ -635,8 +635,7 @@ swiper-container .swiper-notification {
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
@@ -662,8 +661,7 @@ swiper-container .swiper-notification {
 }
 .swiper-flip .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
 }
 .swiper-flip .swiper-slide .swiper-slide {
@@ -678,12 +676,10 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-creative .swiper-slide {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height;
 }
@@ -692,8 +688,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
 }
 

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

@@ -83,8 +83,7 @@ swiper-slide {
 }
 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 /* 3D Effects */
 .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -391,7 +390,8 @@ button.swiper-pagination-bullet {
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
-          appearance: none;
+          -moz-appearance: none;
+       appearance: none;
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
@@ -559,7 +559,8 @@ button.swiper-pagination-bullet {
 .swiper-zoom-container > canvas {
   max-width: 100%;
   max-height: 100%;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .swiper-slide-zoomed {
   cursor: move;
@@ -605,8 +606,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
@@ -635,8 +635,7 @@ swiper-container .swiper-notification {
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
@@ -662,8 +661,7 @@ swiper-container .swiper-notification {
 }
 .swiper-flip .swiper-slide {
   pointer-events: none;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   z-index: 1;
 }
 .swiper-flip .swiper-slide .swiper-slide {
@@ -678,12 +676,10 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .swiper-creative .swiper-slide {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height;
 }
@@ -692,8 +688,7 @@ swiper-container .swiper-notification {
 }
 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
   overflow: hidden;
 }
 

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

@@ -3600,12 +3600,12 @@ ptc-footer {
 }
 
 .preloader-store-detail-page .jumbotron .jumbotron-bg {
-  height: 228px;
+  height: 300px;
   background-color: var(--color-gray-03);
   position: relative;
 }
 .preloader-store-detail-page .div-body {
-  top: -53px;
+  top: -100px;
   position: relative;
 }
 @media only screen and (min-width: 768px) {
@@ -3615,12 +3615,12 @@ ptc-footer {
 }
 @media only screen and (min-width: 480px) {
   .preloader-store-detail-page .div-body {
-    top: -95px;
+    top: -125px;
   }
 }
 @media only screen and (min-width: 992px) {
   .preloader-store-detail-page .div-body {
-    top: -116px;
+    top: -148px;
   }
 }
 .preloader-store-detail-page .div-body .div-grid-block {

package/dist/collection/components/ptc-seo-title/ptc-seo-title.js

@@ -191,7 +191,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"margin-flush\"\n\t\t| \"margin-top-3\"\n\t\t| \"margin-top-4\"\n\t\t| \"margin-top-5\"\n\t\t| \"margin-top-6\"\n\t\t| \"margin-bottom-3\"\n\t\t| \"margin-bottom-4\"\n\t\t| \"margin-bottom-5\"\n\t\t| \"margin-bottom-6\"\n\t\t| \"margin-3\"\n\t\t| \"margin-4\"\n\t\t| \"margin-5\"\n\t\t| \"margin-6\"\n\t\t| \"margin-9\"",
+          "original": "| \"margin-flush\"\r\n\t\t| \"margin-top-3\"\r\n\t\t| \"margin-top-4\"\r\n\t\t| \"margin-top-5\"\r\n\t\t| \"margin-top-6\"\r\n\t\t| \"margin-bottom-3\"\r\n\t\t| \"margin-bottom-4\"\r\n\t\t| \"margin-bottom-5\"\r\n\t\t| \"margin-bottom-6\"\r\n\t\t| \"margin-3\"\r\n\t\t| \"margin-4\"\r\n\t\t| \"margin-5\"\r\n\t\t| \"margin-6\"\r\n\t\t| \"margin-9\"",
           "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
           "references": {}
         },
@@ -225,7 +225,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"xx-small\"\n\t\t| \"x-small\"\n\t\t| \"small\"\n\t\t| \"medium\"\n\t\t| \"large\"\n\t\t| \"x-large\"\n\t\t| \"xx-large\"\n\t\t| \"xxx-large\"\n\t\t| \"xxxx-large\"\n\t\t| \"xxxx-large-allbp\"\n\t\t| \"xx-large-allbp\"\n\t\t| \"xxxx-large-desktop\"\n\t\t| \"xxxx-large-store\"",
+          "original": "| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"xxxx-large-allbp\"\r\n\t\t| \"xx-large-allbp\"\r\n\t\t| \"xxxx-large-desktop\"\r\n\t\t| \"xxxx-large-store\"",
           "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
           "references": {}
         },
@@ -242,7 +242,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"densest\"\n\t\t| \"denser\"\n\t\t| \"dense\"\n\t\t| \"normal\"\n\t\t| \"loose\"\n\t\t| \"looser\"\n\t\t| \"paragraph\"",
+          "original": "| \"densest\"\r\n\t\t| \"denser\"\r\n\t\t| \"dense\"\r\n\t\t| \"normal\"\r\n\t\t| \"loose\"\r\n\t\t| \"looser\"\r\n\t\t| \"paragraph\"",
           "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
           "references": {}
         },

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

@@ -72,7 +72,7 @@ ptc-footer {
   position: relative;
 }
 :host .content-container {
-  padding: 16px;
+  padding: 24px;
   color: var(--color-gray-10);
   display: flex;
   flex-direction: column;

package/dist/collection/components/ptc-store-card-list/ptc-store-card-list.css

@@ -998,6 +998,10 @@ ptc-store-card-list {
   display: block;
   position: relative;
   overflow: hidden;
+  padding-left: 24px;
+  padding-right: 24px;
+  margin-left: -24px;
+  margin-right: -24px;
 }
 @media only screen and (min-width: 768px) {
   ptc-store-card-list {
@@ -1061,18 +1065,18 @@ ptc-store-card-list .swiper-container {
 ptc-store-card-list .swiper-slide {
   height: auto;
   display: flex;
-  max-width: 344px;
+  width: 288px;
 }
 @media only screen and (min-width: 768px) {
   ptc-store-card-list .swiper-slide {
+    width: 100%;
     max-width: 100%;
   }
 }
 ptc-store-card-list .swiper-scrollbar.swiper-scrollbar-horizontal {
   position: absolute;
   left: 50%;
-  bottom: 20px !important;
-  transform: translateX(-50%);
+  transform: translate(-50%, -13px);
   z-index: 50;
   width: 161px;
   height: 8px;
@@ -1083,22 +1087,77 @@ ptc-store-card-list .swiper-scrollbar-drag {
   height: 8px;
   border-radius: 999px;
   background: var(--color-gray-10);
+  transform: translateX(-16px);
+}
+ptc-store-card-list .swiper-button-prev:after,
+ptc-store-card-list .swiper-button-next:after {
+  content: none;
+}
+ptc-store-card-list .swiper-button-prev img,
+ptc-store-card-list .swiper-button-next img {
+  background-color: #ffffff;
 }
 ptc-store-card-list .swiper-button-prev,
-ptc-store-card-list .swiper-button-next {
+ptc-store-card-list .swiper-rtl .swiper-button-next {
   top: auto;
-  bottom: 5px;
+  bottom: 0px;
+  left: auto;
+  right: calc(50% + 116.5px);
   height: 40px;
   width: 40px;
   border-radius: 4px;
 }
-ptc-store-card-list .swiper-button-prev::after,
-ptc-store-card-list .swiper-button-next::after {
-  content: none;
-}
 ptc-store-card-list .swiper-button-prev:hover,
-ptc-store-card-list .swiper-button-next:hover {
+ptc-store-card-list .swiper-rtl .swiper-button-next:hover {
+  outline: none;
+  outline-offset: 0;
+  text-decoration: none;
+  background-color: #e4e7e9;
+  transition: var(--ptc-transition-slow) linear;
+}
+ptc-store-card-list .swiper-button-prev:focus, ptc-store-card-list .swiper-button-prev:active,
+ptc-store-card-list .swiper-rtl .swiper-button-next:focus,
+ptc-store-card-list .swiper-rtl .swiper-button-next:active {
+  outline: none;
+  outline-offset: 0;
+  text-decoration: none;
+  background-color: #bec6ca;
+}
+ptc-store-card-list .swiper-button-prev svg,
+ptc-store-card-list .swiper-rtl .swiper-button-next svg {
+  height: 14px;
+  width: 9px;
+}
+ptc-store-card-list .swiper-button-next,
+ptc-store-card-list .swiper-rtl .swiper-button-prev {
+  top: auto;
+  bottom: 0px;
+  right: auto;
+  left: calc(50% + 116.5px);
+  height: 40px;
+  width: 40px;
+  border-radius: 4px;
+}
+ptc-store-card-list .swiper-button-next:hover,
+ptc-store-card-list .swiper-rtl .swiper-button-prev:hover {
+  outline: none;
+  outline-offset: 0;
+  text-decoration: none;
   background-color: #e4e7e9;
+  transition: var(--ptc-transition-slow) linear;
+}
+ptc-store-card-list .swiper-button-next:focus, ptc-store-card-list .swiper-button-next:active,
+ptc-store-card-list .swiper-rtl .swiper-button-prev:focus,
+ptc-store-card-list .swiper-rtl .swiper-button-prev:active {
+  outline: none;
+  outline-offset: 0;
+  text-decoration: none;
+  background-color: #bec6ca;
+}
+ptc-store-card-list .swiper-button-next svg,
+ptc-store-card-list .swiper-rtl .swiper-button-prev svg {
+  height: 14px;
+  width: 9px;
 }
 @media only screen and (min-width: 768px) {
   ptc-store-card-list .swiper-wrapper {
@@ -1133,8 +1192,14 @@ ptc-store-card-list .swiper-button-next {
 }
 .store-modal-card .store-modal-content {
   padding: 48px 24px 48px 24px;
+  position: relative;
 }
-@media only screen and (min-width: 480px) {
+.store-modal-card .store-modal-content .store-modal-close-icon {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+@media only screen and (min-width: 768px) {
   .store-modal-card .store-modal-content {
     padding: 32px 48px 48px 48px;
   }
@@ -1160,9 +1225,9 @@ ptc-store-card-list .swiper-button-next {
 .store-modal-card .store-modal-footer {
   padding: 8px 24px 24px 24px;
 }
-@media only screen and (min-width: 480px) {
+@media only screen and (min-width: 768px) {
   .store-modal-card .store-modal-footer {
-    padding: 8px 32px 24px 32px;
+    padding: 8px 48px 24px 48px;
   }
 }
 .store-modal-card .store-modal-footer-buttons {
@@ -1170,4 +1235,12 @@ ptc-store-card-list .swiper-button-next {
   flex-wrap: wrap;
   gap: 16px;
   justify-content: center;
+}
+.store-modal-card .store-modal-footer-buttons ptc-button {
+  width: 100%;
+}
+@media only screen and (min-width: 768px) {
+  .store-modal-card .store-modal-footer-buttons ptc-button {
+    width: auto;
+  }
 }

package/dist/collection/components/ptc-store-card-list/ptc-store-card-list.js

@@ -57,7 +57,7 @@ export class PtcStoreCardList {
     if (swiperContainer) {
       this.swiperInstance = new Swiper(swiperContainer, {
         modules: [Navigation, Scrollbar, Pagination],
-        slidesPerView: 1.1,
+        slidesPerView: "auto",
         spaceBetween: 24,
         scrollbar: {
           el: this.swiperScrollbarRef,
@@ -67,11 +67,6 @@ export class PtcStoreCardList {
           nextEl: this.swiperButtonNextRef,
           prevEl: this.swiperButtonPrevRef,
         },
-        breakpoints: {
-          480: {
-            slidesPerView: 1.3,
-          },
-        },
       });
     }
   }