@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/ptcw-design/{p-1feb2812.entry.js → p-056748b3.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-ac75c7ad.js";const a=class{constructor(i){t(this,i),this.selectedFilterValues=e(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.styles=void 0,this.isOpen=!1}async clearFilterSelection(){this.clearFilter()}async setSelectedItem(t,e,i){(this.selectedOptions||[]).find((s=>s.tabId===t&&s.tagName===e&&s.value===i))||(this.selectedOptions=[...this.selectedOptions||[],{tabId:t,tagName:e,value:i}])}componentDidLoad(){this.dropdownPlaceholder=this.hostElement.shadowRoot.querySelector(".dropdown-placeholder .dropdown-filter-name")}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(t=!1){this.isOpen=!this.isOpen,t&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)})),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.placeholder),this.emitSelectedOptions("clearButton")}emitSelectedOptions(t){var e;this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),"applyButton"==t&&this.toggleDropdown(),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=null===(e=this.selectedOptions[0])||void 0===e?void 0:e.value)}componentWillRender(){this.parseOptions()}handleKeyDown(t){"Enter"===t.key?this.toggleDropdown(!0):"Tab"===t.key&&this.isOpen&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}render(){return i(s,null,this.styles&&i("style",null,this.styles),i("div",{class:"dropdown"},i("div",{class:"dropdown-toggle mf-listen",onClick:()=>this.toggleDropdown(!0),tabIndex:0,onKeyDown:t=>{this.handleKeyDown(t)}},i("span",{class:"dropdown-placeholder"},i("strong",null,"Filter: "),i("span",{class:"dropdown-filter-name"},this.placeholder)),i("span",{class:"caret"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},i("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&i("div",{class:"dropdown-menu"},i("ul",{class:"filter-list"},this.internalOptions.map((t=>i("li",{key:t.tabId},i("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},i("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((e=>e.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),i("div",{class:"filter-btns"},i("span",{class:"clear-btn mf-listen",onClick:()=>this.clearFilter(),tabIndex:0,onKeyDown:t=>{"Enter"===t.key&&this.clearFilter()}},"Clear"),i("ptc-button",{"tracker-id":"filter-apply-cta",type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions("applyButton"),styles:" a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }"},"Apply")))),i("div",{class:"hidden"},i("slot",null)))}get hostElement(){return o(this)}};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;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:var(--ptc-element-spacing-01) 14px var(--ptc-element-spacing-01) 14px;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{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 .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown .dropdown-menu .filter-btns .clear-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";height:20px;width:20px;position:absolute;left:0;top:0;display:none}';const h=class{constructor(e){t(this,e),this.trackerId=void 0,this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large",this.darkFocusState=!1}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle(),class:"focus-state mf-listen "+(this.darkFocusState?"focus-state-dark-background":""),tabindex:"0",onKeyDown:t=>this.handleKeyDown(t),id:this.trackerId},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x-dark-circle"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&i("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},i("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}handleKeyDown(t){"Enter"===t.key&&this.share()}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}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(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";const r=class{constructor(i){t(this,i),this.vCardClicked=e(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return i(s,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},i("div",{class:"img-wrap mf-listen",onClick:()=>this.showCardDetails(),tabIndex:0},i("img",{src:this.thumbImg,alt:""}),i("span",{class:"card-number"},this.cardNumber+1),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},i("g",{filter:"url(#filter0_d_214_969)"},i("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),i("defs",null,i("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},i("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),i("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),i("feOffset",{dy:"8"}),i("feGaussianBlur",{stdDeviation:"6"}),i("feComposite",{in2:"hardAlpha",operator:"out"}),i("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"}),i("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),i("h3",{class:"vcard-title"},this.cardTitle),i("div",{class:"hidden description"},i("slot",null)))}get ele(){return o(this)}};r.style="h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{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-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{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}}.sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);margin-top:5px;cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#FFF;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#FFF;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const n=class{constructor(e){t(this,e),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((e=>{let i;e.getAttribute("vtag-name")&&(i=e.getAttribute("vtag-name").split(",").map((t=>t.trim())));const s=t.trim();""!==s&&"reset"!==s?i.includes(s)?(e.classList.add("show"),e.classList.remove("hide")):(e.classList.add("hide"),e.classList.remove("show")):(e.classList.add("show"),e.classList.remove("hide"))}))}setupCards(){this.cardElements.forEach(((t,e)=>{this.cards.push(this.setCardData(t,e)),t.addEventListener("click",(()=>{this.showCardDetails(e,t)})),t.addEventListener("keydown",(i=>{"Enter"===i.key&&this.showCardDetails(e,t)}))}))}updateCardData(t){this.cards=[],this.cardElements.forEach(((e,i)=>{const s=e.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&s.includes(this.filteredTagName)?(this.cards.push(this.setCardData(e,i)),e.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(e,i))}))}setCardData(t,e){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:e,modalType:t.getAttribute("modal-type")}}showCardDetails(t,e){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex,e)}render(){return i("div",{class:"card-list"},i("slot",null))}get host(){return o(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}}:host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{a as ptc_filter_dropdown,h as ptc_social_share,r as ptc_theater_video,n as ptc_theater_video_playlist}
+import{r as t,c as e,h as i,H as s,g as o}from"./p-ac75c7ad.js";const a=class{constructor(i){t(this,i),this.selectedFilterValues=e(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.styles=void 0,this.isOpen=!1}async clearFilterSelection(){this.clearFilter()}async setSelectedItem(t,e,i){(this.selectedOptions||[]).find((s=>s.tabId===t&&s.tagName===e&&s.value===i))||(this.selectedOptions=[...this.selectedOptions||[],{tabId:t,tagName:e,value:i}])}componentDidLoad(){this.dropdownPlaceholder=this.hostElement.shadowRoot.querySelector(".dropdown-placeholder .dropdown-filter-name")}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(t=!1){this.isOpen=!this.isOpen,t&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)})),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.placeholder),this.emitSelectedOptions("clearButton")}emitSelectedOptions(t){var e;this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),"applyButton"==t&&this.toggleDropdown(),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=null===(e=this.selectedOptions[0])||void 0===e?void 0:e.value)}componentWillRender(){this.parseOptions()}handleKeyDown(t){"Enter"===t.key?this.toggleDropdown(!0):"Tab"===t.key&&this.isOpen&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}render(){return i(s,null,this.styles&&i("style",null,this.styles),i("div",{class:"dropdown"},i("div",{class:"dropdown-toggle mf-listen",onClick:()=>this.toggleDropdown(!0),tabIndex:0,onKeyDown:t=>{this.handleKeyDown(t)}},i("span",{class:"dropdown-placeholder"},i("strong",null,"Filter: "),i("span",{class:"dropdown-filter-name"},this.placeholder)),i("span",{class:"caret"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},i("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&i("div",{class:"dropdown-menu"},i("ul",{class:"filter-list"},this.internalOptions.map((t=>i("li",{key:t.tabId},i("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},i("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((e=>e.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),i("div",{class:"filter-btns"},i("span",{class:"clear-btn mf-listen",onClick:()=>this.clearFilter(),tabIndex:0,onKeyDown:t=>{"Enter"===t.key&&this.clearFilter()}},"Clear"),i("ptc-button",{"tracker-id":"filter-apply-cta",type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions("applyButton"),styles:" a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }"},"Apply")))),i("div",{class:"hidden"},i("slot",null)))}get hostElement(){return o(this)}};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;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:var(--ptc-element-spacing-01) 14px var(--ptc-element-spacing-01) 14px;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{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 .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown .dropdown-menu .filter-btns .clear-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";height:20px;width:20px;position:absolute;left:0;top:0;display:none}';const h=class{constructor(e){t(this,e),this.trackerId=void 0,this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large",this.darkFocusState=!1}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle(),class:"focus-state mf-listen "+(this.darkFocusState?"focus-state-dark-background":""),tabindex:"0",onKeyDown:t=>this.handleKeyDown(t),id:this.trackerId},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x-dark-circle"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&i("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},i("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}handleKeyDown(t){"Enter"===t.key&&this.share()}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}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(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";const r=class{constructor(i){t(this,i),this.vCardClicked=e(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return i(s,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},i("div",{class:"img-wrap mf-listen",onClick:()=>this.showCardDetails(),tabIndex:0},i("img",{src:this.thumbImg,alt:""}),i("span",{class:"card-number"},this.cardNumber+1),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},i("g",{filter:"url(#filter0_d_214_969)"},i("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),i("defs",null,i("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},i("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),i("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),i("feOffset",{dy:"8"}),i("feGaussianBlur",{stdDeviation:"6"}),i("feComposite",{in2:"hardAlpha",operator:"out"}),i("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"}),i("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),i("h3",{class:"vcard-title"},this.cardTitle),i("div",{class:"hidden description"},i("slot",null)))}get ele(){return o(this)}};r.style="h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{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-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{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}}.sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);margin-top:5px;cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#fff;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const n=class{constructor(e){t(this,e),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((e=>{let i;e.getAttribute("vtag-name")&&(i=e.getAttribute("vtag-name").split(",").map((t=>t.trim())));const s=t.trim();""!==s&&"reset"!==s?i.includes(s)?(e.classList.add("show"),e.classList.remove("hide")):(e.classList.add("hide"),e.classList.remove("show")):(e.classList.add("show"),e.classList.remove("hide"))}))}setupCards(){this.cardElements.forEach(((t,e)=>{this.cards.push(this.setCardData(t,e)),t.addEventListener("click",(()=>{this.showCardDetails(e,t)})),t.addEventListener("keydown",(i=>{"Enter"===i.key&&this.showCardDetails(e,t)}))}))}updateCardData(t){this.cards=[],this.cardElements.forEach(((e,i)=>{const s=e.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&s.includes(this.filteredTagName)?(this.cards.push(this.setCardData(e,i)),e.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(e,i))}))}setCardData(t,e){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:e,modalType:t.getAttribute("modal-type")}}showCardDetails(t,e){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex,e)}render(){return i("div",{class:"card-list"},i("slot",null))}get host(){return o(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}}:host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{a as ptc_filter_dropdown,h as ptc_social_share,r as ptc_theater_video,n as ptc_theater_video_playlist}

package/dist/ptcw-design/{p-45b1f3fc.entry.js → p-16d47ac5.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{C as r}from"./p-80122e26.js";const n=class{constructor(e){t(this,e),this.cardHref=void 0,this.target=void 0,this.trackerId=void 0,this.darkFocusState=!1}componentWillLoad(){r(this,this.el,".light-links,ptc-footer")}render(){return e(i,null,e("div",{id:this.trackerId,class:this.darkFocusState?"tracker-div mf-listen dark-bg":"tracker-div mf-listenstandard-bg"},e("a",{href:this.cardHref,target:this.target},e("div",null,e("span",{class:"card-icon"},e("slot",null)),e("div",{class:"card-title"},e("slot",{name:"card-title"}))))))}get el(){return a(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}}:host{display:block;height:100%}:host .tracker-div{display:inline}@supports (hyphenate-limit-chars: 10 3 3){:host{hyphenate-limit-chars:10 4 4}}:host a{display:block;padding:20px;background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:2px solid transparent;align-items:center;text-decoration:none;text-align:center;box-sizing:border-box;height:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 992px){:host a{padding:var(--ptc-layout-spacing-03)}}:host a>div{display:flex;width:100%;height:100%;flex-direction:column;text-align:center;justify-content:center;align-items:center}@media only screen and (min-width: 480px){:host a>div{flex-direction:row;text-align:left;justify-content:left}}:host a:hover{background-color:var(--color-gray-08)}:host a:active{transition:none;background-color:var(--color-gray-09)}:host a span{display:block}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dark-bg a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .card-icon{width:2rem;height:2rem;margin:auto;margin-bottom:1rem;margin-top:0}@media only screen and (min-width: 480px){:host .card-icon{margin:0 var(--ptc-element-spacing-04) 0 0}}:host .card-title{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-white)}";export{n as ptc_icon_card}
+import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{C as r}from"./p-826c17e8.js";const n=class{constructor(e){t(this,e),this.cardHref=void 0,this.target=void 0,this.trackerId=void 0,this.darkFocusState=!1}componentWillLoad(){r(this,this.el,".light-links,ptc-footer")}render(){return e(i,null,e("div",{id:this.trackerId,class:this.darkFocusState?"tracker-div mf-listen dark-bg":"tracker-div mf-listenstandard-bg"},e("a",{href:this.cardHref,target:this.target},e("div",null,e("span",{class:"card-icon"},e("slot",null)),e("div",{class:"card-title"},e("slot",{name:"card-title"}))))))}get el(){return a(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}}:host{display:block;height:100%}:host .tracker-div{display:inline}@supports (hyphenate-limit-chars: 10 3 3){:host{hyphenate-limit-chars:10 4 4}}:host a{display:block;padding:20px;background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:2px solid transparent;align-items:center;text-decoration:none;text-align:center;box-sizing:border-box;height:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 992px){:host a{padding:var(--ptc-layout-spacing-03)}}:host a>div{display:flex;width:100%;height:100%;flex-direction:column;text-align:center;justify-content:center;align-items:center}@media only screen and (min-width: 480px){:host a>div{flex-direction:row;text-align:left;justify-content:left}}:host a:hover{background-color:var(--color-gray-08)}:host a:active{transition:none;background-color:var(--color-gray-09)}:host a span{display:block}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dark-bg a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .card-icon{width:2rem;height:2rem;margin:auto;margin-bottom:1rem;margin-top:0}@media only screen and (min-width: 480px){:host .card-icon{margin:0 var(--ptc-element-spacing-04) 0 0}}:host .card-title{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-white)}";export{n as ptc_icon_card}

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

@@ -1 +1 @@
-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}
+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}

package/dist/ptcw-design/{p-dfb400ed.entry.js → p-1bffeaed.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",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"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.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,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:m}=this.formData,o=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==c&&""!=n&&m&&0===o}render(){return e(a,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-label",{class:"ptc-label"},"Your Information"),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","alert-text":"Minimum Age Required","alert-text-content":"If you are under the age of 14 years old, you must use your parent/guardian email address.","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"confirm-email","label-text":"Confirm your Email*",type:"email","ptc-data-eloqua-name":"emailconfirmation","field-name":"confirm-email","custom-validation":"Email addresses must match."}),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-textfield",{"field-id":"contact-city","label-text":"City*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"contact-zipcode","label-text":"Zip Code*",type:"text","ptc-data-eloqua-name":"C_Zip_Postal","field-name":"zipcode-field"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-label",{class:"ptc-label"},"School Information"),e("ptc-textfield",{"field-id":"institution","label-text":"School/Institution Name*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"institution"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"School Level*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Student Level*",type:"email","ptc-data-eloqua-name":"gradeLevel1","field-name":"email"}),e("ptc-select",{"field-id":"academic-description",label:"Role of User*","ptc-data-eloqua-name":"description1","field-name":"academic-description"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 educator")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Professor")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 student")))),e("ptc-textfield",{"field-id":"contact-city","label-text":"Purpose of use*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"academic-ofComputers","label-text":"How many computers are you planning to install this software on?*",type:"text","ptc-data-eloqua-name":"ofComputers1","field-name":"academic-ofComputers"}),e("ptc-form-checkbox",{label:"I acknowledge that my personal details will be processed in accordance with PTC’s privacy policy and that they may be shared with PTC Inc’s subsidiaries for\r\n               the promotion of PTC’s products and associated services. ","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; float: right; width: fit-content;}"},"Submit")))))}get el(){return i(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.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}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";export{l as academic_form_test}
+import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",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"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.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,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:m}=this.formData,o=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==c&&""!=n&&m&&0===o}render(){return e(a,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-label",{class:"ptc-label"},"Your Information"),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","alert-text":"Minimum Age Required","alert-text-content":"If you are under the age of 14 years old, you must use your parent/guardian email address.","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"confirm-email","label-text":"Confirm your Email*",type:"email","ptc-data-eloqua-name":"emailconfirmation","field-name":"confirm-email","custom-validation":"Email addresses must match."}),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-textfield",{"field-id":"contact-city","label-text":"City*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"contact-zipcode","label-text":"Zip Code*",type:"text","ptc-data-eloqua-name":"C_Zip_Postal","field-name":"zipcode-field"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-label",{class:"ptc-label"},"School Information"),e("ptc-textfield",{"field-id":"institution","label-text":"School/Institution Name*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"institution"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"School Level*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Student Level*",type:"email","ptc-data-eloqua-name":"gradeLevel1","field-name":"email"}),e("ptc-select",{"field-id":"academic-description",label:"Role of User*","ptc-data-eloqua-name":"description1","field-name":"academic-description"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 educator")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Professor")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 student")))),e("ptc-textfield",{"field-id":"contact-city","label-text":"Purpose of use*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"academic-ofComputers","label-text":"How many computers are you planning to install this software on?*",type:"text","ptc-data-eloqua-name":"ofComputers1","field-name":"academic-ofComputers"}),e("ptc-form-checkbox",{label:"I acknowledge that my personal details will be processed in accordance with PTC’s privacy policy and that they may be shared with PTC Inc’s subsidiaries for\r\n               the promotion of PTC’s products and associated services. ","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; float: right; width: fit-content;}"},"Submit")))))}get el(){return i(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.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}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";export{l as academic_form_test}

package/dist/ptcw-design/{p-260e573b.entry.js → p-1c99b808.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{g as s,d as r}from"./p-80122e26.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}if(l.length>0){let e=document.createElement("div");e.slot=t.getAttribute("slot"),e.innerHTML=t.innerHTML,t.replaceWith(e)}}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,this.isDesktopView?null:e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(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 #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:calc(100% + 2px);overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:auto;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}
+import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{b as s,d as r}from"./p-826c17e8.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}if(l.length>0){let e=document.createElement("div");e.slot=t.getAttribute("slot"),e.innerHTML=t.innerHTML,t.replaceWith(e)}}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,this.isDesktopView?null:e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(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 #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:calc(100% + 2px);overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:auto;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}

package/dist/ptcw-design/{p-05c29cc2.entry.js → p-1f15239e.entry.js}

@@ -1 +1 @@
-import{r as a,h as i,H as o,g as r}from"./p-ac75c7ad.js";const t=class{constructor(i){a(this,i),this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}handleReadmoreToggle(a){Array.from(this.hostElement.querySelectorAll(".ptc-product-highlight-card")).forEach((i=>{var o,r;const t=null==i?void 0:i.querySelector("ptc-readmore"),e=null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector(".read-more-text"),l=e.scrollHeight>e.clientHeight,n=null===(r=t.shadowRoot)||void 0===r?void 0:r.querySelector("#expanded");if(t&&t!==a.detail.sender){n.checked=a.detail.isExpanded;const i=t.shadowRoot.querySelector(".read-more-cta-label");i&&(i.innerHTML=a.detail.isExpanded?`<span>${t.lessText||""}</span>`:`<span>${t.moreText||""}</span>`,a.detail.isExpanded?l&&i.classList.add("show-less-cta"):i.classList.remove("show-less-cta")),e.classList[l?"add":"remove"]("truncated")}}))}render(){return i(o,null,i("div",{class:"card-wrap"},this.cardImage&&i("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),i("div",{class:"content"},i("div",null,i("slot",{name:"title"}),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),i("div",null,i("slot",{name:"content"}))),i("div",{class:"cta-wrap"},i("slot",{name:"cta"})))),this.toggleCtaTitle&&i("ptc-para",{class:"toggle-btn mf-listen","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel(),tabIndex:0},i("span",{class:"toggleText"},this.toggleCtaTitle)),i("div",{class:"product-highlights-container"},i("slot",null)))}get hostElement(){return r(this)}};t.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,.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,.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,.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,.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,.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,.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,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.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,.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,.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,.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,.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;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center;justify-content:space-between;width:100%}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{t as ptc_product_card}
+import{r as a,h as i,H as o,g as r}from"./p-ac75c7ad.js";const t=class{constructor(i){a(this,i),this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}handleReadmoreToggle(a){Array.from(this.hostElement.querySelectorAll(".ptc-product-highlight-card")).forEach((i=>{var o,r;const t=null==i?void 0:i.querySelector("ptc-readmore"),e=null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector(".read-more-text"),l=e.scrollHeight>e.clientHeight,n=null===(r=t.shadowRoot)||void 0===r?void 0:r.querySelector("#expanded");if(t&&t!==a.detail.sender){n.checked=a.detail.isExpanded;const i=t.shadowRoot.querySelector(".read-more-cta-label");i&&(i.innerHTML=a.detail.isExpanded?`<span>${t.lessText||""}</span>`:`<span>${t.moreText||""}</span>`,a.detail.isExpanded?l&&i.classList.add("show-less-cta"):i.classList.remove("show-less-cta")),e.classList[l?"add":"remove"]("truncated")}}))}render(){return i(o,null,i("div",{class:"card-wrap"},this.cardImage&&i("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),i("div",{class:"content"},i("div",null,i("slot",{name:"title"}),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),i("div",null,i("slot",{name:"content"}))),i("div",{class:"cta-wrap"},i("slot",{name:"cta"})))),this.toggleCtaTitle&&i("ptc-para",{class:"toggle-btn mf-listen","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel(),tabIndex:0},i("span",{class:"toggleText"},this.toggleCtaTitle)),i("div",{class:"product-highlights-container"},i("slot",null)))}get hostElement(){return r(this)}};t.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,.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,.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,.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,.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,.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,.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,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form 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,.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,.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,.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,.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,.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,.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;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center;justify-content:space-between;width:100%}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{t as ptc_product_card}