@ptcwebops/ptcw-design 6.4.15 → 6.4.16-beta

package/dist/ptcw-design/{p-07b46e6e.entry.js → p-58909b95.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as a,a as n}from"./p-944c5be8.js";const s=class{constructor(i){t(this,i),this.tabChange=e(this,"tabChange",7),this.escClicked=e(this,"escClicked",7),this.type=void 0,this.isMobile=void 0,this.isMobileTabWithBanner=void 0,this.selectedValue=void 0,this.dropdownItemsCount=0}closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||"undefined"!=typeof screen&&screen.width<992}componentDidLoad(){this.createGroup(),this.calculateHeaderTabsRendering(),this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown"),this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{t.length-this.dropdownItemsCount==i+1&&(this.lastVisibleTab=e)}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{i.header.name===t.name?(e.selectGroup(i),i.header.el.setAttribute("tabindex","0"),i.header.el.focus()):i.header.el.setAttribute("tabindex","-1")}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header"),e=this.host.querySelector(".ellipsis-btn"),i=t.children,a=!1,n=[];this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||"undefined"!=typeof screen&&screen.width<992,t.classList.remove("active");for(let t=0;t<i.length;t++)i[t].style.removeProperty("display");for(let e=i.length-1;e>=0;e--){let s=i[e],h=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&"tab-with-banner"!=this.type||this.isMobileTabWithBanner&&"tab-with-banner"===this.type){let e=s.querySelector(".text-cont").textContent;t.style.display="none",a=!0,n.push({value:s.getAttribute("name"),text:e,isSelected:h})}else if(t.style.display="flex",t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=!0,n.push({value:s.getAttribute("name"),text:t,isSelected:h})}}t.classList.add("active"),a?(e.classList.add("active"),e.dataItems=n.reverse(),this.dropdownItemsCount=e.dataItems.length):(e.classList.remove("active"),e.dataItems=[])}createGroup(){let t=this,e=!1,i=!1,a=0,n=0,s=[],h=[];const o=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=o.map((t=>t.getChild().then((i=>{a++,a===o.length&&(e=!0),s.push(Object.assign(Object.assign({},i),{el:t}))})))),this.tabsHeader=s;const r=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=r.map((t=>t.getChild().then((t=>{n++,n===r.length&&(i=!0),h.push(t)})))),this.tabsContent=h;let l=setInterval((()=>{e&&i&&(clearInterval(l),t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}})),t.selectGroup(t.tabGroup[0]))}),3100);o.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1)),t.setAttribute("role","tab"),t.setAttribute("aria-selected",0===e?"true":"false"),t.setAttribute("tabindex",0===e?"0":"-1"),t.setAttribute("aria-controls","tab-panel-"+(e+1)),t.addEventListener("keydown",this.onKeydown.bind(this)),this.firstTab||(this.firstTab=t),this.lastTab=t})),r.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1)),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown)this.ellipsisDropdown.setAttribute("tabindex","-1"),0==this.dropdownItemsCount?this.moveFocusToTab(this.lastTab):t==this.ellipsisDropdown?this.moveFocusToTab(this.lastVisibleTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){if(this.ellipsisDropdown.setAttribute("tabindex","-1"),t===this.lastTab||t===this.lastVisibleTab)0==this.dropdownItemsCount?this.moveFocusToTab(this.firstTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=!1;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e),i=!0;break;case"ArrowRight":this.moveFocusToNextTab(e),i=!0;break;case"Escape":this.closeDropdown(),i=!0}i&&(t.stopPropagation(),t.preventDefault())}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{i.header.name===t&&e.selectGroup(i)}))}selectGroup(t){this.tabGroup.forEach((t=>{t.header.unselect(),t.content.unselect()})),t.header.select(),t.content.select(),this.selectedValue=t.header.name,this.calculateHeaderTabsRendering(),this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));e&&this.selectGroup(e)}}render(){return i(a,{class:this.type},i("div",{class:"tabs-header-container"},i("div",{class:"tabs-header"},i("slot",{name:"header"})),i("ptc-ellipsis-dropdown",{"dropdown-type":this.type,class:"tab-with-banner"==this.type?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),i("div",{class:"tabs-content"},i("slot",{name:"content"})))}get host(){return n(this)}};s.style="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-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";export{s as ptc_tab_list}
+import{r as t,c as e,h as i,H as a,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.tabChange=e(this,"tabChange",7),this.escClicked=e(this,"escClicked",7),this.type=void 0,this.isMobile=void 0,this.isMobileTabWithBanner=void 0,this.selectedValue=void 0,this.dropdownItemsCount=0}closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||"undefined"!=typeof screen&&screen.width<992}componentDidLoad(){this.createGroup(),this.calculateHeaderTabsRendering(),this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown"),this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{t.length-this.dropdownItemsCount==i+1&&(this.lastVisibleTab=e)}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{i.header.name===t.name?(e.selectGroup(i),i.header.el.setAttribute("tabindex","0"),i.header.el.focus()):i.header.el.setAttribute("tabindex","-1")}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header"),e=this.host.querySelector(".ellipsis-btn"),i=t.children,a=!1,n=[];this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||"undefined"!=typeof screen&&screen.width<992,t.classList.remove("active");for(let t=0;t<i.length;t++)i[t].style.removeProperty("display");for(let e=i.length-1;e>=0;e--){let s=i[e],h=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&"tab-with-banner"!=this.type||this.isMobileTabWithBanner&&"tab-with-banner"===this.type){let e=s.querySelector(".text-cont").textContent;t.style.display="none",a=!0,n.push({value:s.getAttribute("name"),text:e,isSelected:h})}else if(t.style.display="flex",t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=!0,n.push({value:s.getAttribute("name"),text:t,isSelected:h})}}t.classList.add("active"),a?(e.classList.add("active"),e.dataItems=n.reverse(),this.dropdownItemsCount=e.dataItems.length):(e.classList.remove("active"),e.dataItems=[])}createGroup(){let t=this,e=!1,i=!1,a=0,n=0,s=[],h=[];const o=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=o.map((t=>t.getChild().then((i=>{a++,a===o.length&&(e=!0),s.push(Object.assign(Object.assign({},i),{el:t}))})))),this.tabsHeader=s;const r=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=r.map((t=>t.getChild().then((t=>{n++,n===r.length&&(i=!0),h.push(t)})))),this.tabsContent=h;let l=setInterval((()=>{e&&i&&(clearInterval(l),t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}})),t.selectGroup(t.tabGroup[0]))}),3100);o.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1)),t.setAttribute("role","tab"),t.setAttribute("aria-selected",0===e?"true":"false"),t.setAttribute("tabindex",0===e?"0":"-1"),t.setAttribute("aria-controls","tab-panel-"+(e+1)),t.addEventListener("keydown",this.onKeydown.bind(this)),this.firstTab||(this.firstTab=t),this.lastTab=t})),r.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1)),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown)this.ellipsisDropdown.setAttribute("tabindex","-1"),0==this.dropdownItemsCount?this.moveFocusToTab(this.lastTab):t==this.ellipsisDropdown?this.moveFocusToTab(this.lastVisibleTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){if(this.ellipsisDropdown.setAttribute("tabindex","-1"),t===this.lastTab||t===this.lastVisibleTab)0==this.dropdownItemsCount?this.moveFocusToTab(this.firstTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=!1;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e),i=!0;break;case"ArrowRight":this.moveFocusToNextTab(e),i=!0;break;case"Escape":this.closeDropdown(),i=!0}i&&(t.stopPropagation(),t.preventDefault())}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{i.header.name===t&&e.selectGroup(i)}))}selectGroup(t){this.tabGroup.forEach((t=>{t.header.unselect(),t.content.unselect()})),t.header.select(),t.content.select(),this.selectedValue=t.header.name,this.calculateHeaderTabsRendering(),this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));e&&this.selectGroup(e)}}render(){return i(a,{class:this.type},i("div",{class:"tabs-header-container"},i("div",{class:"tabs-header"},i("slot",{name:"header"})),i("ptc-ellipsis-dropdown",{"dropdown-type":this.type,class:"tab-with-banner"==this.type?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),i("div",{class:"tabs-content"},i("slot",{name:"content"})))}get host(){return n(this)}};s.style="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-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";export{s as ptc_tab_list}

package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as n,a as s}from"./p-944c5be8.js";const e=class{constructor(i){t(this,i),this.multiple=!1,this.theme="standard",this.isParent=!1,this.expandText="Expand All",this.collapseText="Collapse All",this.trackerId=void 0}componentWillLoad(){this.items=this.el.querySelectorAll("ptc-accordion-item"),this.items.forEach((t=>{t.setAttribute("theme",this.theme)})),this.multiple||(this.activeItem=this.el.querySelector(":scope > ptc-accordion-item[active]"),this.activeItem&&this.activeItem.open(),this.closeNonActive()),this.el.classList.contains("parent-accordion")&&(this.isParent=!0)}openHandler(t){t.stopPropagation(),this.multiple||(this.activeItem=t.target,this.closeNonActive())}closeNonActive(){this.items.forEach((t=>{t.isEqualNode(this.activeItem)||t.close()}))}expandAllItems(){this.items.forEach((t=>{t.open()}))}closeAllItems(){this.items.forEach((t=>{t.close()}))}render(){return i(n,{class:this.isParent&&this.multiple?"acc-parent-border":""},this.isParent&&this.multiple&&i("div",{class:"sort-btn-wrap focus-status",id:this.trackerId},i("button",{onClick:()=>{this.expandAllItems()}}," ",i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path\n    d="M5.20045 3.07063C5.60047 2.53809 6.39952 2.53809 6.79955 3.07063L10.7977 8.39312C11.2928 9.05226 10.8225 9.99373 9.99812 9.99373H2.00188C1.17749 9.99373 0.707199 9.05227 1.20233 8.39313L5.20045 3.07063Z"\n    fill="#00890B" />\n  <path\n    d="M10.8764 15.2994C11.3414 14.6367 10.8674 13.725 10.0578 13.725H1.91996C1.11108 13.725 0.636893 14.6354 1.10056 15.2982L5.16313 21.1055C5.56085 21.674 6.40253 21.6746 6.80109 21.1067L10.8764 15.2994Z"\n    fill="#00890B" />\n</svg>\n'}),this.expandText),i("button",{onClick:()=>{this.closeAllItems()}},i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path\n    d="M10.8764 4.2994C11.3414 3.63673 10.8674 2.72498 10.0578 2.72498H1.91996C1.11108 2.72498 0.636893 3.63539 1.10056 4.2982L5.16313 10.1055C5.56085 10.674 6.40253 10.6746 6.80109 10.1067L10.8764 4.2994Z"\n    fill="#00890B" />\n  <path\n    d="M5.20045 14.0706C5.60047 13.5381 6.39952 13.5381 6.79955 14.0706L10.7977 19.3931C11.2928 20.0523 10.8225 20.9937 9.99812 20.9937H2.00188C1.17749 20.9937 0.707199 20.0523 1.20233 19.3931L5.20045 14.0706Z"\n    fill="#00890B" />\n</svg>\n'}),this.collapseText)),i("slot",null))}get el(){return s(this)}};e.style="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}}:host{--ptc-accordion-item-body-max-height:100vh}:host .sort-btn-wrap{display:flex;align-items:center;justify-content:flex-start;margin:12px 0}@media only screen and (min-width: 992px){:host .sort-btn-wrap{justify-content:flex-end}}:host .sort-btn-wrap button{padding:10px;font-size:16px;font-weight:500;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);color:var(--color-gray-10)}:host .sort-btn-wrap button:hover{background-color:var(--color-gray-02);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);}:host .sort-btn-wrap button:active{background-color:var(--color-gray-03);transition:none}:host .sort-btn-wrap button span{display:flex;margin-right:8px;align-items:center}:host .sort-btn-wrap button:first-child{margin-right:8px}:host .focus-status button:focus,:host .focus-status button:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host(.acc-parent-border) ::slotted(ptc-accordion-item:first-child){border-top:1px solid var(--color-gray-03)}";export{e as ptc_accordion}
+import{r as t,h as i,H as n,g as s}from"./p-ac75c7ad.js";const e=class{constructor(i){t(this,i),this.multiple=!1,this.theme="standard",this.isParent=!1,this.expandText="Expand All",this.collapseText="Collapse All",this.trackerId=void 0}componentWillLoad(){this.items=this.el.querySelectorAll("ptc-accordion-item"),this.items.forEach((t=>{t.setAttribute("theme",this.theme)})),this.multiple||(this.activeItem=this.el.querySelector(":scope > ptc-accordion-item[active]"),this.activeItem&&this.activeItem.open(),this.closeNonActive()),this.el.classList.contains("parent-accordion")&&(this.isParent=!0)}openHandler(t){t.stopPropagation(),this.multiple||(this.activeItem=t.target,this.closeNonActive())}closeNonActive(){this.items.forEach((t=>{t.isEqualNode(this.activeItem)||t.close()}))}expandAllItems(){this.items.forEach((t=>{t.open()}))}closeAllItems(){this.items.forEach((t=>{t.close()}))}render(){return i(n,{class:this.isParent&&this.multiple?"acc-parent-border":""},this.isParent&&this.multiple&&i("div",{class:"sort-btn-wrap focus-status",id:this.trackerId},i("button",{onClick:()=>{this.expandAllItems()}}," ",i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path\n    d="M5.20045 3.07063C5.60047 2.53809 6.39952 2.53809 6.79955 3.07063L10.7977 8.39312C11.2928 9.05226 10.8225 9.99373 9.99812 9.99373H2.00188C1.17749 9.99373 0.707199 9.05227 1.20233 8.39313L5.20045 3.07063Z"\n    fill="#00890B" />\n  <path\n    d="M10.8764 15.2994C11.3414 14.6367 10.8674 13.725 10.0578 13.725H1.91996C1.11108 13.725 0.636893 14.6354 1.10056 15.2982L5.16313 21.1055C5.56085 21.674 6.40253 21.6746 6.80109 21.1067L10.8764 15.2994Z"\n    fill="#00890B" />\n</svg>\n'}),this.expandText),i("button",{onClick:()=>{this.closeAllItems()}},i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path\n    d="M10.8764 4.2994C11.3414 3.63673 10.8674 2.72498 10.0578 2.72498H1.91996C1.11108 2.72498 0.636893 3.63539 1.10056 4.2982L5.16313 10.1055C5.56085 10.674 6.40253 10.6746 6.80109 10.1067L10.8764 4.2994Z"\n    fill="#00890B" />\n  <path\n    d="M5.20045 14.0706C5.60047 13.5381 6.39952 13.5381 6.79955 14.0706L10.7977 19.3931C11.2928 20.0523 10.8225 20.9937 9.99812 20.9937H2.00188C1.17749 20.9937 0.707199 20.0523 1.20233 19.3931L5.20045 14.0706Z"\n    fill="#00890B" />\n</svg>\n'}),this.collapseText)),i("slot",null))}get el(){return s(this)}};e.style="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}}:host{--ptc-accordion-item-body-max-height:100vh}:host .sort-btn-wrap{display:flex;align-items:center;justify-content:flex-start;margin:12px 0}@media only screen and (min-width: 992px){:host .sort-btn-wrap{justify-content:flex-end}}:host .sort-btn-wrap button{padding:10px;font-size:16px;font-weight:500;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);color:var(--color-gray-10)}:host .sort-btn-wrap button:hover{background-color:var(--color-gray-02);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);}:host .sort-btn-wrap button:active{background-color:var(--color-gray-03);transition:none}:host .sort-btn-wrap button span{display:flex;margin-right:8px;align-items:center}:host .sort-btn-wrap button:first-child{margin-right:8px}:host .focus-status button:focus,:host .focus-status button:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host(.acc-parent-border) ::slotted(ptc-accordion-item:first-child){border-top:1px solid var(--color-gray-03)}";export{e as ptc_accordion}

