npm - @ptcwebops/ptcw-design - Versions diffs - 4.4.5 → 4.4.7 - Mend

@ptcwebops/ptcw-design 4.4.5 → 4.4.7

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 (643) hide show

package/dist/esm/ptc-footer.entry.js CHANGED Viewed

@@ -1,17 +1,38 @@
 import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-const ptcFooterV2Css = "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;-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}}ptc-footer{display:block;color:var(--color-white);background-color:var(--color-gray-12);position:relative}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{text-decoration:none;color:var(--color-white);border-bottom:1px solid transparent;transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-footer ul li a:hover{color:var(--color-white) !important;border-bottom-color:var(--color-white)}ptc-footer ul li a:visited{color:var(--color-white)}ptc-footer ul li a:active{color:var(--color-gray-04) !important;border-bottom-color:var(--color-gray-04);transition:none}ptc-footer .gap-20{grid-column-gap:20px;grid-row-gap:20px}ptc-footer .footer-bg-wrap{position:relative}ptc-footer .footer-bg{position:absolute;width:100%;text-align:center;height:100%;background-repeat:no-repeat;background-position:center center;z-index:0}ptc-footer .footer-top{padding-top:48px;padding-bottom:48px;position:relative;z-index:1;max-width:500px;margin:auto}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 56px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{max-width:1200px}}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}ptc-footer .footer-top .f-menu ul li:first-child{padding-top:0}ptc-footer .footer-top .f-menu ul li:last-child{padding-bottom:0}ptc-footer .footer-top .f-menu ul li a{display:inline-block;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);padding-bottom:4px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu .f-menu-1{margin-right:56px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-menu .f-menu-1{margin-right:88px}}ptc-footer .footer-top .f-social-wrap{display:flex;flex-direction:column;align-items:center;grid-column-gap:48px;grid-row-gap:48px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-social-wrap{flex-direction:row;justify-content:flex-start}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-social-wrap{display:block}}ptc-footer ptc-mobile-select{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select{display:none}}ptc-footer .footer-bottom{background-color:var(--color-gray-11);padding-top:var(--ptc-layout-spacing-02);padding-bottom:var(--ptc-layout-spacing-02);text-align:center;font-size:var(--ptc-font-size-xx-small)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-left:80px;padding-right:80px}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-left:48px;padding-right:48px}}@media only screen and (min-width: 1440px){ptc-footer .footer-bottom{padding-left:0;padding-right:0}}ptc-footer .footer-bottom .logo{margin-bottom:var(--ptc-element-spacing-06)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .logo{margin-bottom:0}}ptc-footer .footer-bottom .copyright-list .copyright{margin-left:20px}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list{display:flex;align-items:center}}ptc-footer .footer-bottom .copyright-list ul{margin-top:var(--ptc-element-spacing-04)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list ul{margin-left:40px;margin-top:0}}ptc-footer .footer-bottom .copyright-list ul li{display:inline-block;margin:0 12px}ptc-footer .footer-bottom .copyright-list ul li:first-child{margin-left:0}ptc-footer .footer-bottom .copyright-list ul li:last-child{margin-right:0}ptc-footer .footer-bottom .copyright-list ul li a{display:block;padding:6px 0}ptc-footer .f-desktop-div{display:none}@media only screen and (min-width: 1200px){ptc-footer .f-desktop-div{display:block}}ptc-footer .f-mobile-div{display:block}@media only screen and (min-width: 1200px){ptc-footer .f-mobile-div{display:none}}ptc-footer .has-col-gap-xxl{grid-column-gap:0px}@media only screen and (min-width: 768px){ptc-footer .has-col-gap-xxl{grid-column-gap:var(--spacing-lg)}}@media only screen and (min-width: 992px){ptc-footer .has-col-gap-xxl{grid-column-gap:var(--spacing-xxl)}}ptc-footer .ft-grid{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:48px;align-self:stretch;flex-flow:row wrap}@media only screen and (min-width: 992px){ptc-footer .ft-grid{row-gap:56px}}ptc-footer .ft-grid .ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-col{padding-right:64px}}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%}@media only screen and (min-width: 480px){ptc-footer .ft-grid .ft-menu{padding-right:56px}}@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%;justify-content:flex-start;align-items:center;flex-direction:column;gap:48px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-social{flex-direction:row}}@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{width:100%;text-align:center}";
+const ptcFooterV2Css = "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}}ptc-footer{display:block;color:var(--color-white);background-color:var(--color-gray-12);position:relative}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{text-decoration:none;color:var(--color-white);border-bottom:1px solid transparent;transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-footer ul li a:hover{color:var(--color-white) !important;border-bottom-color:var(--color-white)}ptc-footer ul li a:visited{color:var(--color-white)}ptc-footer ul li a:active{color:var(--color-gray-04) !important;border-bottom-color:var(--color-gray-04);transition:none}ptc-footer .gap-20{grid-column-gap:20px;grid-row-gap:20px}ptc-footer .footer-bg-wrap{position:relative}ptc-footer .footer-bg{position:absolute;width:100%;text-align:center;height:100%;background-repeat:no-repeat;background-position:center center;z-index:0}ptc-footer .footer-top{padding-top:48px;padding-bottom:48px;position:relative;z-index:1;max-width:548px;margin:auto;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 0;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{padding:var(--ptc-layout-spacing-06) 56px;max-width:1200px}}ptc-footer .footer-top ptc-title{display:block}ptc-footer .footer-top .f-menu{justify-content:space-between;width:100%;gap:16px;max-width:516px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:419px;gap:56px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:410px;gap:80px}}ptc-footer .footer-top .f-menu ul{width:50%}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul{max-width:initial}}ptc-footer .footer-top .f-menu ul li{padding:6px 0}ptc-footer .footer-top .f-menu ul li:first-child{padding-top:0}ptc-footer .footer-top .f-menu ul li:last-child{padding-bottom:0}ptc-footer .footer-top .f-menu ul li a{display:inline-block;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);padding-bottom:4px}ptc-footer .footer-top .f-social-wrap{display:flex;flex-direction:column;align-items:center;grid-column-gap:48px;grid-row-gap:48px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-social-wrap{flex-direction:row;justify-content:flex-start}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-social-wrap{display:block}}ptc-footer ptc-mobile-select{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select{display:none}}ptc-footer .footer-bottom{background-color:var(--color-gray-11);padding-top:var(--ptc-layout-spacing-02);padding-bottom:var(--ptc-layout-spacing-02);text-align:center;font-size:var(--ptc-font-size-xx-small)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between}}ptc-footer .footer-bottom .logo{margin-bottom:var(--ptc-element-spacing-06)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .logo{margin-bottom:0}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list .copyright{margin-left:20px}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list{display:flex;align-items:center}}ptc-footer .footer-bottom .copyright-list ul{margin-top:var(--ptc-element-spacing-04)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list ul{margin-left:40px;margin-top:0}}ptc-footer .footer-bottom .copyright-list ul li{display:inline-block;margin:0 12px}ptc-footer .footer-bottom .copyright-list ul li:first-child{margin-left:0}ptc-footer .footer-bottom .copyright-list ul li:last-child{margin-right:0}ptc-footer .footer-bottom .copyright-list ul li a{display:block;padding:6px 0}ptc-footer .f-desktop-div{display:none}@media only screen and (min-width: 1200px){ptc-footer .f-desktop-div{display:block}}ptc-footer .f-mobile-div{display:block}@media only screen and (min-width: 1200px){ptc-footer .f-mobile-div{display:none}}ptc-footer .ft-grid{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:48px;align-self:stretch;flex-flow:row wrap}@media only screen and (min-width: 992px){ptc-footer .ft-grid{row-gap:56px}}ptc-footer .ft-grid .ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-col{padding-right:64px}}ptc-footer .ft-grid .ft-cards{padding-right:0}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-menu{padding-right:16px;width:100%}@media only screen and (min-width: 480px){ptc-footer .ft-grid .ft-menu{padding-right:56px}}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-menu{width:auto;min-width:410px}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px}}ptc-footer .ft-grid .ft-social{display:flex;padding-right:0;width:100%;justify-content:flex-start;align-items:center;flex-direction:column;gap:48px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-social{flex-direction:row}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-social{width:auto;justify-content:space-between;align-items:flex-end;flex-direction:column}}ptc-footer .ft-grid .ft-cn-contact{width:100%;text-align:center}";
 const PtcFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.isTabMob = undefined;
     this.backgroundImage = undefined;
   }
   handleWindowResize() {
     this.setEqualHeights('ptc-icon-card');
+    this.isTabMob = window.innerWidth < 1200;
+    if (!this.isTabMob) {
+      this.setEqualHeights('.ft-col');
+    }
+    else {
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
+      });
+    }
+  }
+  componentWillLoad() {
+    this.isTabMob = window.innerWidth < 1200;
   }
   componentDidLoad() {
     this.setEqualHeights('ptc-icon-card');
+    if (!this.isTabMob) {
+      this.setEqualHeights('.ft-col');
+    }
+    else {
+      document.querySelectorAll('.ft-col').forEach((col) => {
+        col.style.height = 'auto';
+      });
+    }
   }
   setEqualHeights(selector) {
     const cards = document.querySelectorAll(selector);