npm - @ptcwebops/ptcw-design - Versions diffs - 4.4.2 → 4.4.3 - Mend

@ptcwebops/ptcw-design 4.4.2 → 4.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (697) hide show

package/dist/collection/components/ptc-footer/ptc-footer-v2.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -107,34 +109,37 @@ ptc-footer .footer-top {
 }
 @media only screen and (min-width: 992px) {
   ptc-footer .footer-top {
-    padding: var(--ptc-layout-spacing-06) 24px;
+    padding: var(--ptc-layout-spacing-06) 56px;
     max-width: 900px;
   }
 }
 @media only screen and (min-width: 1200px) {
   ptc-footer .footer-top {
-    padding: var(--ptc-layout-spacing-06) 56px;
     max-width: 1200px;
   }
 }
-@media only screen and (min-width: 1440px) {
-  ptc-footer .footer-top {
-    max-width: 1200px;
-    padding: var(--ptc-layout-spacing-06) 0;
-  }
-}
 ptc-footer .footer-top ptc-title {
   display: block;
 }
 ptc-footer .footer-top .f-menu {
   justify-content: space-between;
   width: 100%;
+  gap: 16px;
 }
 @media only screen and (min-width: 992px) {
   ptc-footer .footer-top .f-menu {
     justify-content: flex-start;
   }
 }
+ptc-footer .footer-top .f-menu ul {
+  max-width: 50%;
+}
+@media only screen and (min-width: 992px) {
+  ptc-footer .footer-top .f-menu ul {
+    flex: 1 50%;
+    max-width: initial;
+  }
+}
 ptc-footer .footer-top .f-menu ul li {
   padding: 6px 0;
 }
