@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/ptcw-design/{p-e03d7060.entry.js → p-9d3a7f36.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,F as n,H as e,g as a}from"./p-ac75c7ad.js";const l={0:"green",1:"blue",2:"gray"},o=class{constructor(i){t(this,i),this.captureSlots=()=>{var t,i,n,e;this.image=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector('[slot="cta-image"]'),this.cta=null===(i=this.hostEle)||void 0===i?void 0:i.querySelector('[slot="cta-link"]');const a=null===(n=this.hostEle)||void 0===n?void 0:n.querySelector('[slot="cta-heading"]'),l=null===(e=this.hostEle)||void 0===e?void 0:e.querySelector('[slot="cta-description"]');this.heading=(null==a?void 0:a.innerText)||"",this.description=(null==l?void 0:l.innerText)||""},this.setBgColor=()=>{var t;let i=null;if(this.containerSelector){const n=document.querySelector(this.containerSelector);i=this.containerIsShadow?null===(t=null==n?void 0:n.shadowRoot)||void 0===t?void 0:t.querySelectorAll("ptc-inline-cta"):null==n?void 0:n.querySelectorAll("ptc-inline-cta")}else i=document.querySelectorAll("ptc-inline-cta");i&&i.forEach(((t,i)=>{var n,e;if(t==this.hostEle){const t=Object.keys(l).length,a=l[i%t],o=null===(e=null===(n=this.hostEle)||void 0===n?void 0:n.shadowRoot)||void 0===e?void 0:e.querySelector(".big-inline-cta-container");o&&o.classList.add(a)}}))},this.truncate=(t,i)=>t.length<=i?t:t.substring(0,i)+"...",this.handleFocus=(t,i)=>{var n,e,a,l;"small"===this.type?null===(n=i.querySelector("ptc-link"))||void 0===n||n.focus():"PTC-BUTTON"!==t.relatedTarget.nodeName&&(null===(l=null===(a=null===(e=i.querySelector("ptc-button"))||void 0===e?void 0:e.shadowRoot)||void 0===a?void 0:a.querySelector("button"))||void 0===l||l.focus())},this.componentWillLoad=()=>{this.captureSlots()},this.componentWillRender=()=>{this.rte&&this.captureSlots()},this.componentDidLoad=()=>{"big"===this.type&&this.setBgColor()},this.disconnectedCallback=()=>{},this.type=void 0,this.containerSelector="",this.containerIsShadow=!1,this.trackerId="",this.rte=void 0,this.image=void 0,this.heading="",this.description="",this.cta=void 0}render(){const t=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"small-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h4","title-size":"medium","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-link",{disabled:!1,"font-size":"small",theme:"d-green-underline",styles:".d-green-underline {line-height: var(--ptc-line-height-p)}","tab-nav":"-1","link-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},a=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"big-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h3","title-size":"large","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,200))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"x-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"x-small"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-button",{color:"ptc-tertiary",disabled:!1,type:"button",styles:".ptc-tertiary  {border: 2px solid #FFFFFF !important}","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},l=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"bottom-inline-cta-container"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:":host {height: 100%;}"})),i("div",{id:this.trackerId,class:"cta-body"},i("a",{class:"link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h2","title-size":"xx-large","title-weight":"w-8","title-line-h":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h2",null,this.truncate(this.heading,70))),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-line-h":"line-height-p","para-margin":"margin-bottom-4"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i("ptc-button",{color:"ptc-primary",disabled:!1,type:"button","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))};return i(e,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("div",null,i((()=>{switch(this.type){case"small":return i(t,null);case"big":return i(a,null);case"bottom":return i(l,null);default:return null}}),null)),"bottom"===this.type?null:i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"})))}get hostEle(){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{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#fff;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .bottom-inline-cta-container .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row;gap:0}:host .bottom-inline-cta-container .cta-image{height:inherit;width:50%;display:block;position:relative}:host .bottom-inline-cta-container .cta-image ptc-picture{position:absolute;top:0;right:12px;bottom:0;left:0}:host .bottom-inline-cta-container .cta-body{height:max-content;width:50%;display:block;padding-left:12px}}';export{o as ptc_inline_cta}
+import{r as t,h as i,F as n,H as e,g as a}from"./p-ac75c7ad.js";const l={0:"green",1:"blue",2:"gray"},o=class{constructor(i){t(this,i),this.captureSlots=()=>{var t,i,n,e;this.image=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector('[slot="cta-image"]'),this.cta=null===(i=this.hostEle)||void 0===i?void 0:i.querySelector('[slot="cta-link"]');const a=null===(n=this.hostEle)||void 0===n?void 0:n.querySelector('[slot="cta-heading"]'),l=null===(e=this.hostEle)||void 0===e?void 0:e.querySelector('[slot="cta-description"]');this.heading=(null==a?void 0:a.innerText)||"",this.description=(null==l?void 0:l.innerText)||""},this.setBgColor=()=>{var t;let i=null;if(this.containerSelector){const n=document.querySelector(this.containerSelector);i=this.containerIsShadow?null===(t=null==n?void 0:n.shadowRoot)||void 0===t?void 0:t.querySelectorAll("ptc-inline-cta"):null==n?void 0:n.querySelectorAll("ptc-inline-cta")}else i=document.querySelectorAll("ptc-inline-cta");i&&i.forEach(((t,i)=>{var n,e;if(t==this.hostEle){const t=Object.keys(l).length,a=l[i%t],o=null===(e=null===(n=this.hostEle)||void 0===n?void 0:n.shadowRoot)||void 0===e?void 0:e.querySelector(".big-inline-cta-container");o&&o.classList.add(a)}}))},this.truncate=(t,i)=>t.length<=i?t:t.substring(0,i)+"...",this.handleFocus=(t,i)=>{var n,e,a,l;"small"===this.type?null===(n=i.querySelector("ptc-link"))||void 0===n||n.focus():"PTC-BUTTON"!==t.relatedTarget.nodeName&&(null===(l=null===(a=null===(e=i.querySelector("ptc-button"))||void 0===e?void 0:e.shadowRoot)||void 0===a?void 0:a.querySelector("button"))||void 0===l||l.focus())},this.componentWillLoad=()=>{this.captureSlots()},this.componentWillRender=()=>{this.rte&&this.captureSlots()},this.componentDidLoad=()=>{"big"===this.type&&this.setBgColor()},this.disconnectedCallback=()=>{},this.type=void 0,this.containerSelector="",this.containerIsShadow=!1,this.trackerId="",this.rte=void 0,this.image=void 0,this.heading="",this.description="",this.cta=void 0}render(){const t=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"small-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h4","title-size":"medium","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-link",{disabled:!1,"font-size":"small",theme:"d-green-underline",styles:".d-green-underline {line-height: var(--ptc-line-height-p)}","tab-nav":"-1","link-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},a=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"big-inline-cta-container"},i("div",{class:"cta-bg"}),i("div",{class:"cta-content"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:"\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t"})),i("div",{class:"cta-body",id:this.trackerId},i("a",{class:"cta-body-inner link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{type:"h3","title-size":"large","title-weight":"w-7","title-color":"white","title-height":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},this.truncate(this.heading,70)),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},this.truncate(this.description,200))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"x-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"x-small"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-button",{color:"ptc-tertiary",disabled:!1,type:"button",styles:".ptc-tertiary  {border: 2px solid #FFFFFF !important}","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))))},l=()=>{var t,e,a,l,o,r,c,s,d;return i("div",{class:"bottom-inline-cta-container"},i("div",{class:"cta-image"},!!(null===(t=this.image)||void 0===t?void 0:t.src)&&i("ptc-picture",{alt:null===(e=this.image)||void 0===e?void 0:e.alt,"display-image":"block","image-alignment":"center","image-position":"relative","is-full-height":"true","is-full-width":"true","object-fit":"cover",src:null===(a=this.image)||void 0===a?void 0:a.src,styles:":host {height: 100%;}"})),i("div",{id:this.trackerId,class:"cta-body"},i("a",{class:"link-wrapper mf-listen",href:null===(l=this.cta)||void 0===l?void 0:l.href,target:null===(o=this.cta)||void 0===o?void 0:o.target,title:null===(r=this.cta)||void 0===r?void 0:r.title,tabindex:"0","aria-label":"Inline CTA"},!!this.heading&&i("ptc-title",{"seo-compatibility-mode":!0,type:"h2","title-size":"xx-large","title-weight":"w-8","title-line-h":"densest","title-margin":"margin-flush",upperline:"no-upperline","is-plm-hub":!1},i("h2",null,this.truncate(this.heading,70))),!!this.description&&i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-line-h":"line-height-p","para-margin":"margin-bottom-4"},this.truncate(this.description,100))),!!(null===(c=this.cta)||void 0===c?void 0:c.href)&&i("ptc-button",{color:"ptc-primary",disabled:!1,type:"button","tab-nav":"-1","button-title":null===(s=this.cta)||void 0===s?void 0:s.title},null===(d=this.cta)||void 0===d?void 0:d.innerText))))};return i(e,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("div",null,i((()=>{switch(this.type){case"small":return i(t,null);case"big":return i(a,null);case"bottom":return i(l,null);default:return null}}),null)),"bottom"===this.type?null:i(n,null,i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"})))}get hostEle(){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{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none;position:relative}:host .bottom-inline-cta-container .link-wrapper:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:24px;margin:-24px}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row;gap:0}:host .bottom-inline-cta-container .cta-image{height:inherit;width:50%;display:block;position:relative}:host .bottom-inline-cta-container .cta-image ptc-picture{position:absolute;top:0;right:12px;bottom:0;left:0}:host .bottom-inline-cta-container .cta-body{height:max-content;width:50%;display:block;padding-left:12px}}';export{o as ptc_inline_cta}

package/dist/ptcw-design/{p-2ba1ef9d.entry.js → p-9dbcfcee.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as l,g as s}from"./p-ac75c7ad.js";import{d as a,M as n,b as o}from"./p-826c17e8.js";const r='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n          .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>\n        </g>\n        <text id="i" class="acls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n';class c{}const p=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7),this.data=void 0,this.searchText=void 0,this.showSearchBar=!0,this.header=void 0,this.trackerId=void 0,this.selectedValue=void 0,this.selectedItems=void 0,this.hashMap=void 0,this.debouncedUpdatedEvent=void 0,this.refreshBuffer=void 0,this.listItems=void 0,this.placeholderText=void 0,this.debounceUpdateDelay=void 0,this.allowMultiSelect=!0}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this),this.openList()}openList(){var e;(null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".listOpen")).forEach((e=>{if(e.classList.contains("listOpen")){null==e||e.classList.add("expanded");const t=null==e?void 0:e.querySelector("ul");t&&(t.style.maxHeight=`${t.scrollHeight}px`)}}))}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){let e=0;if(this.hashMap={},!this.data){let t=n(this.el);if(t.collapseListItem){this.data=new Array;let i=(t,l)=>{t.map((t=>{var s=new c;if(s.isExternalLink=!!t.linkHref,s.trackerId=t.trackerId?t.trackerId:`${this.trackerId}-list-item-${e++}`,t.linkHref?(s.href=t.linkHref,s.target=t.linkTarget,s.title=t.linkTitle,s.text=t.facetDisplay,s.id=o()):(s.id=o(),s.text=t.facetDisplay,s.name=t.facetName,s.value=t.facetValue,s.category=t.category,s.allowMultiSelect="false"!=t.allowMultiSelect,s.enableSearch="true"==t.enableSearch,s.searchBoxPlaceholder=t.placeholderText,s.tooltip=t.tooltip,this.setUpCategory(s.category,s.allowMultiSelect),s.listOpened=t.hasOwnProperty("listOpened")),t.collapseListItem)if(s.children=new Array,Array.isArray(t.collapseListItem))i(t.collapseListItem,s.children);else{let e=new Array;e.push(t.collapseListItem),i(e,s.children)}this.hashMap[s.id]=s,l.push(s)}))};this.setUpCategory("default",!0),i(t.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");if(t)if(e.classList.contains("expanded")){t.style.maxHeight=t.scrollHeight+"px";let e=t.closest(".level-1");e&&e.classList.contains("expanded")&&t.childNodes&&t.childNodes.forEach((e=>{e.children[0]&&"DIV"!=e.children[0].tagName&&e.children[0].setAttribute("tabindex","0")}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=0)}))}else{t.style.removeProperty("max-height");let e=t.querySelectorAll("a");e&&e.forEach((e=>{e&&(e.tabIndex=-1)}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=-1)}))}})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap))if(l.value==e){t=l;break}return t}onItemFilterSearchUpdate(e){if(e&&e.target){let t=e.target,i=t.value;if(t){t.closest("ul").querySelectorAll("li:not(.search-box-wrapper)").forEach(i&&i.length>0?e=>{var t;let l=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.toLowerCase();l&&l.indexOf(i)>-1?e.style.removeProperty("display"):e.style.display="none"}:e=>{e.style.removeProperty("display")})}this.updateExpandedItems()}}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=e=>{if(e)return i("ptc-tooltip",{"text-display":"inline",mode:"wrapper","z-index":"z-2",position:"bottom",description:""},i("div",{class:"icon-wrapper"},i("i",{class:"active-icon",innerHTML:r}),i("i",{class:"inactive-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n            .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>\n        </g>\n        <text id="i" class="cls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n'})),i("span",{class:"popup",slot:"description"},i("i",{innerHTML:r}),i("div",{class:"content",innerHTML:e})))},t=(e,l,a)=>{let n=`level-${l} mf-listen`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{id:this.trackerId?`${this.trackerId}-${n}`:"",class:"search-box mf-listen"},i("input",{class:"search-box",id:"searchBoxId",type:"text",placeholder:a.placeholder,tabIndex:-1,onKeyUp:e=>{this.onItemFilterSearchUpdate(e)},onBlur:e=>{this.onItemFilterSearchUpdate(e)}}))),e.map((e=>{let a,o,r=!1,c=!1;return e.enableSearch&&(o={placeholder:e.searchBoxPlaceholder}),1==l?e.children?(r=!0,c=!1,a=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,c=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):l>1&&(c=!0,e.children?(r=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{id:e.trackerId,class:{[n]:!0,listOpen:e.listOpened}},s(e,a,l,r,c),e.children?t(e.children,l+1,o):"")})))},s=(t,l,s,a,n)=>{let o=1==s?t.tooltip:void 0,r=1==s?0:-1;return t.isExternalLink?i("a",{href:t.href,id:t.id,target:t.target,title:t.title,tabindex:r},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",id:t.id,title:t.text,onClick:e=>{a?this.onExpandClick(e,this.allowMultiSelect&&1==s):this.onItemLinkClick(e,t.id)},tabindex:r},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",id:t.id,onClick:e=>{this.onExpandClick(e,!1)},tabindex:r},l),i("a",{href:"#",title:t.text,id:t.id,onClick:e=>{this.onItemLinkClick(e,t.id)},tabindex:r},t.text),e(o)]};return i(l,null,this.showSearchBar?i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{id:`${this.trackerId}-search-box`,class:"search-box mf-listen"},i("input",{type:"text",id:"searchBoxId",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)):i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),t(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};p.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;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}';export{p as ptc_collapse_list}
+import{r as e,c as t,h as i,H as l,g as s}from"./p-ac75c7ad.js";import{d as a,M as n,g as o}from"./p-80122e26.js";const r='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n          .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>\n        </g>\n        <text id="i" class="acls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n';class c{}const p=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7),this.data=void 0,this.searchText=void 0,this.showSearchBar=!0,this.header=void 0,this.trackerId=void 0,this.selectedValue=void 0,this.selectedItems=void 0,this.hashMap=void 0,this.debouncedUpdatedEvent=void 0,this.refreshBuffer=void 0,this.listItems=void 0,this.placeholderText=void 0,this.debounceUpdateDelay=void 0,this.allowMultiSelect=!0}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this),this.openList()}openList(){var e;(null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".listOpen")).forEach((e=>{if(e.classList.contains("listOpen")){null==e||e.classList.add("expanded");const t=null==e?void 0:e.querySelector("ul");t&&(t.style.maxHeight=`${t.scrollHeight}px`)}}))}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){let e=0;if(this.hashMap={},!this.data){let t=n(this.el);if(t.collapseListItem){this.data=new Array;let i=(t,l)=>{t.map((t=>{var s=new c;if(s.isExternalLink=!!t.linkHref,s.trackerId=t.trackerId?t.trackerId:`${this.trackerId}-list-item-${e++}`,t.linkHref?(s.href=t.linkHref,s.target=t.linkTarget,s.title=t.linkTitle,s.text=t.facetDisplay,s.id=o()):(s.id=o(),s.text=t.facetDisplay,s.name=t.facetName,s.value=t.facetValue,s.category=t.category,s.allowMultiSelect="false"!=t.allowMultiSelect,s.enableSearch="true"==t.enableSearch,s.searchBoxPlaceholder=t.placeholderText,s.tooltip=t.tooltip,this.setUpCategory(s.category,s.allowMultiSelect),s.listOpened=t.hasOwnProperty("listOpened")),t.collapseListItem)if(s.children=new Array,Array.isArray(t.collapseListItem))i(t.collapseListItem,s.children);else{let e=new Array;e.push(t.collapseListItem),i(e,s.children)}this.hashMap[s.id]=s,l.push(s)}))};this.setUpCategory("default",!0),i(t.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");if(t)if(e.classList.contains("expanded")){t.style.maxHeight=t.scrollHeight+"px";let e=t.closest(".level-1");e&&e.classList.contains("expanded")&&t.childNodes&&t.childNodes.forEach((e=>{e.children[0]&&"DIV"!=e.children[0].tagName&&e.children[0].setAttribute("tabindex","0")}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=0)}))}else{t.style.removeProperty("max-height");let e=t.querySelectorAll("a");e&&e.forEach((e=>{e&&(e.tabIndex=-1)}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=-1)}))}})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap))if(l.value==e){t=l;break}return t}onItemFilterSearchUpdate(e){if(e&&e.target){let t=e.target,i=t.value;if(t){t.closest("ul").querySelectorAll("li:not(.search-box-wrapper)").forEach(i&&i.length>0?e=>{var t;let l=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.toLowerCase();l&&l.indexOf(i)>-1?e.style.removeProperty("display"):e.style.display="none"}:e=>{e.style.removeProperty("display")})}this.updateExpandedItems()}}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=e=>{if(e)return i("ptc-tooltip",{"text-display":"inline",mode:"wrapper","z-index":"z-2",position:"bottom",description:""},i("div",{class:"icon-wrapper"},i("i",{class:"active-icon",innerHTML:r}),i("i",{class:"inactive-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n            .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>\n        </g>\n        <text id="i" class="cls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n'})),i("span",{class:"popup",slot:"description"},i("i",{innerHTML:r}),i("div",{class:"content",innerHTML:e})))},t=(e,l,a)=>{let n=`level-${l} mf-listen`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{id:this.trackerId?`${this.trackerId}-${n}`:"",class:"search-box mf-listen"},i("input",{class:"search-box",id:"searchBoxId",type:"text",placeholder:a.placeholder,tabIndex:-1,onKeyUp:e=>{this.onItemFilterSearchUpdate(e)},onBlur:e=>{this.onItemFilterSearchUpdate(e)}}))),e.map((e=>{let a,o,r=!1,c=!1;return e.enableSearch&&(o={placeholder:e.searchBoxPlaceholder}),1==l?e.children?(r=!0,c=!1,a=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,c=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):l>1&&(c=!0,e.children?(r=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{id:e.trackerId,class:{[n]:!0,listOpen:e.listOpened}},s(e,a,l,r,c),e.children?t(e.children,l+1,o):"")})))},s=(t,l,s,a,n)=>{let o=1==s?t.tooltip:void 0,r=1==s?0:-1;return t.isExternalLink?i("a",{href:t.href,id:t.id,target:t.target,title:t.title,tabindex:r},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",id:t.id,title:t.text,onClick:e=>{a?this.onExpandClick(e,this.allowMultiSelect&&1==s):this.onItemLinkClick(e,t.id)},tabindex:r},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",id:t.id,onClick:e=>{this.onExpandClick(e,!1)},tabindex:r},l),i("a",{href:"#",title:t.text,id:t.id,onClick:e=>{this.onItemLinkClick(e,t.id)},tabindex:r},t.text),e(o)]};return i(l,null,this.showSearchBar?i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{id:`${this.trackerId}-search-box`,class:"search-box mf-listen"},i("input",{type:"text",id:"searchBoxId",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)):i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),t(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};p.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;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}';export{p as ptc_collapse_list}

package/dist/ptcw-design/p-9df7489b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as a,g as o}from"./p-ac75c7ad.js";const h=class{constructor(i){t(this,i),this.navLinkClicked=e(this,"navLinkClicked",7),this.href=void 0,this.isOutsideLink=!1,this.titleText="",this.trackerId=void 0}handleClick(t){t.stopPropagation(),this.href&&this.href.startsWith("#")&&(document.querySelector(this.href).scrollIntoView({behavior:"smooth"}),this.navLinkClicked.emit())}trimString(t,e){return t.length>e?t.slice(0,e)+"...":t}render(){return i(a,null,i("div",{class:"tracker-div",id:this.trackerId},i("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:t=>{this.handleClick(t)}},i("slot",null),!this.href.startsWith("#")&&i("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},i("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"})))))}get el(){return o(this)}};h.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;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}';export{h as ptc_nav_link}

package/dist/ptcw-design/{p-ee91170c.entry.js → p-a2c7df64.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,g as h}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.escalated=!1,this.hideOnScroll=()=>{var t,i;let e=null===(i=null===(t=this.hostEle)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("a.skip-link");null==e||e.blur()},this.escalateOnDom=()=>{if(this.appendSelector){const t=document.querySelector(this.appendSelector),i=this.hostEle;t&&(t.insertAdjacentElement("afterbegin",this.hostEle),i.classList.add("appended"),this.escalated=!0)}this.escalated||document.querySelector("body").insertAdjacentElement("afterbegin",this.hostEle)},this.offsetCta=()=>{const t=this.hostEle.shadowRoot.querySelector(".skip-link");t.style.left=`${this.xOffset}px`,t.style.top=`${this.yOffset}px`},this.componentWillLoad=()=>{this.escalateOnDom(),window.addEventListener("scroll",this.hideOnScroll)},this.componentDidLoad=()=>{this.appendSelector&&this.offsetCta()},this.disconnectedCallback=()=>{window.removeEventListener("scroll",this.hideOnScroll)},this.buttonText="Skip To Main Content",this.sectionId="",this.appendSelector=void 0,this.xOffset=void 0,this.yOffset=void 0}scrollToSection(t){t.preventDefault();const i=document.getElementById(this.sectionId);i&&i.scrollIntoView({behavior:"smooth"})}render(){return i(e,null,i("slot",null),i("a",{tabindex:0,class:"skip-link",href:"","aria-label":"Skip to main content",onClick:t=>this.scrollToSection(t)},this.buttonText))}get hostEle(){return h(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}}:host{display:block}:host .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003dd6;background:#fff;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";export{s as ptc_nav_skip_to_content}
+import{r as t,h as i,H as e,g as h}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.escalated=!1,this.hideOnScroll=()=>{var t,i;let e=null===(i=null===(t=this.hostEle)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("a.skip-link");null==e||e.blur()},this.escalateOnDom=()=>{if(this.appendSelector){const t=document.querySelector(this.appendSelector),i=this.hostEle;t&&(t.insertAdjacentElement("afterbegin",this.hostEle),i.classList.add("appended"),this.escalated=!0)}this.escalated||document.querySelector("body").insertAdjacentElement("afterbegin",this.hostEle)},this.offsetCta=()=>{const t=this.hostEle.shadowRoot.querySelector(".skip-link");t.style.left=`${this.xOffset}px`,t.style.top=`${this.yOffset}px`},this.componentWillLoad=()=>{this.escalateOnDom(),window.addEventListener("scroll",this.hideOnScroll)},this.componentDidLoad=()=>{this.appendSelector&&this.offsetCta()},this.disconnectedCallback=()=>{window.removeEventListener("scroll",this.hideOnScroll)},this.buttonText="Skip To Main Content",this.sectionId="",this.appendSelector=void 0,this.xOffset=void 0,this.yOffset=void 0}scrollToSection(t){t.preventDefault();const i=document.getElementById(this.sectionId);i&&i.scrollIntoView({behavior:"smooth"})}render(){return i(e,null,i("slot",null),i("a",{tabindex:0,class:"skip-link",href:"","aria-label":"Skip to main content",onClick:t=>this.scrollToSection(t)},this.buttonText))}get hostEle(){return h(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}}:host{display:block}:host .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003DD6;background:#FFF;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";export{s as ptc_nav_skip_to_content}

package/dist/ptcw-design/p-a59c9cdc.entry.js

@@ -0,0 +1 @@
+import{r as e,a as i,h as r,H as a,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";const p=class{constructor(r){e(this,r),this.isConnected=!1,this.dotSvg=i("./media/nav-active-dotslick.svg"),this.isInteralCardsExpanded=[!0,!1,!1,!1,!1],this.isMobile=!1,this.expandedCardIndex=0}handleResize(){this.updateIsMobile()}watchStateHandler(){if(this.isMobile&&!this.mySwiper&&this.isConnected){let e=this;const i=()=>{let r=e.el.shadowRoot.querySelector(".swiper-container");r?e.mySwiper=new s(r,{slidesPerView:"auto",spaceBetween:20,centeredSlides:!0,initialSlide:1,loop:!0,pagination:{el:".swiper-pagination",type:"bullets"},breakpoints:{768:{slidesPerView:2}}}):setTimeout(i,100)};i()}else!this.isMobile&&this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}connectedCallback(){this.updateIsMobile(),this.isConnected=!0}componentDidLoad(){this.watchStateHandler()}disconnectedCallback(){this.mySwiper&&(this.mySwiper.destroy(!0,!0),this.mySwiper=null)}handleCardToggle(e){this.expandedCardIndex=e,this.isInteralCardsExpanded=this.isInteralCardsExpanded.map(((i,r)=>r===e))}handleCardOpened(e){this.handleCardToggle(parseInt(e.detail)-1)}render(){const e=[r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[0],class:"light-links","tracker-id":"1"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p","is-dark-mode":!0},r("a",{href:"/en/resources/augmented-reality-on-demand/implementing-ar-for-training"},"medical devices "),"are operating properly and receiving quality service."),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank",darkFocusState:!0},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"2","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[1]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"3","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[2]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"4","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[3]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")),r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"desktop","tracker-id":"5","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test","is-expanded":this.isInteralCardsExpanded[4]},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))];return r(a,null,r("slot",{name:"seo-content"}),this.isMobile?r("div",{class:"swiper-container mobile-container"},r("div",{class:"swiper-wrapper"},r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More"))),r("div",{class:"swiper-slide"},r("ptc-dynamic-card",{"card-type":"sequential","card-screen":"mobile","card-title":"iWarranty Business Update Webinar","card-img-src":"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data","card-img-alt":"image-test"},r("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-color":"white","para-line-h":"line-height-p"},"The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"),r("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),r("ptc-spacer",{breakpoint:"small",size:"x-large"}),r("ptc-button",{type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Learn More")))),r("div",{class:"swiper-pagination"})):[r("div",{class:"accordion-container desktop-container"},e.map(((e,i)=>r("div",{class:{card:!0,expanded:i===this.expandedCardIndex},onClick:()=>{this.handleCardToggle(i)}},e)))),r("div",{class:"pagination desktop-pagination"},e.map(((e,i)=>r("div",{class:{"pagination-dot":!0,active:i===this.expandedCardIndex},onClick:this.handleCardToggle.bind(this,i)})))),r("div",{hidden:!0},r("svg",null,r("use",{href:`${this.dotSvg}`})))])}updateIsMobile(){this.isMobile=window.innerWidth<1200}get el(){return t(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};p.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:host{display:block}.swiper-container{width:100%;height:100%}::slotted([slot='seo-content']){display:none}.swiper-slide{background:#fff;display:flex;justify-content:center;align-items:center}.mobile-container{display:block}.desktop-container{display:none}@media screen and (min-width: 1200px){.mobile-container{display:none}.desktop-container{display:flex;align-items:center}}@media screen and (max-width: 1199.9px){.swiper-slide{width:calc(100% - 40px);margin-right:20px;width:350px !important}.swiper-slide:last-child{margin-right:0}}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination-dot{height:20px;width:20px;border-radius:50%;margin:0 14px;cursor:pointer;cursor:pointer;border:2px solid #c3cbcd;background-color:#f3f3f3;position:relative}.pagination-dot::after{content:\"\";display:block;position:absolute;width:38px;height:1px;border-top:2px solid #c3cbcd;margin-top:-1px;z-index:-1;top:50%;left:10px}.pagination-dot:last-of-type::after{visibility:hidden}.pagination-dot.active{background-image:url(/build/media/nav-active-dotslick.svg);background-position:50%;background-repeat:no-repeat;border:2px solid transparent}";export{p as sequential_bundle_example}

package/dist/ptcw-design/{p-24a6eefa.entry.js → p-a5fc048f.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{P as n}from"./p-826c17e8.js";const r=class{constructor(e){t(this,e),this.toggleStickyBarView=()=>{var t;const e=document.querySelector("ptc-jumbotron"),i=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector("div#blog-header-sticky-bar");if(e&&i){let t=e.getBoundingClientRect().bottom;0===t?(i.style.opacity="1",i.style.zIndex="2"):t<0?t>=-10?i.style.opacity=""+-t/10:(i.style.opacity="1",i.style.zIndex="2"):(i.style.opacity="0",i.style.zIndex="0")}},this.connectedCallback=()=>{const t=document.querySelector("ptc-preloader-section");t&&(this.preloaderDependency=new n(t)),setTimeout((()=>{this.preloaderDependency.resolve()}),5e3)},this.componentWillLoad=()=>{window.addEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.disconnectedCallback=()=>{window.removeEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.preloaderDependency=void 0}render(){return e(i,null,e("div",{style:{position:"relative"},class:"ptc-section"},e((()=>e("div",{id:"blog-header-sticky-bar-container"},e("div",{id:"blog-header-sticky-bar"},e("div",{class:"ptc-container"},e("ptc-para",{"font-size":"small","font-weight":"w-8","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush"},e("ptc-readmore-v2",{"max-characters":"50","read-less-text":"","read-more-text":""},"The Key to Using AI to Enhance IoT Security")),e("div",{class:"button-container"},e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1"},"Request Free Trial"),e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1",styles:"\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t"},"Speaking of Service Podcast")))))),null),e("div",{class:"ptc-container"},e("blog-detail-content",null,e("div",null,e("slot",{name:"content"}))))))}get hostEle(){return a(this)}};r.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}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";export{r as blog_detail_layout}
+import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{P as n}from"./p-80122e26.js";const r=class{constructor(e){t(this,e),this.toggleStickyBarView=()=>{var t;const e=document.querySelector("ptc-jumbotron"),i=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector("div#blog-header-sticky-bar");if(e&&i){let t=e.getBoundingClientRect().bottom;0===t?(i.style.opacity="1",i.style.zIndex="2"):t<0?t>=-10?i.style.opacity=""+-t/10:(i.style.opacity="1",i.style.zIndex="2"):(i.style.opacity="0",i.style.zIndex="0")}},this.connectedCallback=()=>{const t=document.querySelector("ptc-preloader-section");t&&(this.preloaderDependency=new n(t)),setTimeout((()=>{this.preloaderDependency.resolve()}),5e3)},this.componentWillLoad=()=>{window.addEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.disconnectedCallback=()=>{window.removeEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.preloaderDependency=void 0}render(){return e(i,null,e("div",{style:{position:"relative"},class:"ptc-section"},e((()=>e("div",{id:"blog-header-sticky-bar-container"},e("div",{id:"blog-header-sticky-bar"},e("div",{class:"ptc-container"},e("ptc-para",{"font-size":"small","font-weight":"w-8","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush"},e("ptc-readmore-v2",{"max-characters":"50","read-less-text":"","read-more-text":""},"The Key to Using AI to Enhance IoT Security")),e("div",{class:"button-container"},e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1"},"Request Free Trial"),e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1",styles:"\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t"},"Speaking of Service Podcast")))))),null),e("div",{class:"ptc-container"},e("blog-detail-content",null,e("div",null,e("slot",{name:"content"}))))))}get hostEle(){return a(this)}};r.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}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";export{r as blog_detail_layout}

package/dist/ptcw-design/p-a8872ce3.entry.js

@@ -0,0 +1 @@
+import{r as t,h as c,H as i,g as e}from"./p-ac75c7ad.js";import{c as l}from"./p-80122e26.js";const s=class{constructor(c){t(this,c),this.isPlmHub=!1,this.type="h2",this.textAlign=void 0,this.upperline="dotted",this.titleShadow=void 0,this.titleColor="gray",this.titleMargin=void 0,this.titleWeight=void 0,this.titleSize=void 0,this.titleHeight="densest",this.styles=void 0,this.ellipsisLineCutoff=void 0,this.titleDisplay="inline-block",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.tooltipWidth="default"}componentDidLoad(){this.hideTooltipOnMobile&&this.el.classList.add("hide-tooltip-on-mobile"),this.el.addEventListener("mouseenter",(()=>this.toggleTitleTooltip(!0))),this.el.addEventListener("mouseleave",(()=>this.toggleTitleTooltip(!1)))}render(){return this.seoCompatibilityMode?this.seoCompRender():this.standardRender()}getSortedText(t){if(!this.enableTooltip)return;const c=t.trim();return c.length>this.maxChars&&!this.maxLines?c.slice(0,this.maxChars)+"...":c}toggleTitleTooltip(t){var c;const i="tooltip-box",e=this.el.querySelector(`.${i}`),l=this.el.querySelectorAll(".line-clamp-title");let s=!1;if(l&&l.forEach((t=>{s=t.scrollHeight>t.clientHeight})),t&&this.enableTooltip){if(!e&&this.tooltipText&&this.tooltipText.length>this.maxChars&&!this.maxLines||!e&&this.maxLines&&s){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"),null===(c=this.el.querySelector("div"))||void 0===c||c.appendChild(t)}}else null==e||e.remove()}seoCompRender(){const t=this.getCssClassMap(),e=this.getLineCuttoff(),[s,p]=l(this.el,this.type);let h=p&&p.innerHTML;return this.tooltipText=h.trim(),h=this.enableTooltip?this.getSortedText(p&&p.innerText):h,this.el==p&&(this.el.innerHTML=""),c(i,null,this.styles&&c("style",null,this.styles),c("div",{class:t},c(s,{innerHTML:h,style:e,class:this.maxLines&&this.maxLines>0?"line-clamp-title":""})))}standardRender(){const t=this.getCssClassMap(),e=this.getLineCuttoff();let l;switch(this.type){case"h1":l="h1";break;case"h3":l="h3";break;case"h4":l="h4";break;case"h5":l="h5";break;case"h6":l="h6";break;default:l="h2"}return c(i,null,this.styles&&c("style",null,this.styles),c("div",{class:t},c(l,{style:e},c("slot",null))))}getCssClassMap(){return{[this.textAlign]:!!this.textAlign,[this.upperline]:!0,[this.isPlmHub?"is-plm-hub":"is-standard"]:!0,[this.titleMargin]:!!this.titleMargin,[this.titleShadow]:!!this.titleShadow,[this.titleWeight]:!!this.titleWeight,[this.titleSize]:!!this.titleSize,[this.titleHeight]:!!this.titleHeight,[this.titleColor]:!!this.titleColor,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0,[this.titleDisplay]:!!this.titleDisplay}}getLineCuttoff(){const t=this.ellipsisLineCutoff>0?this.ellipsisLineCutoff:this.maxLines;return t>0?{"-webkit-line-clamp":`${t}`}:{}}get el(){return e(this)}};s.style='h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{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}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:"";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}';export{s as ptc_title}

package/dist/ptcw-design/{p-1a9b9a53.entry.js → p-b647f7a1.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-826c17e8.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.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}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
+import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-80122e26.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.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}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}

package/dist/ptcw-design/p-b685a641.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,g as n}from"./p-ac75c7ad.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{console.log("Hello~~~ onDeactivate"),setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}}),this.openedByKeyboard&&!1===this.closed&&this.focusTrap.activate())):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none");let n=this.el.shadowRoot.querySelector(".card-rail-container"),o=document.querySelector(this.footerQuerySelector);if(o){let t=o.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0,console.log("flag")))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour(),this.setScreenBasedProps()}componentDidLoad(){window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap&&this.focusTrap.deactivate(),this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","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:""},t.text)))))))))}get el(){return n(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 .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}

package/dist/ptcw-design/{p-f5d8a3b1.entry.js → p-bab5bb88.entry.js}

@@ -1 +1 @@
-import{r as t,h as n}from"./p-ac75c7ad.js";import{c as e,a as i}from"./p-112455b1.js";var r=e((function(t){t.exports=function(){var t=6e4,n=36e5,e="millisecond",i="second",r="minute",s="hour",a="day",h="week",u="month",o="quarter",c="year",d="date",l="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},v=function(t,n,e){var i=String(t);return!i||i.length>=n?t:""+Array(n+1-i.length).join(e)+t},y={s:v,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),i=Math.floor(e/60),r=e%60;return(n<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var i=12*(e.year()-n.year())+(e.month()-n.month()),r=n.clone().add(i,u),s=e-r<0,a=n.clone().add(i+(s?-1:1),u);return+(-(i+(e-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:u,y:c,w:h,d:a,D:d,h:s,m:r,s:i,ms:e,Q:o}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},w="en",g={};g[w]=m;var x="$isDayjsObject",b=function(t){return t instanceof S||!(!t||!t[x])},M=function t(n,e,i){var r;if(!n)return w;if("string"==typeof n){var s=n.toLowerCase();g[s]&&(r=s),e&&(g[s]=e,r=s);var a=n.split("-");if(!r&&a.length>1)return t(a[0])}else{var h=n.name;g[h]=n,r=h}return!i&&r&&(w=r),r||!i&&w},T=function(t,n){if(b(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new S(e)},D=y;D.l=M,D.i=b,D.w=function(t,n){return T(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var S=function(){function m(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(D.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var i=n.match(f);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return e?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(n)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return D},v.isValid=function(){return!(this.$d.toString()===l)},v.isSame=function(t,n){var e=T(t);return this.startOf(n)<=e&&e<=this.endOf(n)},v.isAfter=function(t,n){return T(t)<this.startOf(n)},v.isBefore=function(t,n){return this.endOf(n)<T(t)},v.$g=function(t,n,e){return D.u(t)?this[n]:this.set(e,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,n){var e=this,o=!!D.u(n)||n,l=D.p(t),f=function(t,n){var i=D.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return o?i:i.endOf(a)},p=function(t,n){return D.w(e.toDate()[t].apply(e.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},m=this.$W,v=this.$M,y=this.$D,w="set"+(this.$u?"UTC":"");switch(l){case c:return o?f(1,0):f(31,11);case u:return o?f(1,v):f(0,v+1);case h:var g=this.$locale().weekStart||0,x=(m<g?m+7:m)-g;return f(o?y-x:y+(6-x),v);case a:case d:return p(w+"Hours",0);case s:return p(w+"Minutes",1);case r:return p(w+"Seconds",2);case i:return p(w+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,n){var h,o=D.p(t),l="set"+(this.$u?"UTC":""),f=(h={},h[a]=l+"Date",h[d]=l+"Date",h[u]=l+"Month",h[c]=l+"FullYear",h[s]=l+"Hours",h[r]=l+"Minutes",h[i]=l+"Seconds",h[e]=l+"Milliseconds",h)[o],p=o===a?this.$D+(n-this.$W):n;if(o===u||o===c){var m=this.clone().set(d,1);m.$d[f](p),m.init(),this.$d=m.set(d,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,n){return this.clone().$set(t,n)},v.get=function(t){return this[D.p(t)]()},v.add=function(e,o){var d,l=this;e=Number(e);var f=D.p(o),p=function(t){var n=T(l);return D.w(n.date(n.date()+Math.round(t*e)),l)};if(f===u)return this.set(u,this.$M+e);if(f===c)return this.set(c,this.$y+e);if(f===a)return p(1);if(f===h)return p(7);var m=(d={},d[r]=t,d[s]=n,d[i]=1e3,d)[f]||1,v=this.$d.getTime()+e*m;return D.w(v,this)},v.subtract=function(t,n){return this.add(-1*t,n)},v.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),s=this.$H,a=this.$m,h=this.$M,u=e.weekdays,o=e.months,c=function(t,e,r,s){return t&&(t[e]||t(n,i))||r[e].slice(0,s)},d=function(t){return D.s(s%12||12,t,"0")},f=e.meridiem||function(t,n,e){var i=t<12?"AM":"PM";return e?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return D.s(n.$y,4,"0");case"M":return h+1;case"MM":return D.s(h+1,2,"0");case"MMM":return c(e.monthsShort,h,o,3);case"MMMM":return c(o,h);case"D":return n.$D;case"DD":return D.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return c(e.weekdaysMin,n.$W,u,2);case"ddd":return c(e.weekdaysShort,n.$W,u,3);case"dddd":return u[n.$W];case"H":return String(s);case"HH":return D.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(s,a,!0);case"A":return f(s,a,!1);case"m":return String(a);case"mm":return D.s(a,2,"0");case"s":return String(n.$s);case"ss":return D.s(n.$s,2,"0");case"SSS":return D.s(n.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(e,d,l){var f,p=this,m=D.p(d),v=T(e),y=(v.utcOffset()-this.utcOffset())*t,w=this-v,g=function(){return D.m(p,v)};switch(m){case c:f=g()/12;break;case u:f=g();break;case o:f=g()/3;break;case h:f=(w-y)/6048e5;break;case a:f=(w-y)/864e5;break;case s:f=w/n;break;case r:f=w/t;break;case i:f=w/1e3;break;default:f=w}return l?f:D.a(f)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return g[this.$L]},v.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=M(t,n,!0);return i&&(e.$L=i),e},v.clone=function(){return D.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),Y=S.prototype;return T.prototype=Y,[["$ms",e],["$s",i],["$m",r],["$H",s],["$W",a],["$M",u],["$y",c],["$D",d]].forEach((function(t){Y[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),T.extend=function(t,n){return t.$i||(t(n,S,T),t.$i=!0),T},T.locale=M,T.isDayjs=b,T.unix=function(t){return T(1e3*t)},T.en=g[w],T.Ls=g,T.p={},T}()})),s=e((function(t){var n,e,i;t.exports=(n="minute",e=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g,function(t,r,s){var a=r.prototype;s.utc=function(t){return new r({date:t,utc:!0,args:arguments})},a.utc=function(t){var e=s(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),n):e},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var h=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),h.call(this,t)};var u=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else u.call(this)};var o=a.utcOffset;a.utcOffset=function(t,r){var s=this.$utils().u;if(s(t))return this.$u?0:s(this.$offset)?o.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var r=(""+n[0]).match(i)||["-",0,0],s=60*+r[1]+ +r[2];return 0===s?0:"+"===r[0]?s:-s}(t),null===t))return this;var a=Math.abs(t)<=16?60*t:t,h=this;if(r)return h.$offset=a,h.$u=0===t,h;if(0!==t){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(h=this.local().add(a+u,n)).$offset=a,h.$x.$localOffset=u}else h=this.utc();return h};var c=a.format;a.format=function(t){return c.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,n,e){if(t&&this.$u===t.$u)return l.call(this,t,n,e);var i=this.local(),r=s(t).local();return l.call(i,r,n,e)}})}));r.extend(s);const a=class{constructor(n){t(this,n),this.countdownTitle="",this.eventTime="",this.eventTimeZone="EST",this.expiredText="This event has started on",this.daysText="days",this.hoursText="hours",this.minutesText="minutes",this.secondsText="seconds",this.useHourFormat=!0,this.timeLeft={days:0,hours:0,minutes:0,seconds:0},this.isExpired=!1,this.displayLocale="en"}componentWillLoad(){this.eventTime&&this.eventTimeZone?(this.detectLocaleFromURL(),this.startCountdown()):console.error("Both eventTime and eventTimeZone are required.")}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={PST:-480,PDT:-420,MST:-420,MDT:-360,CST:-360,CDT:-300,UTC:0,BST:60,GST:240,KST:540,ACST:570,ACDT:630,EST:-300,EDT:-240,CET:60,CEST:120,IST:330,CST_CN:480,JST:540,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,EEST:180,EET:120,GMT:0,HKT:480};return void 0!==n[t]?n[t]:0}transformDate(t){return t.includes("T")?t:r(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone),n=r(this.transformDate(this.eventTime)).utcOffset(t,!0).utc(),e=r.utc(),i=n.diff(e);i>0?this.timeLeft={days:Math.floor(i/864e5),hours:Math.floor(i/36e5%24),minutes:Math.floor(i/6e4%60),seconds:Math.floor(i/1e3%60)}:(this.isExpired=!0,clearInterval(this.timer))}startCountdown(){this.calculateTimeLeft(),this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}detectLocaleFromURL(){const t=window.location.href;this.displayLocale=t.includes("/cn/")?"zh-CN":t.includes("/tw/")?"zh-TW":t.includes("/fr/")?"fr":t.includes("/de/")?"de":t.includes("/it/")?"it":t.includes("/ja/")?"ja":t.includes("/ko/")?"ko":"en"}render(){const{days:t,hours:e,minutes:i,seconds:s}=this.timeLeft,a=r(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),!0).format("YYYY-MM-DD HH:mm");return n("div",{class:"countdown-outer"},this.countdownTitle&&n("div",{class:"event-name"},this.countdownTitle),this.isExpired?n("div",{class:"expired"},`${this.expiredText} ${a} ${this.eventTimeZone}`):n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,i),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,s),n("span",null,this.secondsText))),n("div",{class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:this.useHourFormat})," ","(",this.eventTimeZone,")"))}};a.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;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';export{a as ptc_countdown}
+import{r as t,h as n}from"./p-ac75c7ad.js";import{c as e,a as i}from"./p-112455b1.js";var r=e((function(t){t.exports=function(){var t=6e4,n=36e5,e="millisecond",i="second",r="minute",s="hour",a="day",h="week",u="month",o="quarter",c="year",d="date",l="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},v=function(t,n,e){var i=String(t);return!i||i.length>=n?t:""+Array(n+1-i.length).join(e)+t},y={s:v,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),i=Math.floor(e/60),r=e%60;return(n<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var i=12*(e.year()-n.year())+(e.month()-n.month()),r=n.clone().add(i,u),s=e-r<0,a=n.clone().add(i+(s?-1:1),u);return+(-(i+(e-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:u,y:c,w:h,d:a,D:d,h:s,m:r,s:i,ms:e,Q:o}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},w="en",g={};g[w]=m;var x="$isDayjsObject",b=function(t){return t instanceof S||!(!t||!t[x])},M=function t(n,e,i){var r;if(!n)return w;if("string"==typeof n){var s=n.toLowerCase();g[s]&&(r=s),e&&(g[s]=e,r=s);var a=n.split("-");if(!r&&a.length>1)return t(a[0])}else{var h=n.name;g[h]=n,r=h}return!i&&r&&(w=r),r||!i&&w},T=function(t,n){if(b(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new S(e)},D=y;D.l=M,D.i=b,D.w=function(t,n){return T(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var S=function(){function m(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(D.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var i=n.match(f);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return e?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(n)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return D},v.isValid=function(){return!(this.$d.toString()===l)},v.isSame=function(t,n){var e=T(t);return this.startOf(n)<=e&&e<=this.endOf(n)},v.isAfter=function(t,n){return T(t)<this.startOf(n)},v.isBefore=function(t,n){return this.endOf(n)<T(t)},v.$g=function(t,n,e){return D.u(t)?this[n]:this.set(e,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,n){var e=this,o=!!D.u(n)||n,l=D.p(t),f=function(t,n){var i=D.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return o?i:i.endOf(a)},p=function(t,n){return D.w(e.toDate()[t].apply(e.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},m=this.$W,v=this.$M,y=this.$D,w="set"+(this.$u?"UTC":"");switch(l){case c:return o?f(1,0):f(31,11);case u:return o?f(1,v):f(0,v+1);case h:var g=this.$locale().weekStart||0,x=(m<g?m+7:m)-g;return f(o?y-x:y+(6-x),v);case a:case d:return p(w+"Hours",0);case s:return p(w+"Minutes",1);case r:return p(w+"Seconds",2);case i:return p(w+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,n){var h,o=D.p(t),l="set"+(this.$u?"UTC":""),f=(h={},h[a]=l+"Date",h[d]=l+"Date",h[u]=l+"Month",h[c]=l+"FullYear",h[s]=l+"Hours",h[r]=l+"Minutes",h[i]=l+"Seconds",h[e]=l+"Milliseconds",h)[o],p=o===a?this.$D+(n-this.$W):n;if(o===u||o===c){var m=this.clone().set(d,1);m.$d[f](p),m.init(),this.$d=m.set(d,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,n){return this.clone().$set(t,n)},v.get=function(t){return this[D.p(t)]()},v.add=function(e,o){var d,l=this;e=Number(e);var f=D.p(o),p=function(t){var n=T(l);return D.w(n.date(n.date()+Math.round(t*e)),l)};if(f===u)return this.set(u,this.$M+e);if(f===c)return this.set(c,this.$y+e);if(f===a)return p(1);if(f===h)return p(7);var m=(d={},d[r]=t,d[s]=n,d[i]=1e3,d)[f]||1,v=this.$d.getTime()+e*m;return D.w(v,this)},v.subtract=function(t,n){return this.add(-1*t,n)},v.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),s=this.$H,a=this.$m,h=this.$M,u=e.weekdays,o=e.months,c=function(t,e,r,s){return t&&(t[e]||t(n,i))||r[e].slice(0,s)},d=function(t){return D.s(s%12||12,t,"0")},f=e.meridiem||function(t,n,e){var i=t<12?"AM":"PM";return e?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return D.s(n.$y,4,"0");case"M":return h+1;case"MM":return D.s(h+1,2,"0");case"MMM":return c(e.monthsShort,h,o,3);case"MMMM":return c(o,h);case"D":return n.$D;case"DD":return D.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return c(e.weekdaysMin,n.$W,u,2);case"ddd":return c(e.weekdaysShort,n.$W,u,3);case"dddd":return u[n.$W];case"H":return String(s);case"HH":return D.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(s,a,!0);case"A":return f(s,a,!1);case"m":return String(a);case"mm":return D.s(a,2,"0");case"s":return String(n.$s);case"ss":return D.s(n.$s,2,"0");case"SSS":return D.s(n.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(e,d,l){var f,p=this,m=D.p(d),v=T(e),y=(v.utcOffset()-this.utcOffset())*t,w=this-v,g=function(){return D.m(p,v)};switch(m){case c:f=g()/12;break;case u:f=g();break;case o:f=g()/3;break;case h:f=(w-y)/6048e5;break;case a:f=(w-y)/864e5;break;case s:f=w/n;break;case r:f=w/t;break;case i:f=w/1e3;break;default:f=w}return l?f:D.a(f)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return g[this.$L]},v.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=M(t,n,!0);return i&&(e.$L=i),e},v.clone=function(){return D.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),Y=S.prototype;return T.prototype=Y,[["$ms",e],["$s",i],["$m",r],["$H",s],["$W",a],["$M",u],["$y",c],["$D",d]].forEach((function(t){Y[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),T.extend=function(t,n){return t.$i||(t(n,S,T),t.$i=!0),T},T.locale=M,T.isDayjs=b,T.unix=function(t){return T(1e3*t)},T.en=g[w],T.Ls=g,T.p={},T}()})),s=e((function(t){var n,e,i;t.exports=(n="minute",e=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g,function(t,r,s){var a=r.prototype;s.utc=function(t){return new r({date:t,utc:!0,args:arguments})},a.utc=function(t){var e=s(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),n):e},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var h=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),h.call(this,t)};var u=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else u.call(this)};var o=a.utcOffset;a.utcOffset=function(t,r){var s=this.$utils().u;if(s(t))return this.$u?0:s(this.$offset)?o.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var r=(""+n[0]).match(i)||["-",0,0],s=60*+r[1]+ +r[2];return 0===s?0:"+"===r[0]?s:-s}(t),null===t))return this;var a=Math.abs(t)<=16?60*t:t,h=this;if(r)return h.$offset=a,h.$u=0===t,h;if(0!==t){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(h=this.local().add(a+u,n)).$offset=a,h.$x.$localOffset=u}else h=this.utc();return h};var c=a.format;a.format=function(t){return c.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,n,e){if(t&&this.$u===t.$u)return l.call(this,t,n,e);var i=this.local(),r=s(t).local();return l.call(i,r,n,e)}})}));r.extend(s);const a=class{constructor(n){t(this,n),this.countdownTitle="",this.eventTime="",this.eventTimeZone="EST",this.expiredText="This event has started on",this.daysText="days",this.hoursText="hours",this.minutesText="minutes",this.secondsText="seconds",this.useHourFormat=!0,this.timeLeft={days:0,hours:0,minutes:0,seconds:0},this.isExpired=!1,this.displayLocale="en"}componentWillLoad(){this.eventTime&&this.eventTimeZone?(this.detectLocaleFromURL(),this.startCountdown()):console.error("Both eventTime and eventTimeZone are required.")}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={PST:-480,PDT:-420,MST:-420,MDT:-360,CST:-360,CDT:-300,UTC:0,BST:60,GST:240,KST:540,ACST:570,ACDT:630,EST:-300,EDT:-240,CET:60,CEST:120,IST:330,CST_CN:480,JST:540,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,EEST:180,EET:120,GMT:0,HKT:480};return void 0!==n[t]?n[t]:0}transformDate(t){return t.includes("T")?t:r(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone),n=r(this.transformDate(this.eventTime)).utcOffset(t,!0).utc(),e=r.utc(),i=n.diff(e);i>0?this.timeLeft={days:Math.floor(i/864e5),hours:Math.floor(i/36e5%24),minutes:Math.floor(i/6e4%60),seconds:Math.floor(i/1e3%60)}:(this.isExpired=!0,clearInterval(this.timer))}startCountdown(){this.calculateTimeLeft(),this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}shouldUse12HourFormat(){return"en"===this.displayLocale||(void 0!==this.useHourFormat?this.useHourFormat:void 0)}detectLocaleFromURL(){const t=window.location.href;this.displayLocale=t.includes("/cn/")?"zh-CN":t.includes("/tw/")?"zh-TW":t.includes("/fr/")?"fr":t.includes("/de/")?"de":t.includes("/it/")?"it":t.includes("/ja/")?"ja":t.includes("/ko/")?"ko":"en"}render(){const{days:t,hours:e,minutes:i,seconds:s}=this.timeLeft,a=r(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),!0).format("YYYY-MM-DD HH:mm"),h=this.shouldUse12HourFormat();return n("div",{class:"countdown-outer"},this.countdownTitle&&n("div",{class:"event-name"},this.countdownTitle),this.isExpired?n("div",{class:"expired"},`${this.expiredText} ${a} ${this.eventTimeZone}`):n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,i),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,s),n("span",null,this.secondsText))),n("div",{class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:h})," ","(",this.eventTimeZone,")"))}};a.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;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';export{a as ptc_countdown}

package/dist/ptcw-design/p-baff4d44.entry.js

@@ -0,0 +1 @@
+import{r as a,c as o,h as i,H as t,g as r}from"./p-ac75c7ad.js";const e=class{constructor(i){a(this,i),this.readMoreClicked=o(this,"readMoreClicked",7),this.readMoreRendered=o(this,"readMoreRendered",7),this.expanded=!1,this.maxCharacters=100,this.description=void 0,this.readMoreText="Read More",this.readLessText="Read Less",this.trackerId=void 0}toggleExpand(){this.expanded=!this.expanded,this.readMoreClicked.emit(this.expanded)}render(){const a=this.description?this.description.trim():"",o=a.length>this.maxCharacters?a.substring(0,this.maxCharacters)+"...":a,r=this.expanded?this.readLessText:this.readMoreText;return i(t,null,i("p",{class:"description"},this.expanded?this.description:o),a.length>this.maxCharacters&&i("div",{id:this.trackerId,class:"tracker-div"},i("label",{class:"truncated-label mf-listen",onClick:()=>this.toggleExpand(),onKeyDown:a=>{"Enter"===a.key&&this.toggleExpand()},tabIndex:0},r)))}get el(){return r(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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:"";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .tracker-div{display:inline;display:inline-block}';export{e as ptc_readmore_char}

package/dist/ptcw-design/{p-e01173ca.entry.js → p-bf56d5a3.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.formData={email:"",policyChecked:!1}}componentDidLoad(){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"]')}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.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t)}else console.log("Form validation failed")}isValid(){const{email:t,policyChecked:e}=this.formData,i=document.querySelectorAll(".invalid-field").length;return""!==t&&e&&0===i}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(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}}: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}.form-wrapper{width:433px;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}";export{s as footer_form}
+import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.formData={email:"",policyChecked:!1}}componentDidLoad(){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"]')}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.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t)}else console.log("Form validation failed")}isValid(){const{email:t,policyChecked:e}=this.formData,i=document.querySelectorAll(".invalid-field").length;return""!==t&&e&&0===i}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(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}}: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}.form-wrapper{width:433px;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}";export{s as footer_form}