package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as h}from"./p-944c5be8.js";const i=class{constructor(t){e(this,t),this.number=void 0,this.svgCode=void 0,this.type="number"}renderContent(){return"svg"===this.type&&this.svgCode?t("div",{class:"svg-badge",innerHTML:this.svgCode}):"number"===this.type&&this.number?t("div",{class:"number-badge"},this.number):void 0}render(){return t(h,null,this.renderContent())}};i.style="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}}.number-badge,.svg-badge{position:absolute;top:0;left:0;transform:translate(-50%, -50%);z-index:2}.number-badge{background-color:var(--color-green-08);color:white;border-radius:50%;padding:0.5em;min-width:1.18em;text-align:center;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);display:inline-block;height:1.18rem;line-height:1rem}.svg-badge{width:35px;height:35px}";export{i as ptc_badge}
+import{r as e,h as t,H as h}from"./p-ac75c7ad.js";const i=class{constructor(t){e(this,t),this.number=void 0,this.svgCode=void 0,this.type="number"}renderContent(){return"svg"===this.type&&this.svgCode?t("div",{class:"svg-badge",innerHTML:this.svgCode}):"number"===this.type&&this.number?t("div",{class:"number-badge"},this.number):void 0}render(){return t(h,null,this.renderContent())}};i.style="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}}.number-badge,.svg-badge{position:absolute;top:0;left:0;transform:translate(-50%, -50%);z-index:2}.number-badge{background-color:var(--color-green-08);color:white;border-radius:50%;padding:0.5em;min-width:1.18em;text-align:center;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);display:inline-block;height:1.18rem;line-height:1rem}.svg-badge{width:35px;height:35px}";export{i as ptc_badge}