@@ -290,7 +295,7 @@ ptc-footer .ft-grid {
   align-content: flex-start;
   row-gap: 48px;
   align-self: stretch;
-  flex-wrap: wrap;
+  flex-flow: row wrap;
 }
 @media only screen and (min-width: 992px) {
   ptc-footer .ft-grid {
@@ -310,18 +315,22 @@ ptc-footer .ft-grid .ft-col {
 }
 ptc-footer .ft-grid .ft-cards {
   padding-right: 0;
+  flex: 1 100%;
 }
 @media only screen and (min-width: 992px) {
   ptc-footer .ft-grid .ft-cards {
     padding-right: 48px;
+    flex: 1 55%;
   }
 }
 @media only screen and (min-width: 1200px) {
   ptc-footer .ft-grid .ft-cards {
+    flex: 1 50%;
     padding-right: 64px;
   }
 }
 ptc-footer .ft-grid .ft-menu {
+  flex: 1 100%;
   padding-right: 16px;
   width: 100%;
 }
@@ -333,14 +342,17 @@ ptc-footer .ft-grid .ft-menu {
 @media only screen and (min-width: 992px) {
   ptc-footer .ft-grid .ft-menu {
     width: auto;
+    flex: 1 45%;
   }
 }
 @media only screen and (min-width: 1200px) {
   ptc-footer .ft-grid .ft-menu {
+    flex: 1 45%;
     padding-right: 64px;
   }
 }
 ptc-footer .ft-grid .ft-social {
+  flex: 1 100%;
   display: flex;
   padding-right: 0;
   width: 100%;
@@ -356,9 +368,11 @@ ptc-footer .ft-grid .ft-social {
 }
 @media only screen and (min-width: 1200px) {
   ptc-footer .ft-grid .ft-social {
+    flex: 1 5%;
     width: auto;
     justify-content: space-between;
     align-items: flex-end;
+    flex-direction: column;
   }
 }
 ptc-footer .ft-grid .ft-cn-contact {

package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css CHANGED Viewed

@@ -1040,7 +1040,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -1059,7 +1060,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-form-radio-button/ptc-form-radio-button.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-form-radio-group/ptc-form-radio-group.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-hero/ptc-hero.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-homepage-image-feature/ptc-homepage-image-feature.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -63,6 +65,62 @@ ptc-link, ptc-square-card {
   }
 }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link, ptc-square-card,
+.hyphenate-text {
+  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 {
+    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;
+  }
+}
 .primary-content-wrapper {
   max-width: 720px;
   padding: 160px 24px;
@@ -191,11 +249,12 @@ ptc-link, ptc-square-card {
   opacity: 1;
 }
 .card-links .card-section .card-link:active .bgb,
-.card-links .card-section .card-link:active .bgh {
+.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,
+.card-links .card-section .card-link.active .bgh {
   display: none;
   opacity: 0;
 }
-.card-links .card-section .card-link:active .bgp {
+.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {
   opacity: 1;
 }
 .card-links .card-section:before {

package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class PtcHomepageVideoBackground {
   }
   readLinkItems() {
     this.links = [];
-    const anchors = this.el.querySelectorAll('a');
+    const anchors = this.el.querySelectorAll('.card-cta-links > a');
     anchors.forEach(a => {
       let link = a;
       if (link && this.links.length < 4) {
@@ -89,10 +89,29 @@ export class PtcHomepageVideoBackground {
       slider.scrollLeft = this.sliderSettings.ScrollLeft - walk;
     }
   }
+  onCardMouseDown(e) {
+    if (e && e.currentTarget) {
+      let anch = e.currentTarget;
+      if (anch) {
+        anch.classList.add('active');
+      }
+    }
+  }
+  onCardMouseUp(e) {
+    if (e && e.currentTarget) {
+      let anch = e.currentTarget;
+      if (anch) {
+        anch.classList.remove('active');
+      }
+    }
+  }
   render() {
     return (h(Host, null, h("ptc-background-video", Object.assign({}, this.getBackgroundVideoSettings(), { "overlay-type": 'dark' }), h("div", { class: "container" }, h("div", { class: "primary-content-wrapper" }, h("slot", { name: "primary-content" })), h("div", { class: "card-links" }, h("div", { class: "secondary-content-wrapper" }, h("slot", { name: "secondary-content" })), h("div", Object.assign({ class: "card-section" }, this.getSliderBindings()), this.links && this.links.map((link, i) => {
       const icon = link.getAttribute('data-icon');
-      return (h("a", { class: `card-link card-link-${i + 1}`, "tab-index": i + 1, href: link.href, onClick: (e) => this.onLinkClick(e) }, h("div", { class: "bgb" }), h("div", { class: "bgh" }), h("div", { class: "bgp" }), icon && h("icon-asset", { type: "ptc", size: "large", color: 'white', name: icon }), h("span", { class: "link-text" }, link.textContent)));
+      const text = link.textContent;
+      if (text) {
+        return (h("a", { class: `card-link card-link-${i + 1}`, "tab-index": i + 1, onClick: (e) => this.onLinkClick(e), onMouseDown: (e) => this.onCardMouseDown(e), onMouseUp: (e) => this.onCardMouseUp(e), onMouseLeave: (e) => this.onCardMouseUp(e), onTouchEnd: (e) => { console.log('yes'); this.onCardMouseUp(e); } }, h("div", { class: "bgb" }), h("div", { class: "bgh" }), h("div", { class: "bgp" }), icon && h("icon-asset", { type: "ptc", size: "large", color: 'white', name: icon }), h("span", { class: "link-text hyphenate-text" }, text.trim())));
+      }
     })))))));
   }
   getBackgroundVideoSettings() {

package/dist/collection/components/ptc-icon-card/ptc-icon-card.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -708,7 +708,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -727,7 +728,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-icon-list/ptc-icon-list.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-img/ptc-img.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-info-tile/ptc-info-tile.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -1029,7 +1031,8 @@ ptc-link, ptc-square-card {
     flex: 0 0 340px;
   }
 }
-.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type), .media-thumb-feature .media-thumb > img:not(:last-of-type) {
+.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type),
+.media-thumb-feature .media-thumb > img:not(:last-of-type) {
   margin-bottom: 1.5rem;
 }
 .media-thumb-feature .media-feature {
@@ -1127,6 +1130,13 @@ ptc-preloader-section.min-height {
   position: fixed;
 }
+.light-font {
+  color: var(--color-white);
+}
+.light-font * {
+  color: var(--color-white);
+}
 a {
   font-family: var(--ptc-font-latin);
   font-style: var(--ptc-font-style-normal);

package/dist/collection/components/ptc-link/ptc-link.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-list/ptc-list.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-media-card/ptc-media-card.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css CHANGED Viewed

@@ -9,7 +9,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -28,7 +29,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css CHANGED Viewed

@@ -174,7 +174,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -193,7 +194,8 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card {
+ptc-link, ptc-square-card,
+.hyphenate-text {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */