@ptcwebops/ptcw-design 4.9.3 → 4.9.5

package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js

@@ -18,6 +18,20 @@ export class PtcSocialIconsFooter {
     this.youkuUrl = undefined;
     this.wechatQrImageUrl = undefined;
     this.wechatQrImageAltText = undefined;
+    this.instagramImageUrl = undefined;
+    this.facebookImageUrl = undefined;
+    this.linkedinImageUrl = undefined;
+    this.xImageUrl = undefined;
+    this.youtubeImageUrl = undefined;
+    this.weiboImageUrl = undefined;
+    this.youkuImageUrl = undefined;
+    this.instagramImageAlt = undefined;
+    this.facebookImageAlt = undefined;
+    this.linkedinImageAlt = undefined;
+    this.xImageAlt = undefined;
+    this.youtubeImageAlt = undefined;
+    this.weiboImageAlt = undefined;
+    this.youkuImageAlt = undefined;
     this.target = undefined;
   }
   openModal(e) {
@@ -26,7 +40,7 @@ export class PtcSocialIconsFooter {
     modal.show = true;
   }
   render() {
-    return (h(Host, null, h("slot", null), h("ul", null, this.instagramUrl && h("li", null, " ", h("a", { href: this.instagramUrl, title: 'Instagram', innerHTML: instagramSVG, target: this.target }), " "), this.facebookUrl && h("li", null, " ", h("a", { href: this.facebookUrl, title: 'Facebook', innerHTML: facebookSVG, target: this.target }), " "), this.linkedinUrl && h("li", null, " ", h("a", { href: this.linkedinUrl, title: 'LinkedIn', innerHTML: linkedinSVG, target: this.target }), " "), this.xUrl && h("li", null, " ", h("a", { href: this.xUrl, title: 'X', innerHTML: xSVG, target: this.target }), " "), this.youtubeUrl && h("li", null, " ", h("a", { href: this.youtubeUrl, title: 'Youtube', innerHTML: youtubeSVG, target: this.target }), " "), this.weiboUrl && h("li", null, " ", h("a", { href: this.weiboUrl, title: 'Weibo', innerHTML: weiboSVG, target: this.target }), " "), this.youkuUrl && h("li", null, " ", h("a", { href: this.youkuUrl, title: 'Youku', innerHTML: ykSVG, target: this.target }), " "), this.wechatQrImageUrl && h("li", null, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: 'WeChat', innerHTML: wechatSVG }), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
+    return (h(Host, null, h("slot", null), h("ul", null, this.instagramUrl && h("li", null, " ", h("a", { href: this.instagramUrl, title: 'Instagram', innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", null, " ", h("a", { href: this.facebookUrl, title: 'Facebook', innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", null, " ", h("a", { href: this.linkedinUrl, title: 'LinkedIn', innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", null, " ", h("a", { href: this.xUrl, title: 'X', innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt })), " "), this.youtubeUrl && h("li", null, " ", h("a", { href: this.youtubeUrl, title: 'Youtube', innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", null, " ", h("a", { href: this.weiboUrl, title: 'Weibo', innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.wechatQrImageAltText })), " "), this.youkuUrl && h("li", null, " ", h("a", { href: this.youkuUrl, title: 'Youku', innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", null, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: 'WeChat', innerHTML: wechatSVG }), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
   }
   static get is() { return "ptc-social-icons-footer"; }
   static get encapsulation() { return "shadow"; }
@@ -195,6 +209,244 @@ export class PtcSocialIconsFooter {
         "attribute": "wechat-qr-image-alt-text",
         "reflect": false
       },
+      "instagramImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "instagram-image-url",
+        "reflect": false
+      },
+      "facebookImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "facebook-image-url",
+        "reflect": false
+      },
+      "linkedinImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "linkedin-image-url",
+        "reflect": false
+      },
+      "xImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "x-image-url",
+        "reflect": false
+      },
+      "youtubeImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "youtube-image-url",
+        "reflect": false
+      },
+      "weiboImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "weibo-image-url",
+        "reflect": false
+      },
+      "youkuImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "youku-image-url",
+        "reflect": false
+      },
+      "instagramImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "instagram-image-alt",
+        "reflect": false
+      },
+      "facebookImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "facebook-image-alt",
+        "reflect": false
+      },
+      "linkedinImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "linkedin-image-alt",
+        "reflect": false
+      },
+      "xImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "x-image-alt",
+        "reflect": false
+      },
+      "youtubeImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "youtube-image-alt",
+        "reflect": false
+      },
+      "weiboImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "weibo-image-alt",
+        "reflect": false
+      },
+      "youkuImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "youku-image-alt",
+        "reflect": false
+      },
       "target": {
         "type": "string",
         "mutable": false,

package/dist/custom-elements/index.js

@@ -16509,6 +16509,9 @@ const PtcEmbeddedQuiz$1 = class extends HTMLElement$1 {
     this.quiz = null;
     this.slide = null;
     this.traversal = [];
+    this.restartQuizText = undefined;
+    this.previousButtonText = undefined;
+    this.startButtonText = undefined;
   }
   handleStartButtonClick() {
     this.slide = this.slide["next"];
@@ -16562,13 +16565,13 @@ const PtcEmbeddedQuiz$1 = class extends HTMLElement$1 {
   }
   render() {
     const QuizSlideRestartButton = () => {
-      return h$1("div", { class: "right-button-container" }, h$1("div", { class: "restart-quiz-button", onClick: () => this.handleRestartButtonClick() }, h$1("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Restart")));
+      return h$1("div", { class: "right-button-container" }, h$1("div", { class: "restart-quiz-button", onClick: () => this.handleRestartButtonClick() }, h$1("icon-asset", { id: "restart-arrow", type: "ptc", size: "small", name: "quiz-arrow-restart" }), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.restartQuizText || "Restart")));
     };
     const QuizSlidePreviousButton = props => {
-      return h$1("div", { class: "center-button-container" }, h$1("div", { class: `previous-slide-button ${props.invisible ? "invisible" : ""}`, onClick: () => this.handlePreviousButtonClick() }, h$1("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, "Previous")));
+      return h$1("div", { class: "center-button-container" }, h$1("div", { class: `previous-slide-button ${props.invisible ? "invisible" : ""}`, onClick: () => this.handlePreviousButtonClick() }, h$1("icon-asset", { id: "left-arrow", type: "ptc", size: "medium", name: "quiz-arrow-left", onClick: () => { } }), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.previousButtonText || "Previous")));
     };
     const QuizInitialSlide = () => {
-      return (h$1("div", { class: "quiz-slide-initial" }, h$1("div", { class: "quiz-slide-content" }, h$1("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, h$1("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8", "is-plm-hub": "false" }, this.slide["h2"])), h$1("ptc-spacer", { size: 'medium', breakpoint: 'small' }), h$1("ptc-spacer", { size: 'large', breakpoint: 'x-small' }), h$1("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, h$1("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["h3"])), h$1("ptc-spacer", { size: 'x-large', breakpoint: 'small' }), h$1("ptc-spacer", { size: 'xx-large', breakpoint: 'x-small' }), h$1("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["p"])), h$1("div", { class: "center-button-container" }, h$1("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank" }, "Start"))))));
+      return (h$1("div", { class: "quiz-slide-initial" }, h$1("div", { class: "quiz-slide-content" }, h$1("div", { id: "initial-quiz-h2", class: "quiz-slide-text-container" }, h$1("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8", "is-plm-hub": "false" }, this.slide["h2"])), h$1("ptc-spacer", { size: 'medium', breakpoint: 'small' }), h$1("ptc-spacer", { size: 'large', breakpoint: 'x-small' }), h$1("div", { id: "initial-quiz-h3", class: "quiz-slide-text-container" }, h$1("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["h3"])), h$1("ptc-spacer", { size: 'x-large', breakpoint: 'small' }), h$1("ptc-spacer", { size: 'xx-large', breakpoint: 'x-small' }), h$1("div", { id: "initial-quiz-p", class: "quiz-slide-text-container" }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, this.slide["p"])), h$1("div", { class: "center-button-container" }, h$1("div", { id: "quiz-start-button", onClick: () => this.handleStartButtonClick() }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": "", target: "_blank" }, this.startButtonText || "Start"))))));
     };
     const QuizQuestionSlide = () => {
       return (h$1("div", { class: "quiz-slide-question" }, h$1("div", { class: "quiz-slide-content" }, h$1("div", { class: "quiz-slide-dual-layout" }, h$1("div", { class: "image-container" }, h$1("img", { alt: "", src: this.slide['image'] })), h$1("div", { class: "content-container" }, h$1("ptc-title", { type: "h4", "text-align": "left", "title-size": "medium", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, this.slide["question"]), h$1("div", { class: "options-container" }, this.slide["options"].map(option => {
@@ -16914,7 +16917,7 @@ const PtcFilterTag$1 = class extends HTMLElement$1 {
   static get style() { return ptcFilterTagCss; }
 };
 
-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;z-index:2}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:transparent;border-bottom:none;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white) !important}ptc-footer ul li a:hover{color:var(--color-white) !important;text-decoration-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;transition:none;text-decoration-color:var(--color-gray-04)}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;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 80px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}@media only screen and (min-width: 1440px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;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:413px;gap:80px}}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul{width: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}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,ptc-footer .mobile-lang{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{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}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{max-width:1136px;box-sizing:content-box}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-right:24px;padding-left:24px;max-width:1200px}}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;width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px;width:auto}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-cards max-width-container{width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards max-width-container{width:auto}}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:360px;max-width:365px;padding-right:0}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px;min-width:413px;max-width:min-content}}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 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;z-index:2}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:transparent;border-bottom:none;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white) !important}ptc-footer ul li a:hover{color:var(--color-white) !important;text-decoration-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;transition:none;text-decoration-color:var(--color-gray-04)}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;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 80px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}@media only screen and (min-width: 1440px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;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:413px;gap:80px}}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul{width: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}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,ptc-footer .mobile-lang{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{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}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{max-width:1136px;box-sizing:content-box}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-right:24px;padding-left:24px;max-width:1200px}}ptc-footer .footer-bottom .logo{margin-bottom:var(--ptc-element-spacing-06)}ptc-footer .footer-bottom .logo .footer-ptc-logo{width:78px;height:28px}@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;width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px;width:auto}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-cards max-width-container{width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards max-width-container{width:auto}}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:360px;max-width:365px;padding-right:0}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px;min-width:413px;max-width:min-content}}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$1 = class extends HTMLElement$1 {
   constructor() {
@@ -23513,6 +23516,20 @@ const PtcSocialIconsFooter$1 = class extends HTMLElement$1 {
     this.youkuUrl = undefined;
     this.wechatQrImageUrl = undefined;
     this.wechatQrImageAltText = undefined;
+    this.instagramImageUrl = undefined;
+    this.facebookImageUrl = undefined;
+    this.linkedinImageUrl = undefined;
+    this.xImageUrl = undefined;
+    this.youtubeImageUrl = undefined;
+    this.weiboImageUrl = undefined;
+    this.youkuImageUrl = undefined;
+    this.instagramImageAlt = undefined;
+    this.facebookImageAlt = undefined;
+    this.linkedinImageAlt = undefined;
+    this.xImageAlt = undefined;
+    this.youtubeImageAlt = undefined;
+    this.weiboImageAlt = undefined;
+    this.youkuImageAlt = undefined;
     this.target = undefined;
   }
   openModal(e) {
@@ -23521,7 +23538,7 @@ const PtcSocialIconsFooter$1 = class extends HTMLElement$1 {
     modal.show = true;
   }
   render() {
-    return (h$1(Host, null, h$1("slot", null), h$1("ul", null, this.instagramUrl && h$1("li", null, " ", h$1("a", { href: this.instagramUrl, title: 'Instagram', innerHTML: instagramSVG, target: this.target }), " "), this.facebookUrl && h$1("li", null, " ", h$1("a", { href: this.facebookUrl, title: 'Facebook', innerHTML: facebookSVG, target: this.target }), " "), this.linkedinUrl && h$1("li", null, " ", h$1("a", { href: this.linkedinUrl, title: 'LinkedIn', innerHTML: linkedinSVG, target: this.target }), " "), this.xUrl && h$1("li", null, " ", h$1("a", { href: this.xUrl, title: 'X', innerHTML: xSVG, target: this.target }), " "), this.youtubeUrl && h$1("li", null, " ", h$1("a", { href: this.youtubeUrl, title: 'Youtube', innerHTML: youtubeSVG, target: this.target }), " "), this.weiboUrl && h$1("li", null, " ", h$1("a", { href: this.weiboUrl, title: 'Weibo', innerHTML: weiboSVG, target: this.target }), " "), this.youkuUrl && h$1("li", null, " ", h$1("a", { href: this.youkuUrl, title: 'Youku', innerHTML: ykSVG, target: this.target }), " "), this.wechatQrImageUrl && h$1("li", null, " ", h$1("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: 'WeChat', innerHTML: wechatSVG }), " ")), h$1("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h$1("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
+    return (h$1(Host, null, h$1("slot", null), h$1("ul", null, this.instagramUrl && h$1("li", null, " ", h$1("a", { href: this.instagramUrl, title: 'Instagram', innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h$1("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h$1("li", null, " ", h$1("a", { href: this.facebookUrl, title: 'Facebook', innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h$1("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h$1("li", null, " ", h$1("a", { href: this.linkedinUrl, title: 'LinkedIn', innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h$1("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h$1("li", null, " ", h$1("a", { href: this.xUrl, title: 'X', innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h$1("img", { src: this.xImageUrl, alt: this.xImageAlt })), " "), this.youtubeUrl && h$1("li", null, " ", h$1("a", { href: this.youtubeUrl, title: 'Youtube', innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h$1("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h$1("li", null, " ", h$1("a", { href: this.weiboUrl, title: 'Weibo', innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h$1("img", { src: this.weiboImageUrl, alt: this.wechatQrImageAltText })), " "), this.youkuUrl && h$1("li", null, " ", h$1("a", { href: this.youkuUrl, title: 'Youku', innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h$1("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h$1("li", null, " ", h$1("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: 'WeChat', innerHTML: wechatSVG }), " ")), h$1("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h$1("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
   }
   get hostElement() { return this; }
   static get style() { return ptcSocialIconsFooterCss; }
@@ -29291,7 +29308,7 @@ const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [1,"ptc-date",{"year"
 const PtcDropdown = /*@__PURE__*/proxyCustomElement(PtcDropdown$1, [1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]);
 const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]);
 const PtcEllipsisDropdown = /*@__PURE__*/proxyCustomElement(PtcEllipsisDropdown$1, [1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"dropdownType":[1,"dropdown-type"],"isDropdownOpen":[32],"isMobile":[32],"isIPad":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]);
-const PtcEmbeddedQuiz = /*@__PURE__*/proxyCustomElement(PtcEmbeddedQuiz$1, [1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]);
+const PtcEmbeddedQuiz = /*@__PURE__*/proxyCustomElement(PtcEmbeddedQuiz$1, [1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"restartQuizText":[1,"restart-quiz-text"],"previousButtonText":[1,"previous-button-text"],"startButtonText":[1,"start-button-text"],"quiz":[32],"slide":[32],"traversal":[32]}]);
 const PtcFeaturedList = /*@__PURE__*/proxyCustomElement(PtcFeaturedList$1, [1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
 const PtcFilterDropdown = /*@__PURE__*/proxyCustomElement(PtcFilterDropdown$1, [1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"styles":[1],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}]);
 const PtcFilterLevelTheater = /*@__PURE__*/proxyCustomElement(PtcFilterLevelTheater$1, [2,"ptc-filter-level-theater",{"enableFilters":[4,"enable-filters"],"backButtonText":[1,"back-button-text"],"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]}]);
@@ -29365,7 +29382,7 @@ const PtcShoppingCart = /*@__PURE__*/proxyCustomElement(PtcShoppingCart$1, [1,"p
 const PtcShowcaseCard = /*@__PURE__*/proxyCustomElement(PtcShowcaseCard$1, [1,"ptc-showcase-card",{"headingIconUrl":[1,"heading-icon-url"],"headingIconAltText":[1,"heading-icon-alt-text"]}]);
 const PtcSkeleton = /*@__PURE__*/proxyCustomElement(PtcSkeleton$1, [1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]);
 const PtcSlitCard = /*@__PURE__*/proxyCustomElement(PtcSlitCard$1, [1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]);
-const PtcSocialIconsFooter = /*@__PURE__*/proxyCustomElement(PtcSocialIconsFooter$1, [1,"ptc-social-icons-footer",{"instagramUrl":[1,"instagram-url"],"facebookUrl":[1,"facebook-url"],"linkedinUrl":[1,"linkedin-url"],"xUrl":[1,"x-url"],"youtubeUrl":[1,"youtube-url"],"weiboUrl":[1,"weibo-url"],"youkuUrl":[1,"youku-url"],"wechatQrImageUrl":[1,"wechat-qr-image-url"],"wechatQrImageAltText":[1,"wechat-qr-image-alt-text"],"target":[1]}]);
+const PtcSocialIconsFooter = /*@__PURE__*/proxyCustomElement(PtcSocialIconsFooter$1, [1,"ptc-social-icons-footer",{"instagramUrl":[1,"instagram-url"],"facebookUrl":[1,"facebook-url"],"linkedinUrl":[1,"linkedin-url"],"xUrl":[1,"x-url"],"youtubeUrl":[1,"youtube-url"],"weiboUrl":[1,"weibo-url"],"youkuUrl":[1,"youku-url"],"wechatQrImageUrl":[1,"wechat-qr-image-url"],"wechatQrImageAltText":[1,"wechat-qr-image-alt-text"],"instagramImageUrl":[1,"instagram-image-url"],"facebookImageUrl":[1,"facebook-image-url"],"linkedinImageUrl":[1,"linkedin-image-url"],"xImageUrl":[1,"x-image-url"],"youtubeImageUrl":[1,"youtube-image-url"],"weiboImageUrl":[1,"weibo-image-url"],"youkuImageUrl":[1,"youku-image-url"],"instagramImageAlt":[1,"instagram-image-alt"],"facebookImageAlt":[1,"facebook-image-alt"],"linkedinImageAlt":[1,"linkedin-image-alt"],"xImageAlt":[1,"x-image-alt"],"youtubeImageAlt":[1,"youtube-image-alt"],"weiboImageAlt":[1,"weibo-image-alt"],"youkuImageAlt":[1,"youku-image-alt"],"target":[1]}]);
 const PtcSocialShare = /*@__PURE__*/proxyCustomElement(PtcSocialShare$1, [1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}]);
 const PtcSpacer = /*@__PURE__*/proxyCustomElement(PtcSpacer$1, [1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]);
 const PtcSpan = /*@__PURE__*/proxyCustomElement(PtcSpan$1, [1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]);