package/dist/ptcw-design/{p-e2da8109.entry.js → p-5a2ed8fb.entry.js}

@@ -1 +1 @@
-import{r as t,h as a,H as e,a as p}from"./p-944c5be8.js";import{a as l}from"./p-22cf00e7.js";const i=class{constructor(a){t(this,a),this.topTitle=void 0}componentDidRender(){l(".js-card-bottom",this.el)}render(){return a(e,null,a("div",{class:"most-popular-wrapper"},a("slot",{name:"seo-content"}),a("ptc-title",{type:"h2","text-align":"center","title-size":"large","title-color":"white",upperline:"no-upperline","title-display":"block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7",class:"most-popular-title"},this.topTitle),a("div",{class:"most-popular-cards"},a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-1",tabindex:"0","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card mf-listen"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M22.224 20.0959V22.9999H12.48V20.0959H15.888V12.8239C15.744 13.0159 15.512 13.2159 15.192 13.4239C14.888 13.6159 14.552 13.7999 14.184 13.9759C13.816 14.1519 13.432 14.2959 13.032 14.4079C12.648 14.5199 12.304 14.5759 12 14.5759V11.5759C12.288 11.5759 12.64 11.4879 13.056 11.3119C13.472 11.1199 13.88 10.8959 14.28 10.6399C14.68 10.3839 15.024 10.1359 15.312 9.8959C15.616 9.6399 15.808 9.4399 15.888 9.2959H19.176V20.0959H22.224Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",{tabindex:"-1"},a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom",tabindex:"-1"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Q2 FY’23 Earnings Presentation"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-2","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M12 23.0002C12 22.2802 12.056 21.6322 12.168 21.0562C12.28 20.4642 12.472 19.9202 12.744 19.4242C13.032 18.9282 13.416 18.4642 13.896 18.0322C14.392 17.6002 15.016 17.1762 15.768 16.7602C16.424 16.4082 17 16.1042 17.496 15.8482C18.008 15.5762 18.432 15.3282 18.768 15.1042C19.104 14.8802 19.36 14.6562 19.536 14.4322C19.712 14.1922 19.8 13.9202 19.8 13.6162C19.8 13.1362 19.608 12.7282 19.224 12.3922C18.84 12.0402 18.288 11.8642 17.568 11.8642C17.184 11.8642 16.832 11.9202 16.512 12.0322C16.192 12.1282 15.888 12.2642 15.6 12.4402C15.328 12.6162 15.072 12.8162 14.832 13.0402C14.608 13.2482 14.4 13.4722 14.208 13.7122L12.144 11.3362C12.352 11.1122 12.648 10.8722 13.032 10.6162C13.416 10.3442 13.864 10.0962 14.376 9.87215C14.904 9.63215 15.48 9.44015 16.104 9.29615C16.744 9.13615 17.424 9.05615 18.144 9.05615C18.96 9.05615 19.688 9.16015 20.328 9.36815C20.968 9.56015 21.504 9.84015 21.936 10.2082C22.384 10.5602 22.72 10.9922 22.944 11.5042C23.184 12.0002 23.304 12.5442 23.304 13.1362C23.304 13.6962 23.2 14.1922 22.992 14.6242C22.784 15.0562 22.52 15.4402 22.2 15.7762C21.88 16.1122 21.528 16.4082 21.144 16.6642C20.776 16.9042 20.416 17.1202 20.064 17.3122C19.776 17.4722 19.448 17.6562 19.08 17.8642C18.712 18.0722 18.344 18.3042 17.976 18.5602C17.624 18.8002 17.296 19.0562 16.992 19.3282C16.688 19.5842 16.456 19.8402 16.296 20.0962H23.568V23.0002H12Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Announces Availability of Creo 9"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-3","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M20.472 16.3358C21.464 16.5118 22.264 16.9918 22.872 17.7758C23.496 18.5438 23.808 19.4878 23.808 20.6078C23.808 21.3598 23.656 22.0398 23.352 22.6478C23.064 23.2558 22.648 23.7678 22.104 24.1838C21.576 24.6158 20.928 24.9438 20.16 25.1678C19.392 25.4078 18.528 25.5278 17.568 25.5278C16.352 25.5278 15.272 25.3278 14.328 24.9278C13.4 24.5438 12.624 23.9758 12 23.2238L13.824 20.9438C14.24 21.4718 14.736 21.8798 15.312 22.1678C15.888 22.4558 16.608 22.5998 17.472 22.5998C18.448 22.5998 19.192 22.4078 19.704 22.0238C20.216 21.6398 20.472 21.0478 20.472 20.2478C20.472 19.4158 20.176 18.7758 19.584 18.3278C18.992 17.8798 18.096 17.6558 16.896 17.6558H16.224V15.2558H16.968C17.96 15.2558 18.728 15.0398 19.272 14.6078C19.816 14.1598 20.088 13.5918 20.088 12.9038C20.088 12.2478 19.864 11.7598 19.416 11.4398C18.968 11.1198 18.384 10.9598 17.664 10.9598C16.928 10.9598 16.264 11.1278 15.672 11.4638C15.096 11.7998 14.624 12.2718 14.256 12.8798L12.24 10.6238C12.48 10.2558 12.8 9.92778 13.2 9.63978C13.6 9.33578 14.048 9.07978 14.544 8.87178C15.056 8.64778 15.608 8.47978 16.2 8.36778C16.792 8.23978 17.4 8.17578 18.024 8.17578C18.84 8.17578 19.584 8.27978 20.256 8.48778C20.928 8.69578 21.504 8.98378 21.984 9.35178C22.48 9.71978 22.856 10.1678 23.112 10.6958C23.384 11.2078 23.52 11.7838 23.52 12.4238C23.52 12.9038 23.448 13.3598 23.304 13.7918C23.16 14.2238 22.952 14.6158 22.68 14.9678C22.408 15.3198 22.08 15.6158 21.696 15.8558C21.328 16.0958 20.92 16.2558 20.472 16.3358Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Completes Acquisition of Intland Software"))))))))}get el(){return p(this)}};i.style="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}}.most-popular-wrapper{border:1px solid #eee;display:flex;flex-flow:column nowrap;background-color:var(--color-gray-02)}::slotted([slot=seo-content]){display:none}.most-popular-title{border-radius:4px 4px 0px 0px;background-color:var(--color-gray-12);padding:var(--ptc-element-spacing-05) 0px}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:100%;padding:12px}.most-popular-card ptc-card-wrapper{border-radius:4px;background:#fff;box-shadow:var(--ptc-shadow-x-small)}.most-popular-card ptc-card-wrapper:hover{box-shadow:var(--ptc-shadow-small)}@media screen and (min-width: 768px){.most-popular-title{display:none}.most-popular-cards{display:flex;flex-flow:row nowrap}}@media screen and (min-width: 992px){.most-popular-title{display:block}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:246px;padding:12px 0;margin:0 auto}}";export{i as most_popular_news}
+import{r as t,h as a,H as e,g as p}from"./p-ac75c7ad.js";import{a as l}from"./p-c7e948b2.js";const i=class{constructor(a){t(this,a),this.topTitle=void 0}componentDidRender(){l(".js-card-bottom",this.el)}render(){return a(e,null,a("div",{class:"most-popular-wrapper"},a("slot",{name:"seo-content"}),a("ptc-title",{type:"h2","text-align":"center","title-size":"large","title-color":"white",upperline:"no-upperline","title-display":"block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7",class:"most-popular-title"},this.topTitle),a("div",{class:"most-popular-cards"},a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-1",tabindex:"0","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card mf-listen"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M22.224 20.0959V22.9999H12.48V20.0959H15.888V12.8239C15.744 13.0159 15.512 13.2159 15.192 13.4239C14.888 13.6159 14.552 13.7999 14.184 13.9759C13.816 14.1519 13.432 14.2959 13.032 14.4079C12.648 14.5199 12.304 14.5759 12 14.5759V11.5759C12.288 11.5759 12.64 11.4879 13.056 11.3119C13.472 11.1199 13.88 10.8959 14.28 10.6399C14.68 10.3839 15.024 10.1359 15.312 9.8959C15.616 9.6399 15.808 9.4399 15.888 9.2959H19.176V20.0959H22.224Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",{tabindex:"-1"},a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom",tabindex:"-1"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Q2 FY’23 Earnings Presentation"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-2","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M12 23.0002C12 22.2802 12.056 21.6322 12.168 21.0562C12.28 20.4642 12.472 19.9202 12.744 19.4242C13.032 18.9282 13.416 18.4642 13.896 18.0322C14.392 17.6002 15.016 17.1762 15.768 16.7602C16.424 16.4082 17 16.1042 17.496 15.8482C18.008 15.5762 18.432 15.3282 18.768 15.1042C19.104 14.8802 19.36 14.6562 19.536 14.4322C19.712 14.1922 19.8 13.9202 19.8 13.6162C19.8 13.1362 19.608 12.7282 19.224 12.3922C18.84 12.0402 18.288 11.8642 17.568 11.8642C17.184 11.8642 16.832 11.9202 16.512 12.0322C16.192 12.1282 15.888 12.2642 15.6 12.4402C15.328 12.6162 15.072 12.8162 14.832 13.0402C14.608 13.2482 14.4 13.4722 14.208 13.7122L12.144 11.3362C12.352 11.1122 12.648 10.8722 13.032 10.6162C13.416 10.3442 13.864 10.0962 14.376 9.87215C14.904 9.63215 15.48 9.44015 16.104 9.29615C16.744 9.13615 17.424 9.05615 18.144 9.05615C18.96 9.05615 19.688 9.16015 20.328 9.36815C20.968 9.56015 21.504 9.84015 21.936 10.2082C22.384 10.5602 22.72 10.9922 22.944 11.5042C23.184 12.0002 23.304 12.5442 23.304 13.1362C23.304 13.6962 23.2 14.1922 22.992 14.6242C22.784 15.0562 22.52 15.4402 22.2 15.7762C21.88 16.1122 21.528 16.4082 21.144 16.6642C20.776 16.9042 20.416 17.1202 20.064 17.3122C19.776 17.4722 19.448 17.6562 19.08 17.8642C18.712 18.0722 18.344 18.3042 17.976 18.5602C17.624 18.8002 17.296 19.0562 16.992 19.3282C16.688 19.5842 16.456 19.8402 16.296 20.0962H23.568V23.0002H12Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Announces Availability of Creo 9"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-3","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M20.472 16.3358C21.464 16.5118 22.264 16.9918 22.872 17.7758C23.496 18.5438 23.808 19.4878 23.808 20.6078C23.808 21.3598 23.656 22.0398 23.352 22.6478C23.064 23.2558 22.648 23.7678 22.104 24.1838C21.576 24.6158 20.928 24.9438 20.16 25.1678C19.392 25.4078 18.528 25.5278 17.568 25.5278C16.352 25.5278 15.272 25.3278 14.328 24.9278C13.4 24.5438 12.624 23.9758 12 23.2238L13.824 20.9438C14.24 21.4718 14.736 21.8798 15.312 22.1678C15.888 22.4558 16.608 22.5998 17.472 22.5998C18.448 22.5998 19.192 22.4078 19.704 22.0238C20.216 21.6398 20.472 21.0478 20.472 20.2478C20.472 19.4158 20.176 18.7758 19.584 18.3278C18.992 17.8798 18.096 17.6558 16.896 17.6558H16.224V15.2558H16.968C17.96 15.2558 18.728 15.0398 19.272 14.6078C19.816 14.1598 20.088 13.5918 20.088 12.9038C20.088 12.2478 19.864 11.7598 19.416 11.4398C18.968 11.1198 18.384 10.9598 17.664 10.9598C16.928 10.9598 16.264 11.1278 15.672 11.4638C15.096 11.7998 14.624 12.2718 14.256 12.8798L12.24 10.6238C12.48 10.2558 12.8 9.92778 13.2 9.63978C13.6 9.33578 14.048 9.07978 14.544 8.87178C15.056 8.64778 15.608 8.47978 16.2 8.36778C16.792 8.23978 17.4 8.17578 18.024 8.17578C18.84 8.17578 19.584 8.27978 20.256 8.48778C20.928 8.69578 21.504 8.98378 21.984 9.35178C22.48 9.71978 22.856 10.1678 23.112 10.6958C23.384 11.2078 23.52 11.7838 23.52 12.4238C23.52 12.9038 23.448 13.3598 23.304 13.7918C23.16 14.2238 22.952 14.6158 22.68 14.9678C22.408 15.3198 22.08 15.6158 21.696 15.8558C21.328 16.0958 20.92 16.2558 20.472 16.3358Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Completes Acquisition of Intland Software"))))))))}get el(){return p(this)}};i.style="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}}.most-popular-wrapper{border:1px solid #eee;display:flex;flex-flow:column nowrap;background-color:var(--color-gray-02)}::slotted([slot=seo-content]){display:none}.most-popular-title{border-radius:4px 4px 0px 0px;background-color:var(--color-gray-12);padding:var(--ptc-element-spacing-05) 0px}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:100%;padding:12px}.most-popular-card ptc-card-wrapper{border-radius:4px;background:#fff;box-shadow:var(--ptc-shadow-x-small)}.most-popular-card ptc-card-wrapper:hover{box-shadow:var(--ptc-shadow-small)}@media screen and (min-width: 768px){.most-popular-title{display:none}.most-popular-cards{display:flex;flex-flow:row nowrap}}@media screen and (min-width: 992px){.most-popular-title{display:block}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:246px;padding:12px 0;margin:0 auto}}";export{i as most_popular_news}

package/dist/ptcw-design/{p-7c6d6a5e.entry.js → p-5dd538c4.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as a,a as s}from"./p-944c5be8.js";var n;!function(t){t.Low="low",t.Medium="medium",t.High="high"}(n||(n={}));const o=class{constructor(e){t(this,e),this.emailReportClick=i(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.resetQuiz=()=>{this.currentQuestion=1,this.currentSelectedPriority=null,this.selectedPriorityRadio=null;let t=this.el.shadowRoot.querySelectorAll("input");for(let i=0;i<t.length;i++)t[i].checked=!1;this.answers={},this.traversal={}},this.handleFocusFirstRadio=()=>{var t,i;const e=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector('input[type="radio"]');e&&(e.click(),setTimeout((()=>{e.focus()}),50))},this.handlePriorityOptionClick=(t,i)=>{"INPUT"===t.target.nodeName&&(this.selectedPriorityRadio=t.target,this.currentSelectedPriority=i,this.selectedPriorityRadio.checked=!0,this.traversal[this.currentQuestion]||(this.traversal[this.currentQuestion]={}),this.traversal[this.currentQuestion].priority=this.currentSelectedPriority,this.traversal[this.currentQuestion].radio=this.selectedPriorityRadio)},this.handlePreviousClick=t=>{(t instanceof MouseEvent||t instanceof KeyboardEvent&&"Enter"===t.key)&&(t instanceof KeyboardEvent&&t.preventDefault(),(()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1,this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.traversal[this.currentQuestion].radio.checked=!0)})(),this.traversal[this.currentQuestion].radio.focus())},this.handleNextClick=t=>{const i=()=>{if(!t.target.disabled&&this.currentQuestion<this.totalQuestions){this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentQuestion+=1,this.traversal[this.currentQuestion]?(this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.selectedPriorityRadio=this.traversal[this.currentQuestion].radio,this.selectedPriorityRadio.checked=!0):(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1);let t=this.el.shadowRoot.querySelector(".modal-quiz-container");t&&t.scrollTo({top:0,left:0,behavior:"smooth"})}};t instanceof MouseEvent&&i(),t instanceof KeyboardEvent&&"Enter"===t.key&&(t.preventDefault(),i(),this.traversal[this.currentQuestion]?this.traversal[this.currentQuestion].radio.focus():this.handleFocusFirstRadio())},this.handleEmailReportClick=t=>{t.target.disabled||(this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers),this.resetQuiz())},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={},this.traversal={}}async focusIn(){this.handleFocusFirstRadio()}componentDidLoad(){const t=this.el.querySelectorAll('[slot$="-image"]');for(let i=0;i<this.totalQuestions;i++)t[i].style.borderRadius="12px",t[i].style.width="100%",t[i].style.objectFit="contain",t[i].style.marginLeft="var(--ptc-element-spacing-04)"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.resetQuiz()}))}render(){return e(a,null,e("div",{class:"modal-quiz-container"},e("div",null,e("div",null,e("div",{class:"modal-quiz-progress"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"question-text"})," ",this.currentQuestion," ",e("slot",{name:"of-text"})," ",this.totalQuestions),e((()=>e("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((t=>e("div",null,e("div",{class:"dot-progress-circle "+(t===this.currentQuestion-1?"active":"")}),t<this.totalQuestions-1?e("div",{class:"dot-progress-dash"},e("div",{class:"dashed-line"})):null))))),null)),e("div",{class:"modal-quiz-content"},e("div",{class:"content"},e("ptc-title",{type:"h2","text-align":"left","title-size":"xx-large","title-color":"gray",upperline:"dotted","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-1","title-weight":"w-8","is-plm-hub":"false"},e("slot",{name:`question-${this.currentQuestion}-title`})),e("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:""},e("slot",{name:`question-${this.currentQuestion}-subtitle`})),e((()=>e("div",{class:"options-container"},e("div",{id:`priority-option-${this.currentQuestion}-1`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Low)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1",tabIndex:0}),e("label",{class:"option-label",htmlFor:"1"},e("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:""},e("slot",{name:"low-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-2`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Medium)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2",tabIndex:0}),e("label",{class:"option-label",htmlFor:"2"},e("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:""},e("slot",{name:"medium-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-3`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.High)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3",tabIndex:0}),e("label",{class:"option-label",htmlFor:"3"},e("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:""},e("slot",{name:"high-level-label"})))))),null),e("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.currentSelectedPriority?e("slot",{name:this.getPriorityAnswerSlotName()}):null),e("div",{class:"modal-quiz-ctas"},e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-prev`,type:"link",color:"ptc-tertiary",onClick:t=>this.handlePreviousClick(t),onKeyDown:t=>this.handlePreviousClick(t),disabled:1===this.currentQuestion,"tab-nav":1==this.currentQuestion?-1:0,styles:"button{margin-bottom:20px;}"},e("slot",{name:"previous-ques-text"})),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-email`,type:"link",color:"ptc-secondary",onClick:t=>this.handleEmailReportClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"email-results-text"})):e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-next`,type:"link",color:"ptc-secondary",onClick:t=>this.handleNextClick(t),onKeyDown:t=>this.handleNextClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"next-ques-text"})))),e("div",{class:"image"},e("slot",{name:`question-${this.currentQuestion}-image`})))))),e("slot",{name:"script"}))}get el(){return s(this)}};o.style='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}}:host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:-moz-max-content;height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-05)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:-moz-max-content;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input input[type=radio]:after{content:"";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}';export{o as ptc_modal_quiz}
+import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";var n;!function(t){t.Low="low",t.Medium="medium",t.High="high"}(n||(n={}));const o=class{constructor(e){t(this,e),this.emailReportClick=i(this,"emailReportClick",7),this.getPriorityAnswerSlotName=()=>`question-${this.currentQuestion}-${this.currentSelectedPriority}-short-answer`,this.resetQuiz=()=>{this.currentQuestion=1,this.currentSelectedPriority=null,this.selectedPriorityRadio=null;let t=this.el.shadowRoot.querySelectorAll("input");for(let i=0;i<t.length;i++)t[i].checked=!1;this.answers={},this.traversal={}},this.handleFocusFirstRadio=()=>{var t,i;const e=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector('input[type="radio"]');e&&(e.click(),setTimeout((()=>{e.focus()}),50))},this.handlePriorityOptionClick=(t,i)=>{"INPUT"===t.target.nodeName&&(this.selectedPriorityRadio=t.target,this.currentSelectedPriority=i,this.selectedPriorityRadio.checked=!0,this.traversal[this.currentQuestion]||(this.traversal[this.currentQuestion]={}),this.traversal[this.currentQuestion].priority=this.currentSelectedPriority,this.traversal[this.currentQuestion].radio=this.selectedPriorityRadio)},this.handlePreviousClick=t=>{(t instanceof MouseEvent||t instanceof KeyboardEvent&&"Enter"===t.key)&&(t instanceof KeyboardEvent&&t.preventDefault(),(()=>{this.currentQuestion>1&&(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1,this.currentQuestion-=1,this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.traversal[this.currentQuestion].radio.checked=!0)})(),this.traversal[this.currentQuestion].radio.focus())},this.handleNextClick=t=>{const i=()=>{if(!t.target.disabled&&this.currentQuestion<this.totalQuestions){this.answers[this.currentQuestion]=this.currentSelectedPriority,this.currentQuestion+=1,this.traversal[this.currentQuestion]?(this.currentSelectedPriority=this.traversal[this.currentQuestion].priority,this.selectedPriorityRadio=this.traversal[this.currentQuestion].radio,this.selectedPriorityRadio.checked=!0):(this.currentSelectedPriority=null,this.selectedPriorityRadio.checked=!1);let t=this.el.shadowRoot.querySelector(".modal-quiz-container");t&&t.scrollTo({top:0,left:0,behavior:"smooth"})}};t instanceof MouseEvent&&i(),t instanceof KeyboardEvent&&"Enter"===t.key&&(t.preventDefault(),i(),this.traversal[this.currentQuestion]?this.traversal[this.currentQuestion].radio.focus():this.handleFocusFirstRadio())},this.handleEmailReportClick=t=>{t.target.disabled||(this.answers[this.currentQuestion]=this.currentSelectedPriority,this.emailReportClick.emit(this.answers),this.resetQuiz())},this.totalQuestions=void 0,this.modalId=void 0,this.currentQuestion=1,this.currentSelectedPriority=void 0,this.selectedPriorityRadio=void 0,this.answers={},this.traversal={}}async focusIn(){this.handleFocusFirstRadio()}componentDidLoad(){const t=this.el.querySelectorAll('[slot$="-image"]');for(let i=0;i<this.totalQuestions;i++)t[i].style.borderRadius="12px",t[i].style.width="100%",t[i].style.objectFit="contain",t[i].style.marginLeft="var(--ptc-element-spacing-04)"}componentDidRender(){document.querySelector(`#${this.modalId}`).shadowRoot.querySelector(".close").addEventListener("click",(()=>{this.resetQuiz()}))}render(){return e(a,null,e("div",{class:"modal-quiz-container"},e("div",null,e("div",null,e("div",{class:"modal-quiz-progress"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-4","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},e("slot",{name:"question-text"})," ",this.currentQuestion," ",e("slot",{name:"of-text"})," ",this.totalQuestions),e((()=>e("div",{class:"dot-progress-bar"},[...Array(this.totalQuestions).keys()].map((t=>e("div",null,e("div",{class:"dot-progress-circle "+(t===this.currentQuestion-1?"active":"")}),t<this.totalQuestions-1?e("div",{class:"dot-progress-dash"},e("div",{class:"dashed-line"})):null))))),null)),e("div",{class:"modal-quiz-content"},e("div",{class:"content"},e("ptc-title",{type:"h2","text-align":"left","title-size":"xx-large","title-color":"gray",upperline:"dotted","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-1","title-weight":"w-8","is-plm-hub":"false"},e("slot",{name:`question-${this.currentQuestion}-title`})),e("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:""},e("slot",{name:`question-${this.currentQuestion}-subtitle`})),e((()=>e("div",{class:"options-container"},e("div",{id:`priority-option-${this.currentQuestion}-1`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Low)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"1",tabIndex:0}),e("label",{class:"option-label",htmlFor:"1"},e("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:""},e("slot",{name:"low-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-2`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.Medium)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"2",tabIndex:0}),e("label",{class:"option-label",htmlFor:"2"},e("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:""},e("slot",{name:"medium-level-label"})))),e("div",{id:`priority-option-${this.currentQuestion}-3`,class:"radio-input mf-listen",onClick:t=>this.handlePriorityOptionClick(t,n.High)},e("input",{type:"radio",name:`modal-quiz-${this.currentQuestion}`,id:"3",tabIndex:0}),e("label",{class:"option-label",htmlFor:"3"},e("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:""},e("slot",{name:"high-level-label"})))))),null),e("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.currentSelectedPriority?e("slot",{name:this.getPriorityAnswerSlotName()}):null),e("div",{class:"modal-quiz-ctas"},e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-prev`,type:"link",color:"ptc-tertiary",onClick:t=>this.handlePreviousClick(t),onKeyDown:t=>this.handlePreviousClick(t),disabled:1===this.currentQuestion,"tab-nav":1==this.currentQuestion?-1:0,styles:"button{margin-bottom:20px;}"},e("slot",{name:"previous-ques-text"})),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),this.currentQuestion===this.totalQuestions?e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-email`,type:"link",color:"ptc-secondary",onClick:t=>this.handleEmailReportClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"email-results-text"})):e("ptc-button",{"tracker-id":`question-${this.currentQuestion}-next`,type:"link",color:"ptc-secondary",onClick:t=>this.handleNextClick(t),onKeyDown:t=>this.handleNextClick(t),disabled:null==this.currentSelectedPriority,styles:"button{margin-bottom:20px;}","tab-nav":null==this.currentSelectedPriority?-1:0},e("slot",{name:"next-ques-text"})))),e("div",{class:"image"},e("slot",{name:`question-${this.currentQuestion}-image`})))))),e("slot",{name:"script"}))}get el(){return s(this)}};o.style='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}}:host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:-moz-max-content;height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-05)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:-moz-max-content;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input input[type=radio]:after{content:"";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}';export{o as ptc_modal_quiz}

package/dist/ptcw-design/p-5e4c1edf.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1},this.isSubmitted=!1}componentDidLoad(){this.onDataLookup(),this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]'),this.countryEle=this.el.querySelector('ptc-select[field-id="contact-country"]'),this.inquiryreasonEle=this.el.querySelector('ptc-select[field-id="contact-inquiry"]'),this.howhearselfreport=this.el.querySelector('ptc-textfield[field-id="self-reporting"]'),this.policy1=this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]')}onDataLookup(){const t=this.el.closest("ptc-data-lookup");t?t.performDataLookup():console.log("No Data Lookup...")}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.formData.country=this.countryEle.selectedValue,this.formData.inquiryReason=this.inquiryreasonEle.selectedValue,this.formData.howhearselfreport=this.howhearselfreport.inputValue,this.formData.policyChecked=this.policy1.isChecked,this.formData.policyChecked)if(this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),this.isSubmitted=!0}else console.log("Form validation failed");else this.policy1.validateCheckbox(),console.log("Warning: Checkbox is not checked. This field is required")}isValid(){const{email:t,firstName:e,lastName:i,company:a,country:l,phone:s,inquiryReason:n,howhearselfreport:c,policyChecked:d}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==i&&""!==a&&""!==l&&""!==n&&""!=c&&d&&0===p}render(){const t=this.isSubmitted?"ptc-form-roll-up":"";return e(i,null,e("div",{class:"ptc-container ptc-section-standard flex-adjustments"},e("div",{class:"form-wrapper ptc-embedded-form"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t),class:t},e("div",{id:"not-me-link-id"}),e("div",{id:"not-me-additional-top",class:"not-me-additional-text"}),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email","info-text":"Please include @ in the email address"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country","default-value":"USA"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry","info-text":"info text example."},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",null),e("ptc-textfield",{"field-id":"self-reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-textfield",{type:"hidden","ptc-data-eloqua-name":"test","input-value":"test"}),e("ptc-textfield",{"field-id":"description","field-name":"description","label-text":"Description",type:"textarea","ptc-max-length":"700"}),e("ptc-form-checkbox",{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.","checkbox-id":"policy1"}),e("div",{id:"not-me-additional-bottom",class:"not-me-additional-text"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}"},"Submit")))))}get el(){return a(this)}};l.style="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}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142d48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#fff;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";export{l as embedded_form}

package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as i,a as e}from"./p-944c5be8.js";const s=class{constructor(o){t(this,o),this.fullContentstring="",this.maxChars=void 0,this.maxLines=void 0,this.showTooltip=!1,this.truncatedContent="",this.htmlTagType=void 0,this.maxCharEnable=!1,this.maxLinesEnable=!1,this.zIndex="auto",this.position="bottom",this.theme="standard",this.width="default",this.styles=void 0,this.hideOnMobile=!1,this.isSmallScreen=void 0,this.hideIfMobile=void 0,this.maxLinesShowCheck=!1}windowResize(){this.isSmallScreen=window.innerWidth<768,this.hideIfMobile=this.hideOnMobile&&this.isSmallScreen,this.hideIfMobile?this.truncatedContent=this.fullContentstring:this.getSortedText(this.fullContentstring),this.updateContentMarkup()}componentWillLoad(){this.isSmallScreen=window.innerWidth<768,this.hideIfMobile=this.hideOnMobile&&this.isSmallScreen;const t=this.el.innerText||this.el.textContent;this.maxCharEnable=this.maxChars&&t.length>this.maxChars,this.maxLinesEnable=this.maxLines&&this.maxLines>0,this.fullContentstring=t,this.getSortedText(t)}getSortedText(t){const o=t.trim();this.truncatedContent=!this.maxCharEnable||this.maxLinesEnable||this.hideIfMobile?o:o.slice(0,this.maxChars)+"..."}checkMaxLines(){this.el.querySelectorAll(".trunc-text").forEach((t=>{this.maxLinesShowCheck=t.scrollHeight>t.clientHeight}))}componentDidLoad(){this.updateContentMarkup();const t=this.el.querySelector(".slot-wrap");t&&t.remove(),this.checkMaxLines()}updateContentMarkup(){const t=this.el.querySelector(".trunc-text");t&&(t.innerHTML=this.htmlTagType?`<${this.htmlTagType}>${this.truncatedContent}</${this.htmlTagType}>`:this.truncatedContent)}toggleTooltip(t){this.showTooltip=t}renderTooltip(){return this.maxCharEnable&&this.showTooltip||this.maxLinesEnable&&this.showTooltip&&this.maxLinesShowCheck?o("div",{class:`tooltip-box ${this.position} ${this.width}`,style:{"z-index":this.zIndex},ref:t=>this.tooltipBox=t},this.fullContentstring):""}render(){const t=this.getCssClassMap(),e=this.getLineCuttoff();return o(i,null,o("div",{class:"tooltip-container",onMouseEnter:()=>this.toggleTooltip(!0),onMouseLeave:()=>this.toggleTooltip(!1)},o("div",{class:t,style:e}),o("div",{class:"slot-wrap"},o("slot",null)),!this.hideIfMobile&&this.renderTooltip()))}getCssClassMap(){return{"trunc-text":!0,"line-clamp":this.maxLinesEnable,"hide-on-mobile":this.hideOnMobile}}getLineCuttoff(){let t;return this.maxLinesEnable&&(t={"-webkit-line-clamp":`${this.maxLines}`}),t}get el(){return e(this)}};s.style='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}}.tooltip-container{position:relative;display:inline-block}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.line-clamp.hide-on-mobile{-webkit-line-clamp:initial !important}}.slot-wrap{display:none}.tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){.tooltip-box{width:273px}}.tooltip-box.full-width{width:100%}.tooltip-box::after{content:"";position:absolute}.tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}.tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip-box.right{transform:translate(100%, 8px) !important}}}.tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.top{top:-8px;transform:translateY(-100%)}.tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}.tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip-box.danger a{color:var(--color-hyperlink)}';export{s as ptc_tooltip_v3}
+import{r as t,h as o,H as i,g as e}from"./p-ac75c7ad.js";const s=class{constructor(o){t(this,o),this.fullContentstring="",this.maxChars=void 0,this.maxLines=void 0,this.showTooltip=!1,this.truncatedContent="",this.htmlTagType=void 0,this.maxCharEnable=!1,this.maxLinesEnable=!1,this.zIndex="auto",this.position="bottom",this.theme="standard",this.width="default",this.styles=void 0,this.hideOnMobile=!1,this.isSmallScreen=void 0,this.hideIfMobile=void 0,this.maxLinesShowCheck=!1}windowResize(){this.isSmallScreen=window.innerWidth<768,this.hideIfMobile=this.hideOnMobile&&this.isSmallScreen,this.hideIfMobile?this.truncatedContent=this.fullContentstring:this.getSortedText(this.fullContentstring),this.updateContentMarkup()}componentWillLoad(){this.isSmallScreen=window.innerWidth<768,this.hideIfMobile=this.hideOnMobile&&this.isSmallScreen;const t=this.el.innerText||this.el.textContent;this.maxCharEnable=this.maxChars&&t.length>this.maxChars,this.maxLinesEnable=this.maxLines&&this.maxLines>0,this.fullContentstring=t,this.getSortedText(t)}getSortedText(t){const o=t.trim();this.truncatedContent=!this.maxCharEnable||this.maxLinesEnable||this.hideIfMobile?o:o.slice(0,this.maxChars)+"..."}checkMaxLines(){this.el.querySelectorAll(".trunc-text").forEach((t=>{this.maxLinesShowCheck=t.scrollHeight>t.clientHeight}))}componentDidLoad(){this.updateContentMarkup();const t=this.el.querySelector(".slot-wrap");t&&t.remove(),this.checkMaxLines()}updateContentMarkup(){const t=this.el.querySelector(".trunc-text");t&&(t.innerHTML=this.htmlTagType?`<${this.htmlTagType}>${this.truncatedContent}</${this.htmlTagType}>`:this.truncatedContent)}toggleTooltip(t){this.showTooltip=t}renderTooltip(){return this.maxCharEnable&&this.showTooltip||this.maxLinesEnable&&this.showTooltip&&this.maxLinesShowCheck?o("div",{class:`tooltip-box ${this.position} ${this.width}`,style:{"z-index":this.zIndex},ref:t=>this.tooltipBox=t},this.fullContentstring):""}render(){const t=this.getCssClassMap(),e=this.getLineCuttoff();return o(i,null,o("div",{class:"tooltip-container",onMouseEnter:()=>this.toggleTooltip(!0),onMouseLeave:()=>this.toggleTooltip(!1)},o("div",{class:t,style:e}),o("div",{class:"slot-wrap"},o("slot",null)),!this.hideIfMobile&&this.renderTooltip()))}getCssClassMap(){return{"trunc-text":!0,"line-clamp":this.maxLinesEnable,"hide-on-mobile":this.hideOnMobile}}getLineCuttoff(){let t;return this.maxLinesEnable&&(t={"-webkit-line-clamp":`${this.maxLines}`}),t}get el(){return e(this)}};s.style='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}}.tooltip-container{position:relative;display:inline-block}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.line-clamp.hide-on-mobile{-webkit-line-clamp:initial !important}}.slot-wrap{display:none}.tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){.tooltip-box{width:273px}}.tooltip-box.full-width{width:100%}.tooltip-box::after{content:"";position:absolute}.tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}.tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip-box.right{transform:translate(100%, 8px) !important}}}.tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.top{top:-8px;transform:translateY(-100%)}.tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}.tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-box.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip-box.danger a{color:var(--color-hyperlink)}';export{s as ptc_tooltip_v3}

package/dist/ptcw-design/{p-3e13f29c.entry.js → p-66ecd7b9.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as i}from"./p-944c5be8.js";const o=class{constructor(t){e(this,t),this.quoteType="image-quote",this.quoteName="John Smith",this.ctaText=void 0,this.ctaUrl=void 0,this.imgSrc=void 0,this.imgTitle=void 0,this.quoteImage=void 0}getImageTitle(){return t("div",{class:"our-leadership"},t("div",{class:"line"},t("div",{class:"green-line"}),t("div",{class:"grey-line"})),t("p",null,this.imgTitle))}render(){const e=this.getCssClassMap();return t(i,{class:e},this.imgSrc?t("div",{class:"quote-media"},this.imgSrc?t("img",{src:this.imgSrc,alt:this.imgTitle?this.imgTitle:"quote Image"}):null,this.imgTitle?this.getImageTitle():null):null,t("div",{class:"quote-content"},"image-quote"==this.quoteType?t("div",{class:"quotemarks",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.12 32.76"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#cac8c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><g class="cls-1"><path class="cls-2" d="M24,0,18,15.12h5.4L19.68,32.76H0l3.72-18L11.4,0ZM48.12,0l-6,15.12h5.4L43.8,32.76H24.12l3.72-18L35.52,0Z"/></g></g></g></g></svg>'}):null,t("blockquote",null,"value-led-quote"==this.quoteType&&this.quoteImage&&t("ptc-picture",{alt:"quote",src:this.quoteImage}),t("p",null,t("slot",null)),t("span",{class:"quote-name"},this.quoteName?this.quoteName:null),this.ctaText&&this.ctaUrl?t("ptc-button",{type:"link",color:"ptc-secondary","link-href":this.ctaUrl},this.ctaText):null)))}getCssClassMap(){return{[this.quoteType]:!0}}};o.style="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}}:host{display:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}:host(.value-led-quote){margin-bottom:32px}@media only screen and (min-width: 480px){:host(.value-led-quote){margin-bottom:48px}}:host(.value-led-quote) blockquote{margin:8px 0 8px 0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:16px 40px 0 40px}}@media only screen and (min-width: 992px){:host(.value-led-quote) blockquote{margin:24px 48px 8px 48px}}@media only screen and (min-width: 1440px){:host(.value-led-quote) blockquote{margin:8px 48px 8px 48px}}:host(.value-led-quote) blockquote p,:host(.value-led-quote) blockquote span{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}:host(.value-led-quote) blockquote .quote-name{font-weight:500}";export{o as ptc_quote}
+import{r as e,h as t,H as i}from"./p-ac75c7ad.js";const o=class{constructor(t){e(this,t),this.quoteType="image-quote",this.quoteName="John Smith",this.ctaText=void 0,this.ctaUrl=void 0,this.imgSrc=void 0,this.imgTitle=void 0,this.quoteImage=void 0}getImageTitle(){return t("div",{class:"our-leadership"},t("div",{class:"line"},t("div",{class:"green-line"}),t("div",{class:"grey-line"})),t("p",null,this.imgTitle))}render(){const e=this.getCssClassMap();return t(i,{class:e},this.imgSrc?t("div",{class:"quote-media"},this.imgSrc?t("img",{src:this.imgSrc,alt:this.imgTitle?this.imgTitle:"quote Image"}):null,this.imgTitle?this.getImageTitle():null):null,t("div",{class:"quote-content"},"image-quote"==this.quoteType?t("div",{class:"quotemarks",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.12 32.76"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#cac8c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><g class="cls-1"><path class="cls-2" d="M24,0,18,15.12h5.4L19.68,32.76H0l3.72-18L11.4,0ZM48.12,0l-6,15.12h5.4L43.8,32.76H24.12l3.72-18L35.52,0Z"/></g></g></g></g></svg>'}):null,t("blockquote",null,"value-led-quote"==this.quoteType&&this.quoteImage&&t("ptc-picture",{alt:"quote",src:this.quoteImage}),t("p",null,t("slot",null)),t("span",{class:"quote-name"},this.quoteName?this.quoteName:null),this.ctaText&&this.ctaUrl?t("ptc-button",{type:"link",color:"ptc-secondary","link-href":this.ctaUrl},this.ctaText):null)))}getCssClassMap(){return{[this.quoteType]:!0}}};o.style="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}}:host{display:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}:host(.value-led-quote){margin-bottom:32px}@media only screen and (min-width: 480px){:host(.value-led-quote){margin-bottom:48px}}:host(.value-led-quote) blockquote{margin:8px 0 8px 0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:16px 40px 0 40px}}@media only screen and (min-width: 992px){:host(.value-led-quote) blockquote{margin:24px 48px 8px 48px}}@media only screen and (min-width: 1440px){:host(.value-led-quote) blockquote{margin:8px 48px 8px 48px}}:host(.value-led-quote) blockquote p,:host(.value-led-quote) blockquote span{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}:host(.value-led-quote) blockquote .quote-name{font-weight:500}";export{o as ptc_quote}

package/dist/ptcw-design/{p-575c7fc0.entry.js → p-6aa9ed95.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e}from"./p-944c5be8.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n        <div class="ms-content">\n          <div class="ms-btn-bar">\n            <div class="ms-fix-width">\n              <div class="ms-cancel">${this.config.cancelBtnText}</div>  \n              <div class="ms-title">${this.config.title||""}</div>\n              <div class="ms-ensure">${this.config.ensureBtnText}</div>\n            </div>\n          </div>\n          <div class="ms-panel">\n            <div class="ms-fix-width">\n            <div class="ms-wheels"></div>\n            <div class="ms-select-line"></div>\n            <div class="ms-shadow-mask"></div>\n          </div>\n        </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2","test3"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}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}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}
+import{r as t,c as i,h as e}from"./p-ac75c7ad.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n        <div class="ms-content">\n          <div class="ms-btn-bar">\n            <div class="ms-fix-width">\n              <div class="ms-cancel">${this.config.cancelBtnText}</div>  \n              <div class="ms-title">${this.config.title||""}</div>\n              <div class="ms-ensure">${this.config.ensureBtnText}</div>\n            </div>\n          </div>\n          <div class="ms-panel">\n            <div class="ms-fix-width">\n            <div class="ms-wheels"></div>\n            <div class="ms-select-line"></div>\n            <div class="ms-shadow-mask"></div>\n          </div>\n        </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2","test3"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}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}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}

package/dist/ptcw-design/p-6f9f55b3.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,g as a}from"./p-ac75c7ad.js";import{R as s}from"./p-711bcdad.js";const o=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg",this.styles=void 0,this.enableLazyLoad=!1,this.delay=2e3,this.bgSrcLazy=void 0,this.bgSrcMedium=void 0,this.bgSrcHigh=void 0,this.isInViewport=!1,this.isImageUpgraded=!1}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(e,null,this.styles&&i("style",null,this.styles),this.enableLazyLoad&&this.imgUrl?i("div",{class:t},i("div",{class:"low-quality",style:{backgroundImage:`url(${this.bgSrcLazy})`,opacity:"1",transition:"opacity 0.5s ease-in-out"}}),i("div",{class:"medium-quality",style:{opacity:"0",transition:"opacity 0.5s ease-in-out"}}),i("div",{class:"high-quality",style:{opacity:"0",transition:"opacity 0.5s ease-in-out"}}),"smart-bg"==this.imageType?i("slot",null):null):i("div",{class:t,"data-xs":this.bgSrcLazy||this.imgUrl,"data-sm":this.bgSrcLazy||this.imgUrl,"data-md":this.bgSrcLazy||this.imgUrl,"data-lg":this.bgSrcLazy||this.imgUrl,style:{backgroundImage:`url(${this.bgSrcLazy||this.imgUrl})`}},"smart-bg"==this.imageType?i("slot",null):null))}componentWillLoad(){this.enableLazyLoad&&(this.isInViewport=!1),this.enableLazyLoad&&this.imgUrl?(this.bgSrcLazy=this.getImageUrl("lq"),this.bgSrcMedium=this.getImageUrl("mq"),this.bgSrcHigh=this.getImageUrl("hq")):(console.warn("Image URL is undefined or invalid."),this.bgSrcLazy="",this.bgSrcMedium="",this.bgSrcHigh="")}componentDidLoad(){if(this.addIntersectionObserver(),this.setResponsiveBg(),this.enableLazyLoad&&this.imgUrl){const t=this;setTimeout((()=>{t.upgradeImageQuality()}),t.delay)}}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}upgradeImageQuality(){this.isInViewport&&!this.isImageUpgraded&&(console.log("Low-quality image is visible."),this.isImageUpgraded=!0,setTimeout((()=>{const t=this.el.querySelector(".medium-quality");t&&(t.style.backgroundImage=`url(${this.bgSrcMedium})`,t.style.opacity="1",console.log("Medium-quality image is now visible.")),setTimeout((()=>{const i=this.el.querySelector(".high-quality");i&&(i.style.backgroundImage=`url(${this.bgSrcHigh})`,i.style.opacity="1",console.log("High-quality image is now visible.")),t&&(t.style.opacity="0",console.log("Medium-quality image is hidden."))}),this.delay)}),this.delay/2))}setResponsiveBg(){let t,i,e=(this.el||document).querySelectorAll(s.selector),a=this.getCurrentBreakPoints();for(var o=0,n=e.length;o<n;o++)t=e[o],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl&&"IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.classList.remove("lazy-bg"),i.unobserve(e),this.isInViewport=!0,this.upgradeImageQuality()}}))}));t.forEach((t=>{i.observe(t)}))}}getImageUrl(t){return this.imgUrl&&this.imgUrl.includes("?")?`${this.imgUrl}&t=ptcjumbdesk${t}`:`${this.imgUrl}?t=ptcjumbdesk${t}`}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0,[this.enableLazyLoad?"ptc-img--lazy":""]:!0}}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=s.envs.length-1;a>=0;a--)if(t=s.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};o.style="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}}.smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}.ptc-img{position:relative;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}img{width:100%;height:auto;display:block}.low-quality,.medium-quality,.high-quality{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:opacity 0.5s ease-in-out}.low-quality{z-index:1}.medium-quality{z-index:2;opacity:0}.high-quality{z-index:3;opacity:0}.ptc-img--lazy .lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}.ptc-img--lazy .low-quality,.ptc-img--lazy .medium-quality,.ptc-img--lazy .high-quality{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:opacity 0.5s ease-in-out}.ptc-img--lazy .low-quality{z-index:1}.ptc-img--lazy .medium-quality{z-index:2;opacity:0}.ptc-img--lazy .high-quality{z-index:3;opacity:0}";export{o as ptc_img}

package/dist/ptcw-design/{p-ee1183b2.js → p-711bcdad.js}

@@ -1 +1 @@
-let e={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},s={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};export{s as R,e as a}
+let e={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},s={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};export{e as R,s as a}

package/dist/ptcw-design/p-7218fe2c.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,g as a}from"./p-ac75c7ad.js";import{s as n}from"./p-c7e948b2.js";const o=class{constructor(i){t(this,i),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.paraAlign=void 0,this.ellipsisLineCutoff=void 0,this.paraZIndex=void 0,this.styles=void 0,this.seoCompatibilityMode=!1,this.tooltipZIndex="auto",this.tooltipPosition="bottom",this.tooltipTheme="standard",this.enableTooltip=!1,this.maxChars=void 0,this.maxLines=void 0,this.hideTooltipOnMobile=!1,this.ismob=void 0,this.noOverflow=!1,this.tooltipWidth="default"}render(){return this.seoCompatibilityMode&&n(this.el),this.standardRender()}getSortedText(t){if(!this.enableTooltip)return;const i=t.trim();return i.length>this.maxChars&&!this.maxLines?`${i.slice(0,this.maxChars).trimEnd()} …`:i}componentDidLoad(){if(this.hideTooltipOnMobile&&this.el.classList.add("hide-tooltip-on-mobile"),this.el.addEventListener("mouseenter",(()=>{this.toggleTitleTooltip(!0)})),this.el.addEventListener("mouseleave",(()=>{this.toggleTitleTooltip(!1)})),this.enableTooltip){let t=this.el.innerText||this.el.textContent;this.tooltipText=t.trim(),this.el.innerText=this.getSortedText(t)}}toggleTitleTooltip(t){const i="tooltip-box",e=this.el.querySelector(`.${i}`),a=this.el.shadowRoot.querySelectorAll(".line-clamp-title");let n=!1;if(a&&a.forEach((t=>{n=t.scrollHeight>t.clientHeight})),t&&this.enableTooltip){if((!e&&this.maxChars&&this.tooltipText.length>this.maxChars&&!this.maxLines||!e&&this.maxLines&&n)&&!this.noOverflow){const t=document.createElement("div");t.className=i,t.innerText=this.tooltipText,t.style.zIndex=String(this.tooltipZIndex),t.classList.add(this.tooltipPosition,this.tooltipTheme,this.tooltipWidth),this.hideTooltipOnMobile&&t.classList.add("hide-tooltip-mobile"),this.el.appendChild(t)}}else null==e||e.remove()}standardRender(){const t=this.getCssClassMap(),a=this.addWhiteClass(),n=this.getLineCuttoff();return i(e,{class:`${a} ${this.paraZIndex} trunc-text`},this.styles&&i("style",null,this.styles),i("p",{class:t,part:"part-para",style:n},i("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,[this.paraAlign]:!!this.paraAlign,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0,"line-clamp-title":this.maxLines&&this.maxLines>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){const t=this.ellipsisLineCutoff>0?this.ellipsisLineCutoff:this.maxLines;return t>0?{"-webkit-line-clamp":`${t}`}:{}}get el(){return a(this)}};o.style="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}}:host{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";export{o as ptc_para}