@ptcwebops/ptcw-design 6.4.15-beta → 6.4.16-beta

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-picture/ptc-picture.js

@@ -61,6 +61,7 @@ export class PtcPicture {
       if (tempImg) {
         lazyLoadImages.observe(tempImg);
       }
+      this.observer = lazyLoadImages;
     }
     else {
       // fall back to setTimeout for Safari and IE
@@ -95,6 +96,22 @@ export class PtcPicture {
       }
     }
   }
+  //manually load image
+  async LoadImage() {
+    const image = this.el.shadowRoot.querySelector("img");
+    if (!image) {
+      return;
+    }
+    if (!image.src) {
+      image.src = this.setResponsiveBg();
+      image.onload = () => {
+        image.removeAttribute("data-src");
+      };
+    }
+    if (this.observer) {
+      this.observer.unobserve(image);
+    }
+  }
   render() {
     const classMap = this.getCssClassMap();
     const classMapHost = this.getCssClassMapHost();
@@ -492,6 +509,29 @@ export class PtcPicture {
       "oldSrc": {}
     };
   }
+  static get methods() {
+    return {
+      "LoadImage": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLImageElement": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "el"; }
   static get listeners() {
     return [{

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": {}
         },