@ptcwebops/ptcw-design 6.3.7-beta → 6.3.7

package/dist/ptcw-design/p-1a6759a4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as o,g as e}from"./p-ac75c7ad.js";import{s as r}from"./p-2f4f6ccd.js";const n=class{constructor(i){t(this,i),this.locations=[],this.regions=[],this.checkboxes=[],this.openRegion="",this.isMobile=void 0,this.address=void 0,this.regionListManual=void 0,this.showMapText="Show Map",this.hideMapText="Hide Map",this.filtersText="Filters",this.allRegionsText="All Regions",this.applyText="Apply",this.clearText="Clear",this.showMap=!1}handleResize(){this.isMobile=window.innerWidth<992,this.isMobile&&(this.showMap=!1)}handleAddressClicked(t){this.address=t.detail,this.isMobile||(this.showMap=!0)}watchStateHandler(){this.checkboxes=Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>[t.value,t.getAttribute("data-continent")]))}componentDidUpdate(){this.selectCheckboxesOnScreenResize()}selectCheckboxesOnScreenResize(){this.checkboxes.forEach((t=>{const i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t[1].replace(/\s+/g,"")}`),o=this.hostEl.shadowRoot.querySelector(`#${t[0].replace(/\s+/g,"")}`);i.classList.contains("selected")||i.classList.add("selected"),o.checked||(o.checked=!0)})),this.checkboxes=[]}componentWillLoad(){if(this.isMobile=window.innerWidth<992,document.querySelectorAll("ptc-office-location-card").forEach(((t,i)=>{const o=t.getAttribute("region"),e=t.getAttribute("country");o&&e&&this.locations.push({id:i,region:o,country:e})})),this.regionListManual){const t=this.regionListManual.split(",").map((t=>t.trim()));this.regions=t}else{const t=Array.from(new Set(this.locations.map((t=>t.region))));this.regions=t}this.showFirstMap()}toggleCountryList(t){let i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);this.openRegion===t?(this.openRegion="",i&&(i.querySelectorAll("label").forEach((t=>{t.tabIndex=-1})),i.querySelectorAll("ptc-button").forEach((t=>{t.tabIndex=-1})))):(this.openRegion=t,i&&(i.querySelectorAll("label").forEach((t=>{t.tabIndex=0})),i.querySelectorAll("ptc-button").forEach((t=>{t.removeAttribute("tabIndex")}))))}getCheckboxes(t){return this.hostEl.shadowRoot.querySelectorAll(`.country-list #region-list-${t.replace(/\s+/g,"")} input[type="checkbox"]`)}selectedCheckboxes(){return Array.from(this.hostEl.shadowRoot.querySelectorAll('.country-list input[type="checkbox"]:checked')).map((t=>t.value))}updateOfficeList(){const t=this.selectedCheckboxes();document.querySelectorAll("ptc-office-location-card").forEach((i=>{const o=i.getAttribute("region"),e=i.getAttribute("country");i.style.display=t.length>0?t.includes(o)||t.includes(e)?"block":"none":"block"})),this.showFirstMap()}applyFilter(t){this.updateOfficeList(),this.toggleCountryList(t)}clearFilter(t){const i=this.getCheckboxes(t),o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);i.forEach((t=>{t.checked=!1})),o.classList.remove("selected"),this.updateOfficeList(),this.toggleCountryList(t)}updateCheckboxStatusOnenter(t,i){13==i.keyCode&&this.updateCheckboxStatus(t,i)}updateCheckboxStatus(t,i){const o=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`),e=this.getCheckboxes(t),r=i.target.id===`all-regions-${t.replace(/\s+/g,"")}`||13===i.keyCode&&i.target.getAttribute("data-id")===`all-regions-${t.replace(/\s+/g,"")}`;let n=i.target.checked;if(13===i.keyCode){const t=i.target.querySelector("input");t&&(t.checked=!t.checked,n=t.checked)}let s=!1;e.forEach((t=>{r?t.checked=!!t.classList.contains("all-region-label")&&n:t.classList.contains("all-region-label")&&(t.checked=!1),t.checked&&(s=!0)})),o.classList.toggle("selected",s)}updateSelectedClass(t){this.fadeInWrapper();const i=this.hostEl.shadowRoot.querySelector(`#region-wrap-${t.replace(/\s+/g,"")}`);let o;this.getCheckboxes(t).forEach((t=>{t.classList.contains("all-region-label")||(t.checked=!1),t.classList.contains("all-region-label")&&(t.checked=!t.checked,o=t.checked)})),i.classList.toggle("selected",o),this.updateOfficeList(),this.toggleCountryList("")}fadeInWrapper(){const t=this.hostEl.shadowRoot.querySelector(".office-location-list-wrapper");t.classList.add("updating"),t.addEventListener("transitionend",(()=>{t.classList.remove("updating")}),{once:!0})}openFilterModal(){this.hostEl.shadowRoot.querySelector("ptc-modal").show=!0}clearFiltersMobile(){this.hostEl.shadowRoot.querySelectorAll("input[type=checkbox]").forEach((t=>{t.checked=!1})),this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}applyFilterMobile(){this.updateOfficeList(),this.hostEl.shadowRoot.querySelector("ptc-modal").show=!1}renderCountrylist(t){const o=[...new Map(this.locations.filter((i=>i.region===t)).map((t=>[t.country,t]))).values()];return i("ul",{id:"region-list-"+t.replace(/\s+/g,"")},i("li",{id:"all-regions-id-"+t.replace(/\s+/g,""),class:"mf-listen"},i("label",{htmlFor:"all-regions-"+t.replace(/\s+/g,""),"data-id":"all-regions-"+t.replace(/\s+/g,""),onKeyDown:i=>this.updateCheckboxStatusOnenter(t.replace(/\s+/g,""),i),tabindex:this.isMobile?0:-1},this.allRegionsText,i("input",{type:"checkbox",class:"all-region-label",tabindex:-1,id:"all-regions-"+t.replace(/\s+/g,""),value:t,"data-continent":t,onChange:i=>this.updateCheckboxStatus(t.replace(/\s+/g,""),i)}),i("span",{class:"checkmark"}))),o.map((o=>i("li",{key:o.id,id:o.id+"id",class:"mf-listen"},i("label",{htmlFor:o.country,tabindex:this.isMobile?0:-1,"data-id":o.country,onKeyDown:i=>this.updateCheckboxStatusOnenter(t.replace(/\s+/g,""),i)},o.country,i("input",{type:"checkbox",id:o.country,tabindex:-1,value:o.country,"data-continent":t,onChange:i=>this.updateCheckboxStatus(t.replace(/\s+/g,""),i)}),i("span",{class:"checkmark"}))))))}toggleMap(){this.showMap=!this.showMap}showFirstMap(){const t=document.querySelectorAll("ptc-office-location-card"),i=Array.from(t).filter((t=>""===t.style.display||"block"===t.style.display));this.address=(i.length>0?i[0]:null).getAttribute("address")}render(){const t=this.getCssClassMap();return i(o,null,!this.isMobile&&i("div",{class:"region-list"},this.regions.map((t=>i("div",{class:"region mf-listen "+(this.openRegion===t?"active":""),key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},i("span",{class:"region-btn"},i("span",{class:"continent-name",onClick:()=>{this.updateSelectedClass(t.replace(/\s+/g,""))},onKeyPress:()=>{this.updateSelectedClass(t.replace(/\s+/g,""))},tabindex:"0"},t),i("span",{class:"continent-arrow",onClick:()=>this.toggleCountryList(t),onKeyPress:()=>this.toggleCountryList(t),tabindex:"0"},i("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1 1L5 5L9 1",stroke:"#40434A","stroke-width":"2","stroke-linecap":"round"})))),i("div",{class:"country-list country-list-desktop"},this.renderCountrylist(t),i("div",{class:"country-list-footer"},i("ptc-button",{"tracker-id":"clearBtnID",color:"ptc-tertiary",tabIndex:-1,"link-title":"Clear",type:"button",size:"small",onClick:()=>this.clearFilter(t),styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),i("ptc-button",{"tracker-id":"applyBtnID",color:"ptc-secondary",tabIndex:-1,"link-title":"Apply",type:"button",size:"small",onClick:()=>this.applyFilter(t)},this.applyText)))))),i("span",{class:"map-btn mf-listen",id:"mapBtnID",onClick:()=>{this.toggleMap()},onKeyPress:()=>{this.toggleMap()},tabindex:0},i("span",{class:"map-icon",innerHTML:this.showMap?'<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path fill-rule="evenodd" clip-rule="evenodd"\n    d="M10.5868 2.58474C9.80356 2.2099 8.92629 2 8 2C4.68629 2 2 4.68629 2 8C2 8.72579 2.28784 9.5654 2.73742 10.4342L5.00454 8.16703C5.00151 8.11174 4.99997 8.05605 4.99997 8.00001C4.99997 6.34315 6.34312 5.00001 7.99997 5.00001C8.05602 5.00001 8.11171 5.00154 8.16699 5.00458L10.5868 2.58474ZM7.83299 10.9954C7.88826 10.9985 7.94394 11 7.99997 11C9.65683 11 11 9.65686 11 8.00001C11 7.94397 10.9984 7.8883 10.9954 7.83302L13.4153 5.41317C13.7901 6.19644 14 7.07371 14 8C14 11.3137 8 17 8 17C8 17 6.52564 15.6027 5.03862 13.7898L7.83299 10.9954Z"\n    fill="#40434A" />\n  <path d="M1 15L15 1" stroke="#40434A" />\n</svg>\n':r}),i("span",null,this.showMap?this.hideMapText:this.showMapText," "))),this.isMobile&&i("button",{class:"filter-cta",onClick:()=>{this.openFilterModal()}}," ",i("span",{class:"svg-close",innerHTML:'\n<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.3883 7.52054H6.17773C6.24693 7.83585 6.24693 8.16265 6.17773 8.47797H18.3883C18.4509 8.47867 18.5131 8.4668 18.5712 8.44305C18.6292 8.41931 18.6821 8.38416 18.7266 8.33964C18.7712 8.29511 18.8065 8.2421 18.8307 8.18368C18.8548 8.12525 18.8672 8.06256 18.8672 7.99925C18.8672 7.93594 18.8548 7.87325 18.8307 7.81483C18.8065 7.7564 18.7712 7.70339 18.7266 7.65887C18.6821 7.61435 18.6292 7.5792 18.5712 7.55545C18.5131 7.53171 18.4509 7.51984 18.3883 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M1.88029 7.52054H0.478934C0.41629 7.51984 0.354131 7.53171 0.296055 7.55545C0.237979 7.5792 0.185141 7.61435 0.140598 7.65887C0.096056 7.70339 0.0606943 7.7564 0.0365604 7.81483C0.0124266 7.87325 0 7.93594 0 7.99925C0 8.06256 0.0124266 8.12525 0.0365604 8.18368C0.0606943 8.2421 0.096056 8.29511 0.140598 8.33964C0.185141 8.38416 0.237979 8.41931 0.296055 8.44305C0.354131 8.4668 0.41629 8.47867 0.478934 8.47797H1.88029C1.81109 8.16265 1.81109 7.83585 1.88029 7.52054V7.52054Z" fill="#40434A"/>\n<path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612V1.74612Z" fill="#40434A"/>\n<path d="M18.3886 13.2969H13.2285C13.2978 13.6122 13.2978 13.939 13.2285 14.2543H18.3886C18.4512 14.255 18.5134 14.2432 18.5715 14.2194C18.6295 14.1957 18.6824 14.1605 18.7269 14.116C18.7715 14.0715 18.8068 14.0185 18.831 13.96C18.8551 13.9016 18.8675 13.8389 18.8675 13.7756C18.8675 13.7123 18.8551 13.6496 18.831 13.5912C18.8068 13.5328 18.7715 13.4798 18.7269 13.4352C18.6824 13.3907 18.6295 13.3556 18.5715 13.3318C18.5134 13.3081 18.4512 13.2962 18.3886 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960564 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960564 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969V13.2969Z" fill="#40434A"/>\n<path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" fill="#40434A"/>\n<path d="M6.17784 7.5218C5.96049 6.52478 5.0798 5.77637 4.02893 5.77637C2.97806 5.77637 2.09737 6.52478 1.88002 7.5218C1.81083 7.83711 1.81083 8.16392 1.88002 8.47923C2.09737 9.47626 2.97801 10.2247 4.02893 10.2247C5.07986 10.2247 5.96049 9.47626 6.17784 8.47923C6.24704 8.16392 6.24704 7.83711 6.17784 7.5218V7.5218ZM4.02893 9.26724C3.33781 9.26724 2.77549 8.69901 2.77549 8.00049C2.77549 7.30196 3.33781 6.7338 4.02893 6.7338C4.72006 6.7338 5.28237 7.30208 5.28237 8.00049C5.28237 8.69889 4.72006 9.26724 4.02893 9.26724Z" fill="#40434A"/>\n<path d="M13.2286 13.2973C13.0113 12.3002 12.1306 11.5518 11.0797 11.5518C10.0287 11.5518 9.1481 12.3002 8.9308 13.2973C8.86161 13.6126 8.86161 13.9394 8.9308 14.2547C9.1481 15.2517 10.0288 16.0002 11.0797 16.0002C12.1305 16.0002 13.0113 15.2517 13.2286 14.2547C13.2978 13.9394 13.2978 13.6126 13.2286 13.2973ZM11.0797 15.0427C10.3885 15.0427 9.82628 14.4745 9.82628 13.776C9.82628 13.0774 10.3885 12.5092 11.0797 12.5092C11.7708 12.5092 12.3333 13.0775 12.3333 13.776C12.3333 14.4744 11.7708 15.0427 11.0797 15.0427Z" fill="#40434A"/>\n</svg>\n'}),this.filtersText),this.isMobile&&i("ptc-modal",{id:"modal-example",show:!1,size:"lg",fixed:!0,rounded:!0,"show-header-footer":"true"},i("div",{slot:"header"},i("ptc-title",{type:"h4",upperline:"no-upperline","text-align":"center","title-margin":"margin-5"},this.filtersText)),i("div",{slot:"footer",class:"modal-footer"},i("ptc-button",{"tracker-id":"mobileClearBtnID",color:"ptc-tertiary","link-title":"Clear",type:"button",size:"small",onClick:()=>{this.clearFiltersMobile()},styles:"button { border: none !important;} button:hover { background-color: transparent !important;} button:hover span{ text-decoration: underline !important}"},this.clearText),i("ptc-button",{"tracker-id":"mobileApplyBtnID",color:"ptc-secondary","link-title":"Apply",type:"button",size:"small",onClick:()=>{this.applyFilterMobile()}},this.applyText)),i("div",{slot:"body"},i("div",{class:"filter-modal-body"},this.regions.map((t=>i("div",{class:"country-list country-list-mobile mf-listen",key:t.id,id:"region-wrap-"+t.replace(/\s+/g,"")},i("span",{class:"continent-name"},t),this.renderCountrylist(t))))))),i("div",{class:t},i("div",{class:"ol-list-bg "},i("slot",null)),!this.isMobile&&i("div",{class:"map-embed"},i("iframe",{frameborder:"0",referrerPolicy:"no-referrer-when-downgrade",width:"100%",height:"100%",style:{border:"0"},allowfullScreen:!0,src:`https://www.google.com/maps/embed/v1/place?key=AIzaSyATvSgSVv2hH0yXiKMcBYsF26j67d3oPLg&q=${this.address}`}))))}getCssClassMap(){return{"office-location-list-wrapper":!0,"showing-map":this.showMap}}get hostEl(){return e(this)}static get watchers(){return{isMobile:["watchStateHandler"]}}};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 .country-list{z-index:1056;min-width:278px;position:absolute;top:100%;left:16px;width:max-content;margin-top:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:var(--ptc-border-radius-standard);box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);background-color:var(--color-white);border-top:none;overflow:hidden;max-height:0;transition:max-height 0.25s ease-out}:host .country-list ul{list-style:none;margin:0;padding:24px 24px 8px 24px;border-bottom:1px solid var(--color-gray-02);max-height:480px}@media only screen and (min-width: 992px){:host .country-list ul{overflow:auto}}:host .country-list ul::-webkit-scrollbar{width:8px}:host .country-list ul::-webkit-scrollbar-track{background:transparent}:host .country-list ul::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .country-list li{margin-bottom:1rem;cursor:pointer;transition:background-color 0.3s ease}:host .country-list li label{display:inline-block;position:relative;padding:0 0 4px 32px;font-weight:var(--ptc-font-weight-medium);color:var(--color-gray-10);cursor:pointer}:host .country-list li label .checkmark{background-color:var(--color-white);border:1px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;left:0;position:absolute;top:0;width:20px}:host .country-list li label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><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:"";display:none;height:20px;left:-1px;position:absolute;top:-1px;width:20px}:host .country-list li label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;margin:0}:host .country-list li label input:checked~.checkmark{background-color:#1f2024}:host .country-list li label input:checked~.checkmark::after{display:block}:host .country-list li label:hover .checkmark{background-color:var(--color-gray-02)}:host .country-list li label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);padding-bottom:0px}:host .country-list .country-list-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1rem}:host .country-list.country-list-mobile{display:block;position:relative;overflow:auto;max-height:100%;width:100%;box-shadow:none;margin:0;padding:24px 32px;border-top:1px solid var(--color-gray-02)}:host .country-list.country-list-mobile .continent-name{color:var(--color-gray-10);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);margin-bottom:1rem}:host .country-list.country-list-mobile ul{border:none;padding:16px 0 0 0}:host .region-list{display:flex;justify-content:center;height:100%}:host .region-list .region{position:relative}:host .region-list .region .region-btn{margin:0 0.5rem;height:100%;display:flex;cursor:pointer;position:relative}:host .region-list .region .region-btn .continent-arrow,:host .region-list .region .region-btn .continent-name{background-color:var(--color-gray-02);transition:background-color ease-out 250ms;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host .region-list .region .region-btn .continent-arrow:hover,:host .region-list .region .region-btn .continent-name:hover{background-color:var(--color-gray-03)}:host .region-list .region .region-btn .continent-name{display:flex;border-top-left-radius:270px;border-bottom-left-radius:270px;align-items:center;padding:12px 8px 12px 16px;border-right:1px solid var(--color-gray-03);text-align:center}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-name{padding:12px 12px 12px 20px}}:host .region-list .region .region-btn .continent-name:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);z-index:9}:host .region-list .region .region-btn .continent-arrow{display:flex;align-items:center;border-top-right-radius:270px;border-bottom-right-radius:270px;padding:12px 16px 12px 12px}@media only screen and (min-width: 1200px){:host .region-list .region .region-btn .continent-arrow{padding:12px 18px 12px 12px}}:host .region-list .region .region-btn .continent-arrow svg{transition:transform ease-out 250ms}:host .region-list .region .region-btn .continent-arrow:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .region-list .region.active .country-list{max-height:800px;}:host .region-list .region.active .region-btn .continent-arrow svg{transform:rotate(-180deg)}:host .region-list .region.selected .continent-arrow,:host .region-list .region.selected .continent-name{background-color:var(--color-gray-12);transition:background-color ease-out 250ms;color:var(--color-white)}:host .region-list .region.selected .continent-arrow:hover,:host .region-list .region.selected .continent-name:hover{background-color:var(--color-gray-12);color:var(--color-white)}:host .region-list .region.selected .continent-arrow svg path{stroke:var(--color-white)}:host .office-location-list-wrapper{opacity:1;transition:opacity 0.25s ease-out;margin-top:2rem}:host .office-location-list-wrapper.updating{opacity:0}:host .office-location-list-wrapper .ol-list-bg{background-color:var(--color-white);display:grid;align-content:flex-start;padding:16px;column-gap:16px;row-gap:16px;grid-template-columns:1fr;overflow-y:auto}@media only screen and (min-width: 768px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper .ol-list-bg{grid-template-columns:1fr 1fr 1fr}}:host .office-location-list-wrapper .map-embed{display:none}:host .office-location-list-wrapper.showing-map{display:flex;flex-direction:row;height:56rem;max-width:1736rem}:host .office-location-list-wrapper.showing-map .ol-list-bg{width:100%;grid-template-columns:1fr}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:40%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:35%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .ol-list-bg{width:65%;grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){:host .office-location-list-wrapper.showing-map .map-embed{width:60%}}@media only screen and (min-width: 1200px){:host .office-location-list-wrapper.showing-map .map-embed{width:65%}}@media only screen and (min-width: 1440px){:host .office-location-list-wrapper.showing-map .map-embed{width:35%}}:host .office-location-list-wrapper.showing-map .map-embed{display:block}:host .filter-cta{background:var(--color-white);border:1px solid transparent;border-radius:var(--ptc-border-radius-pill);display:flex;flex-direction:row;margin:0 auto;padding:12px 20px;transition:border 0.25s ease-out;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10)}:host .filter-cta svg{margin-right:10px}:host .filter-cta:hover{border:1px solid var(--color-gray-02)}:host .filter-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .modal-footer{display:flex;justify-items:center;justify-content:space-between;padding:0 1rem}:host .map-btn{margin:0 0.5rem;height:100%;display:flex;align-items:center;cursor:pointer;position:relative;background-color:var(--color-white);padding:9px 20px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10);border:1px solid transparent;transition:border 0.25s ease-out;box-sizing:border-box}@media only screen and (min-width: 1200px){:host .map-btn{margin:0 1rem}}:host .map-btn:hover{border:1px solid var(--color-gray-04)}:host .map-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .map-btn .map-icon{margin-right:10px;min-height:20px}';export{n as ptc_office_locations}

package/dist/ptcw-design/p-291072b4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{M as o}from"./p-672a349f.js";class n{constructor(t){this.params=t,this.url_vars={},this.visitor_elq_id=null,this.field_mappings=[],this.callback_queue=[],this.fields_populated=!1,this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="",this.params=Object.assign(Object.assign({},{elq_site_id:"",elq_visitor_lookup_key:"",elq_recipient_id_lookup_key:"",elq_contact_lookup_key:"",elq_subscription_lookup_key:"",elq_field_email_rec_id:"V_EmailRecipientID",elq_field_contact_email:"C_EmailAddress",elq_field_visitor_email:"V_Email_Address",elq_field_visitor_firstname:"V_First_Name",elq_field_visitor_lastname:"V_Last_Name",notme_link_id:"not-me-link-id",notme_fields_class:null,notme_message:"Not {name}? Click here.",notme_message_noname:"Not your details below? Click here."}),this.params),this.init()}init(){this.setEloquaSiteId(),this.async_load(),this.store_url_vars(),this.store_visitor_elq_id(),window.SetElqContent=this.eloqua_callback.bind(this)}setEloquaSiteId(){this.params.elq_site_id&&(n._elqQ.push(["elqSetSiteId",this.params.elq_site_id]),n._elqQ.push(["elqUseFirstPartyCookie","tracking.ptc.com"]),n._elqQ.push(["elqTrackPageView",window.location.href]))}fire_pageview(t){try{n._elqQ.push(void 0===t?["elqTrackPageView"]:["elqTrackPageView",t]),console.log("TRACKING: Eloqua pageview fired for URL: "+(t||"current page"))}catch(t){console.log("TRACKING: Could not fire Eloqua pageview: ",t)}}find_eloqua_contact(){console.log("CONTACT LOOKUP: Attempting to find Eloqua contact..."),this.callback_queue.push(this.handle_contact_lookup.bind(this)),null!==this.visitor_elq_id?this.lookup_visitor_by_recipient_id():this.lookup_contact_by_email()}add_field_mapping(t){this.field_mappings.push(t)}add_queue_action(t){this.callback_queue.push(t)}find_eloqua_subscription_info(){console.log("Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue..."),this.callback_queue.push(this.handle_visitor_lookup.bind(this)),this.callback_queue.push(this.populateCheckboxes.bind(this)),null!==this.visitor_elq_id?this.retry_visitor_by_cookie(5,1600):(console.log("visitor_elq_id is null."),this.lookup_visitor_by_cookie())}store_url_vars(){this.url_vars={},window.location.search.substring(1).split("&").forEach((t=>{let[e,i]=t.split("=");e=decodeURIComponent(e),i=decodeURIComponent(i),this.url_vars[e]=i})),console.log("URL variables stored:",this.url_vars)}store_visitor_elq_id(){console.log("INIT: Looking for visitor's Eloqua ID in URL...");const t=this.url_vars.elq;if(t){const e=t.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/,"$1-$2-$3-$4-$5");this.visitor_elq_id=e,console.log(`INIT: ...visitor Eloqua ID found in URL: ${e}`)}else this.visitor_elq_id=null,console.log("INIT: ...no visitor Eloqua ID found in URL")}eloqua_callback(){console.log("LOOKUP: Eloqua lookup finished and calling setElqContent");let t=!0;for(;t&&this.callback_queue.length>0;){const e=this.callback_queue.shift();if(e){if(console.log("QUEUE: Executing action"),t=e(),!t){console.log("QUEUE: Action failed, re-adding to queue"),this.callback_queue.unshift(e);break}console.log("QUEUE: Action executed successfully, removed from queue")}}t&&null===this.visitor_elq_id&&"function"!=typeof window.GetElqGroupMembershipStatus&&(this.update_user_details(),this.populate_mapped_fields())}lookup_visitor_by_cookie(){""!=this.params.elq_visitor_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_visitor_lookup_key),""]),console.log("LOOKUP: Visitor lookup sent using Eloqua cookie")):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}retry_visitor_by_cookie(t=3,e=500){let i;console.log("running retry_visitor_by_cookie"),t>0?(this.lookup_visitor_by_cookie(),"function"!=typeof window.GetElqContentPersonalizationValue?(console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${t} attempts left)`),i=setTimeout((()=>{this.retry_visitor_by_cookie(t-1,e)}),e)):(console.info("found V_Email_Address!"),clearTimeout(i))):console.error("GetElqContentPersonalizationValue is still not available after 3 attempts")}lookup_visitor_by_recipient_id(){""!=this.params.elq_recipient_id_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_recipient_id_lookup_key),"<"+this.params.elq_field_email_rec_id+">"+this.visitor_elq_id+"</"+this.params.elq_field_email_rec_id+">"]),console.log("LOOKUP: Visitor lookup sent using email recipient id: "+this.visitor_elq_id)):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}lookup_contact_by_email(){""!=this.params.elq_contact_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_contact_lookup_key),"<"+this.params.elq_field_contact_email+">"+this.user_elq_email+"</"+this.params.elq_field_contact_email+">"]),console.log("LOOKUP: Contact lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Contact lookup cannot be performed as no lookup key was defined")}lookup_subscription_by_email(){this.params.elq_subscription_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_subscription_lookup_key),`<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`]),console.log("LOOKUP: Subscription lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined")}handle_visitor_lookup(){if("function"==typeof window.GetElqContentPersonalizationValue){const o=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);if(o){console.log(`LOOKUP: Found contact email address: ${o}`),this.user_elq_email=o.trim(),this.lookup_subscription_by_email();var t=this.user_elq_email,e=new Date;e.setTime(e.getTime()+12096e5);var i="expires="+e.toUTCString();return document.cookie="elq-uid="+encodeURIComponent(t)+";"+i+";path=/;SameSite=Strict;Secure",!0}return!1}}handle_contact_lookup(){return""!=window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&(console.log("LOOKUP: Found contact email address: "+window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)),!0)}populate_mapped_fields(){console.log("MAPPING: Starting field mapping"),this.field_mappings.forEach((({elementId:t,elqFieldName:e})=>{const i=window.GetElqContentPersonalizationValue(e);if("contact-country"!==t){const e=document.getElementById(t);console.log("fieldValue ID of field mappings: "+i),e&&i&&(e.value=i,e.closest("ptc-textfield")?(e.closest("ptc-textfield").style.display="none",e.closest("ptc-textfield").inputValue=i):e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none",e.closest("ptc-select").selectedValue=i),this.fields_populated=!0)}else{const e=document.getElementById(t),n=document.querySelector(".mdc-select"),s=new o(n);e&&i&&(e.textContent=i,e.closest("ptc-select").selectedValue=i,s.value=i),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none")}})),console.log("MAPPING: Finished "),this.fields_populated&&this.update_notme_link()}update_user_details(){console.log("displaying user info..."),""!==window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&document.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text').forEach((t=>{if("SPAN"===t.tagName){const e=t,i=e.getAttribute("data-eloqua-name"),n=e.closest("ptc-select"),s=new o(n.querySelector(".mdc-select"));if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.textContent=t,n.selectedValue=t,s.value=t)}}else if(t.className.includes("intl-tel-input")){const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&setTimeout((()=>{e.placeholder=t,e.value=t,e.closest("ptc-textfield").inputValue=t}),1e3)}}else{const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.value=t,e.closest("ptc-textfield").inputValue=t)}}})),""==this.user_elq_email&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)&&(this.user_elq_email=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)),""==this.user_elq_firstname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)&&(this.user_elq_firstname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)),""==this.user_elq_lastname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname)&&(this.user_elq_lastname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname))}populateCheckboxes(){"function"==typeof window.GetElqGroupMembershipStatus?(console.log("populating checkboxes..."),document.querySelector(".cookie-email").innerHTML=this.user_elq_email?this.user_elq_email:"email information is not available",document.querySelectorAll("input.groupId").forEach((t=>{const e=t.getAttribute("data-sub-groupid"),i=t.getAttribute("data-unsub-groupid"),o=window.GetElqGroupMembershipStatus(e),n=window.GetElqGroupMembershipStatus(i);null==o||void 0===o||o?t.checked=!0:n&&(t.checked=!1),this.fields_populated=!0})),this.fields_populated&&this.update_notme_link()):console.log("No result from group membership web look up, cannot display membership info")}disable_submit_button(){$("#btnSubmit").prop("disabled",!0)}update_notme_link(){const t=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname),e=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname),i=document.getElementById("not-me-additional-top"),o=document.getElementById("not-me-additional-bottom");if(i){let o=i.innerHTML;o=t&&e?o.replace("{name}",t+" "+e):this.params.notme_message_noname,i.innerHTML=o,i.style.display="block"}o&&(o.style.display="block");const n=document.getElementById(this.params.notme_link_id);n&&(n.style.display="block",n.onclick=this.remove_user_details.bind(this))}remove_user_details(t){t.preventDefault(),this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="";const e=document.getElementById("not-me-additional-top"),i=document.getElementById("not-me-additional-bottom");return e.style.display="none",i.style.display="none",this.refreshForm(),!1}refreshForm(){this.field_mappings.forEach((({elementId:t})=>{if("contact-country"!==t){const e=document.getElementById(t);e&&(console.log("element: "+e),e.value="",e.closest("ptc-textfield")?"true"!=e.closest("ptc-textfield").getAttribute("ignore-blind-submit")&&(e.closest("ptc-textfield").style.display=""):e.closest("ptc-select")?e.closest("ptc-select").style.display="none":e.closest("ptc-form-checkbox")&&"true"==e.closest("ptc-form-checkbox").getAttribute("ignore-blind-submit")&&(e.closest("ptc-form-checkbox").style.display="none"))}else{const e=document.getElementById(t);e&&(e.textContent=""),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="")}})),this.clearEloquaCookie("elq-uid"),this.fields_populated=!1}clearEloquaCookie(t){document.cookie=t+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;",console.log("cookie cleared")}async_load(){const t="https://img.en25.com/i/elqCfg.min.js",e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src=t,e.onerror=t=>{console.log(`Error loading script: ${t}`)};const i=document.getElementsByTagName("script")[0];i&&i.parentNode?i.parentNode.insertBefore(e,i):document.head.appendChild(e),console.log(`Async loading of script ${t} initiated.`)}}n._elqQ=window._elqQ||[];const s=class{constructor(e){t(this,e),this.elqSiteId=void 0,this.elqVisitorLookupKey=void 0,this.elqRecipientIdLookupKey=void 0,this.elqContactLookupKey=void 0,this.elqSubscriptionLookupKey=void 0,this.elqFieldEmailRecId="V_EmailRecipientID",this.elqFieldContactEmail="C_EmailAddress",this.elqFieldVisitorEmail="V_Email_Address",this.elqFieldVisitorFirstname="C_FirstName",this.elqFieldVisitorLastname="C_LastName",this.notmeLinkId=void 0,this.notmeFieldsClass=void 0,this.notmeMessage=void 0,this.notmeMessageNoname=void 0,this.isBlindSubmit=!0,this.isInitialized=!1}componentWillLoad(){this.initializeElqLib(),this.isBlindSubmit&&this.populateBlindField()}componentDidLoad(){this.init_notme()}initializeElqLib(){this.elqLib=new n({elq_site_id:this.elqSiteId,elq_visitor_lookup_key:this.elqVisitorLookupKey,elq_recipient_id_lookup_key:this.elqRecipientIdLookupKey,elq_contact_lookup_key:this.elqContactLookupKey,elq_subscription_lookup_key:this.elqSubscriptionLookupKey,elq_field_email_rec_id:this.elqFieldEmailRecId,elq_field_contact_email:this.elqFieldContactEmail,elq_field_visitor_email:this.elqFieldVisitorEmail,elq_field_visitor_firstname:this.elqFieldVisitorFirstname,elq_field_visitor_lastname:this.elqFieldVisitorLastname,notme_link_id:this.notmeLinkId,notme_fields_class:this.notmeFieldsClass,notme_message:this.notmeMessage,notme_message_noname:this.notmeMessageNoname}),this.isInitialized=!0}populateBlindField(){this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"contact-email",elqFieldName:"C_EmailAddress"}),this.elqLib.add_field_mapping({elementId:"contact-firstname",elqFieldName:"C_FirstName"}),this.elqLib.add_field_mapping({elementId:"contact-lastname",elqFieldName:"C_LastName"}),this.elqLib.add_field_mapping({elementId:"contact-country",elqFieldName:"C_Country"}),this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"company",elqFieldName:"C_Company"}),this.elqLib.add_field_mapping({elementId:"contact-state",elqFieldName:"C_State_Prov"}),this.elqLib.add_field_mapping({elementId:"contact-zipcode",elqFieldName:"C_Zip_Postal"}),this.elqLib.add_field_mapping({elementId:"contact-job-category",elqFieldName:"C_Job_Role1"}),this.elqLib.add_field_mapping({elementId:"contact-job-function",elqFieldName:"C_Job_Function1"}),this.elqLib.add_field_mapping({elementId:"contact-jp-job-title",elqFieldName:"C_Title"})}getCookie(t){let e=null;if(document.cookie){const i=document.cookie.split(";");for(let o of i){const[i,n]=o.trim().split("=");if(i===t){e=decodeURIComponent(n);break}}}return e}init_notme(){const t=document.getElementById("not-me-additional-top"),e=document.getElementById("not-me-additional-bottom");console.log("top: "+t),t&&(t.style.display="none"),e&&(e.style.display="none")}async performDataLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),console.log("elqlib.user_elq_email: "+this.elqLib.user_elq_email),this.elqLib.find_eloqua_contact())}async performSubscriptionLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),this.elqLib.find_eloqua_subscription_info())}render(){return e("slot",null)}get el(){return i(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-hyperlink);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text p{font-size:var(--ptc-font-size-medium)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";export{s as ptc_data_lookup}

package/dist/ptcw-design/p-32f64f48.entry.js

@@ -1 +0,0 @@
-import{r as a,h as o,H as i}from"./p-ac75c7ad.js";const t=class{constructor(o){a(this,o),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.moreText="More",this.lessText="Less",this.cardDescription=void 0,this.browserFirefox=!1,this.currentLanguage=void 0}render(){return o(i,null,o("ptc-title",{type:"h4",upperline:"no-upperline","title-margin":"margin-flush","title-size":"small","text-align":"center"},o("ptc-tooltip",{"text-display":"block","text-lines":"2","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),o("ptc-picture",{alt:this.cardImageAltText,src:this.cardImage,"image-alignment":"center",width:"69","display-image":"inline-block",styles:"img{margin: 12px auto 18px auto}"}),o("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-densest","para-align":"left","para-z-index":"z-auto"},this.browserFirefox&&this.currentLanguage.toLowerCase().includes("ja")?o("slot",null):o("ptc-readmore",{"more-text":this.moreText,"less-text":this.lessText,"visible-lines-custom":"8","read-more-position":"left"},o("slot",null))))}};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,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}:host ptc-para ptc-readmore .box input~label{margin-right:0px}:host ptc-para a{color:var(--color-hyperlink)}";export{t as ptc_product_highlight_card}

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

@@ -1 +0,0 @@
-import{r as e,h as t,g as o}from"./p-ac75c7ad.js";import{c as n}from"./p-0b33279e.js";const a=class{constructor(t){e(this,t),this.startX=0,this.scrollLeft=0,this.updateContainerClass=()=>{this.isDesktop?(this.sliderWrapper.classList.add("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.disableDragging()):(this.sliderWrapper.classList.remove("ptc-container","u-paddingRight-flush","u-paddingLeft-flush"),this.enableDragging())},this.startDragging=e=>{this.isMouseDown=!0,this.isDragging=!1,this.startX=e.pageX,this.scrollLeft=this.slider.scrollLeft},this.performDragging=e=>{if(!this.isMouseDown)return;const t=e.pageX-this.slider.offsetLeft-this.startX;this.isDragging=Math.abs(t)>5,this.slider.scrollLeft=this.scrollLeft-t},this.stopDragging=()=>{this.isMouseDown=!1},this.closeActiveModal=()=>{document.querySelectorAll("ptc-modal").forEach((e=>{e.show&&(e.show=!1)}))},this.cards=[],this.modalBtnCloseText="Close",this.activePanel=null,this.activeCard=null,this.isDragging=!1,this.isMouseDown=!1,this.isDesktop=window.innerWidth>=992,this.openedWithKeyboard=!1}onScreenStatusChange(){!this.isDesktop&&this.closeActiveModal()}handleCardClick(e){const t=this.slider.children[e],o=`panel-${e}`,a=document.getElementById(o);if(this.isDesktop&&a)this.showPanel(t,a),this.openedWithKeyboard?setTimeout((()=>{this.trap=n(a,{escapeDeactivates:!0,clickOutsideDeactivates:!0,onActivate:()=>{this.openedWithKeyboard||this.trap.pause()},onDeactivate:()=>{this.closePanel(o),this.trap.deactivate()},tabbableOptions:{getShadowRoot:!0}}),this.trap.activate()}),500):this.trap&&this.trap.deactivate();else if(!this.isDesktop&&!this.isDragging){const t=document.getElementById(`modal-${e}`);console.log("open: "+t.id),t.show=!0}}showPanel(e,t){this.activePanel||(this.slider.style.transform=`translateX(-${e.offsetLeft}px)`,Array.from(this.slider.children).forEach((t=>{t!==e&&t.classList.add("hidden")})),t.style.display="block",t.style.width=`calc(100% - ${e.getBoundingClientRect().width}px`,e.style.height=`${t.getBoundingClientRect().height}px`,this.arrowButtons=document.querySelectorAll("ptc-scroll-button"),setTimeout((()=>{t.style.transform=`translateX(${e.offsetWidth}px)`,t.classList.add("visible"),e.classList.add("active"),this.arrowButtons.forEach((e=>e.initVisibility())),this.activePanel=t.id,this.activeCard=e.id}),100))}closePanel(e){const t=document.getElementById(e);t&&(t.classList.remove("visible"),t.addEventListener("transitionend",(()=>{t.classList.contains("visible")||(t.style.display="none")}),{once:!0})),this.activePanel=null,this.slider.style.transform="translateX(0)",Array.from(this.slider.children).forEach((e=>{e.style.cssText=""})),setTimeout((()=>{Array.from(this.slider.children).forEach((e=>{e.classList.remove("hidden","active")}))}),300),this.trap&&this.trap.deactivate()}enableDragging(){this.slider.addEventListener("mousedown",this.startDragging),this.slider.addEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.addEventListener(e,this.stopDragging)))}disableDragging(){this.slider.removeEventListener("mousedown",this.startDragging),this.slider.removeEventListener("mousemove",this.performDragging),["mouseup","mouseleave"].forEach((e=>this.slider.removeEventListener(e,this.stopDragging)))}componentDidLoad(){this.sliderWrapper=document.querySelector(".jumbotron-cards-wrapper"),this.slider=document.querySelector(".jumbotron-cards"),this.updateContainerClass(),window.addEventListener("resize",(()=>{this.isDesktop=window.innerWidth>=992,this.updateContainerClass(),this.activePanel&&this.activeCard&&this.closePanel(this.activePanel)})),document.addEventListener("keydown",(e=>{"Tab"!==e.key&&"Enter"!==e.key&&" "!==e.key||(this.openedWithKeyboard=!0,console.log("keyboard status: "+this.openedWithKeyboard))})),document.addEventListener("mousedown",(()=>{this.openedWithKeyboard=!1}))}render(){const e=Array.from(this.el.querySelectorAll("template"));return[t("div",{class:{"event-jumbotron":!0,"ptc-container":this.isDesktop}},t("div",{class:"jumbotron-cards-wrapper"},t("div",{class:"jumbotron-cards"},this.cards.map(((e,o)=>t("div",{id:`card-${o}`,class:"card",onClick:()=>this.handleCardClick(o),"data-panel":`panel-${o}`,onKeyPress:()=>this.handleCardClick(o),tabindex:"0"},t("ptc-img",{"border-radius":"radius-standard","image-type":"smart-bg","img-url":e.cardBg,"load-mode":"lazy-bg",styles:`ptc-img{position: absolute; width: 100%; height: 100%; z-index: 0} ${this.activePanel&&"ptc-img div{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;"}`}),t("div",{class:"text-wrapper"},t("h3",{class:"card-title"},e.title," ",t("span",null,e.description)),!this.activePanel&&[t("div",{innerHTML:e.panelContent})]))))),this.cards.map(((e,o)=>t("div",{id:`panel-${o}`,class:"panel"},t("button",{tabindex:"-1",class:"close-panel",onClick:()=>this.closePanel(`panel-${o}`),"aria-label":"Close panel"},t("ptc-close-icon",null)),t("slot",{name:`panel-content-${o}`})))),!this.isDesktop&&this.cards.map(((o,n)=>t("ptc-modal",{id:`modal-${n}`,show:!1,"close-on-blur":!0,"modal-type":"event-listing","custom-class":"event-mobile-modal",headerOnlyText1:this.cards[n].title,headerOnlyText2:this.cards[n].description,headerOnlyBg:this.cards[n].cardBg,bottomCloseBtn:this.modalBtnCloseText},t("div",{innerHTML:e[n].innerHTML})))))),t("div",{class:"white-placeholder"})]}get el(){return o(this)}static get watchers(){return{isDesktop:["onScreenStatusChange"]}}};a.style='h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-event-jumbotron-example,h2.sc-event-jumbotron-example,h3.sc-event-jumbotron-example,h4.sc-event-jumbotron-example,h5.sc-event-jumbotron-example,h6.sc-event-jumbotron-example,p.sc-event-jumbotron-example,ul.sc-event-jumbotron-example,li.sc-event-jumbotron-example,ptc-subnav.sc-event-jumbotron-example,ptc-tab-list.sc-event-jumbotron-example,ptc-link.sc-event-jumbotron-example,ptc-square-card.sc-event-jumbotron-example,.hyphenate-text.sc-event-jumbotron-example,ptc-footer.sc-event-jumbotron-example{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-event-jumbotron-example-h{display:block;position:relative}.event-jumbotron.sc-event-jumbotron-example{margin-bottom:3rem;width:100%}.white-placeholder.sc-event-jumbotron-example{position:absolute;height:130px;width:100%;background-color:#F3f3f3;bottom:0px}.jumbotron-cards-wrapper.sc-event-jumbotron-example{z-index:1;position:relative;display:flex;flex-direction:column}.jumbotron-cards.sc-event-jumbotron-example{display:flex;gap:24px;overflow-x:auto;padding:0 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab}.jumbotron-cards.sc-event-jumbotron-example::-webkit-scrollbar{display:none}.jumbotron-cards.dragging.sc-event-jumbotron-example{cursor:grabbing}.card.sc-event-jumbotron-example{flex:1 0 auto;width:250px;height:414px;background:transparent;border-radius:var(--ptc-border-radius-standard);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:24px;position:relative}.card.sc-event-jumbotron-example::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);z-index:-1;border-radius:var(--ptc-border-radius-standard)}.card.sc-event-jumbotron-example:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.card.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{content:"";top:0px;left:0px;position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-standard);background:linear-gradient(0deg, black 0%, black 100%);opacity:0.7;transition:opacity var(--ptc-transition-slow) ease-in-out;border:none;outline:1px solid rgba(255, 255, 255, 0.1);outline-offset:-1px}.card.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.8}.card.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.85}.text-wrapper.sc-event-jumbotron-example{align-self:flex-start;text-align:left}.card-title.sc-event-jumbotron-example{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);position:relative;z-index:2;margin-top:0;margin-bottom:var(--ptc-element-spacing-06)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-weight:var(--ptc-font-weight-medium);display:inline-block}.cta-all.sc-event-jumbotron-example{margin-right:var(--ptc-element-spacing-05)}.panel.sc-event-jumbotron-example{display:none;visibility:hidden}@media only screen and (min-width: 768px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}}@media only screen and (min-width: 992px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-x-large)}.cta-group.sc-event-jumbotron-example{margin-bottom:88px}.jumbotron-cards.sc-event-jumbotron-example{overflow-x:visible;justify-content:space-between;cursor:auto;transition:transform 0.3s ease-in-out;width:100%;padding-left:0px;padding-right:0px}.card.sc-event-jumbotron-example{width:auto;height:530px;padding:var(--ptc-element-spacing-06);cursor:pointer;flex:1}.card.hidden.sc-event-jumbotron-example{opacity:0;pointer-events:none}.card.active.sc-event-jumbotron-example{min-height:530px;border-top-right-radius:0px;border-bottom-right-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.card.active.sc-event-jumbotron-example ptc-img.sc-event-jumbotron-example::after{border-top-right-radius:0px;border-bottom-right-radius:0px}.card.active.sc-event-jumbotron-example:hover ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.card.active.sc-event-jumbotron-example:focus ptc-img.sc-event-jumbotron-example::after,.card.active.sc-event-jumbotron-example:active ptc-img.sc-event-jumbotron-example::after{opacity:0.7}.panel.sc-event-jumbotron-example{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-height:530px;padding:40px;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:10}.panel.visible.sc-event-jumbotron-example{visibility:visible;opacity:1;border-top-left-radius:0px;border-bottom-left-radius:0px;box-shadow:var(--ptc-shadow-x-large);height:auto}.close-panel.sc-event-jumbotron-example{position:absolute;top:0px;right:0px;background:var(--color-white);border:none;text-align:center;cursor:pointer;padding:0px;margin:5px}.hide-scrollbar.sc-event-jumbotron-example{margin-left:-40px;margin-right:-40px}}@media only screen and (min-width: 1200px){.card-title.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.card-title.sc-event-jumbotron-example span.sc-event-jumbotron-example{font-size:var(--ptc-font-size-xx-large)}.jumbotron-cards.sc-event-jumbotron-example{padding:0;gap:32px}}@media only screen and (min-width: 1440px){.jumbotron-cards.sc-event-jumbotron-example{gap:40px}}';export{a as event_jumbotron_example}

package/dist/ptcw-design/p-48815ee0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";import{s as o}from"./p-2f4f6ccd.js";const n='\n<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M15.9902 16.6115C15.9672 16.448 15.6893 16.163 15.1565 15.7565C15.0145 15.6335 12.6694 13.5744 12.559 13.4924C12.4485 13.4104 12.3345 13.3585 12.2177 13.3373C12.0513 13.3071 11.822 13.3915 11.5297 13.5904C11.2369 13.7907 10.9611 14.0162 10.7055 14.2646C10.5444 14.4209 10.212 14.705 10.212 14.705L9.84109 14.9888C9.59663 15.1585 9.40545 15.2308 9.26754 15.2056C9.1924 15.1919 8.29273 14.5193 8.27776 14.5077C7.24698 13.648 6.37687 12.7367 5.70389 11.7471C5.03092 10.7576 4.49606 9.60254 4.06403 8.3109C4.05882 8.29161 4.02462 8.20179 3.962 8.04012C3.89938 7.87844 3.75234 7.1916 3.76559 7.11459C3.78959 6.97451 3.91815 6.81662 4.15017 6.64077L4.53583 6.37819C4.72177 6.26033 4.91515 6.14922 5.11598 6.04487C5.42974 5.88223 5.72956 5.6925 6.01221 5.47772C6.29477 5.26306 6.45049 5.06975 6.47938 4.8978C6.49974 4.77807 6.49158 4.64997 6.45453 4.51516C6.41724 4.37965 5.34032 1.4061 5.27662 1.2267C5.17083 0.861105 5.07258 0.585353 4.98186 0.39945C4.91025 0.252936 4.84323 0.162222 4.78081 0.127311C4.75216 0.108083 4.71438 0.0908609 4.66746 0.0756436C4.6208 0.0608755 4.57324 0.0492726 4.52511 0.0409101C4.30025 0.000202494 3.999 -0.0101256 3.62135 0.00992609C3.24371 0.0299777 2.94267 0.0682131 2.71823 0.124632C2.60239 0.151743 2.48103 0.201406 2.35414 0.273619C2.32869 0.28815 2.30301 0.303559 2.27708 0.319847L1.90066 0.607067C1.6583 0.821784 1.3991 1.10462 1.12306 1.45558C1.03738 1.56652 0.956681 1.67822 0.880955 1.79068C0.458524 2.41695 0.189921 3.06519 0.0751441 3.73541C0.0358113 3.9615 0.0116542 4.19011 0.00284494 4.41961C-0.00547723 4.64394 0.00445899 4.90045 0.032653 5.18914C0.0606603 5.47734 0.0862267 5.6921 0.109353 5.83342C0.132479 5.97474 0.177157 6.22857 0.243388 6.59491C0.309805 6.96112 0.348735 7.18468 0.360098 7.26696C0.508457 8.16162 0.725847 8.97588 1.01227 9.70974C1.48239 10.9277 2.18658 12.2265 3.12482 13.6059C3.63237 14.3522 4.14183 15.0243 4.65322 15.6224C5.08653 16.129 5.52131 16.5823 5.95756 16.9824C6.00291 17.0243 6.04877 17.066 6.09516 17.1074C6.63551 17.5885 7.25834 18.0358 7.96364 18.4492C8.0342 18.4883 8.22538 18.6026 8.53719 18.7921C8.84797 18.9813 9.06402 19.1112 9.18536 19.1819C9.30699 19.2533 9.49432 19.3508 9.74783 19.4775C10.0015 19.6029 10.2322 19.7 10.44 19.7686C10.6521 19.8388 10.8687 19.8939 11.0882 19.9334C11.8558 20.0728 12.6689 19.9946 13.5275 19.6989C13.9475 19.5497 14.2978 19.3934 14.5782 19.23L14.9674 18.9624C15.1049 18.8482 15.2114 18.7308 15.2868 18.6102C15.2879 18.6086 15.2889 18.607 15.2899 18.6055C15.4179 18.4077 15.5543 18.1312 15.7011 17.7755C15.8485 17.4169 15.9422 17.1218 15.9822 16.8902C16.0029 16.7695 16.0055 16.677 15.9902 16.6115Z" fill="#40434A"/>\n</svg>\n',r=class{constructor(e){t(this,e),this.officeCardClicked=i(this,"officeCardClicked",7),this.region=void 0,this.country=void 0,this.address=void 0,this.isContactEmpty=!1,this.officeName=void 0,this.showFullAddressModal=!1,this.showFullAddressText="Show Full Address"}handleClick(){this.officeCardClicked.emit(this.address)}showFullAddress(t){t.stopPropagation(),this.hostElement.shadowRoot.querySelector("#show-full-add").show=!0}render(){return e(a,null,e("div",{class:"ofc-card-wrapper",onClick:()=>this.handleClick(),onKeyPress:()=>this.handleClick(),tabindex:0},this.showFullAddressModal&&e("div",{class:"show-full-cta",onClick:t=>{this.showFullAddress(t)},tabindex:0,onKeyPress:t=>{this.showFullAddress(t)}},this.showFullAddressText,e("span",{innerHTML:'<svg class="ol-full-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path\n    d="M7.51557e-07 5.8973C7.45775e-07 6.09464 0.0783039 6.2839 0.217689 6.42346C0.357075 6.56302 0.546129 6.64145 0.743274 6.64149H0.758399C0.955544 6.64145 1.1446 6.56302 1.28398 6.42346C1.42337 6.2839 1.50167 6.09464 1.50167 5.8973V2.56619L4.93013 5.99805C5.06957 6.13756 5.25865 6.21592 5.4558 6.21592C5.65295 6.21592 5.84203 6.13756 5.98148 5.99805L5.9921 5.98742C6.13146 5.84784 6.20975 5.65857 6.20975 5.46122C6.20975 5.26388 6.13146 5.07461 5.9921 4.93503L2.56365 1.50316H5.84067C5.93833 1.50323 6.03505 1.48404 6.1253 1.44669C6.21555 1.40933 6.29757 1.35454 6.36666 1.28545C6.43575 1.21636 6.49056 1.13432 6.52797 1.04401C6.56538 0.953708 6.58464 0.856911 6.58467 0.759152V0.744012C6.58462 0.546672 6.50627 0.35743 6.36685 0.217906C6.22743 0.0783817 6.03836 7.46516e-07 5.84121 7.52304e-07H0.54107C0.469983 -0.000117944 0.399571 0.0138101 0.333872 0.0409864C0.268173 0.0681627 0.208479 0.108053 0.158212 0.158369C0.107945 0.208686 0.068095 0.268439 0.0409457 0.334204C0.0137964 0.399968 -0.000117827 0.47045 7.51557e-07 0.541608V5.8973Z"\n    fill="#40434A" />\n  <path\n    d="M9.3584 0.744087V0.759227C9.35845 0.956505 9.43675 1.14569 9.57609 1.28521C9.71543 1.42472 9.90441 1.50314 10.1015 1.50324H13.3785L9.95096 4.9351C9.8116 5.07469 9.73331 5.26395 9.73331 5.4613C9.73331 5.65864 9.8116 5.84791 9.95096 5.9875L9.96159 5.99813C10.101 6.13763 10.2901 6.216 10.4873 6.216C10.6844 6.216 10.8735 6.13763 11.0129 5.99813L14.4409 2.56627V5.89738C14.4409 5.99511 14.4601 6.09188 14.4974 6.18217C14.5348 6.27246 14.5896 6.3545 14.6586 6.4236C14.7276 6.49271 14.8096 6.54752 14.8998 6.58492C14.99 6.62232 15.0867 6.64157 15.1843 6.64157H15.1993C15.2969 6.64157 15.3936 6.62232 15.4838 6.58492C15.574 6.54752 15.6559 6.49271 15.725 6.4236C15.794 6.3545 15.8488 6.27246 15.8861 6.18217C15.9235 6.09188 15.9427 5.99511 15.9427 5.89738V0.541683C15.9427 0.398279 15.8858 0.260748 15.7845 0.159346C15.6832 0.0579437 15.5458 0.000976563 15.4025 0.000976562H10.1015C9.90457 0.00107184 9.71572 0.0793713 9.5764 0.21869C9.43709 0.358009 9.35868 0.546965 9.3584 0.744087Z"\n    fill="#40434A" />\n  <path\n    d="M5.9921 10.0125L5.98148 10.0018C5.84203 9.86234 5.65295 9.78397 5.4558 9.78397C5.25865 9.78397 5.06957 9.86234 4.93013 10.0018L1.50167 13.4337V10.1026C1.50167 9.90525 1.42337 9.71599 1.28398 9.57643C1.1446 9.43687 0.955543 9.35845 0.758398 9.3584H0.743273C0.546128 9.35845 0.357074 9.43687 0.217689 9.57643C0.0783032 9.71599 -5.78131e-09 9.90525 0 10.1026L0 15.4583C-9.86272e-08 15.5294 0.0140016 15.5998 0.0412039 15.6654C0.0684062 15.7311 0.108275 15.7907 0.15853 15.8409C0.208785 15.8912 0.268439 15.931 0.334079 15.9581C0.39972 15.9852 0.470058 15.9991 0.54107 15.999H5.84121C6.03836 15.999 6.22743 15.9206 6.36685 15.7811C6.50627 15.6416 6.58462 15.4523 6.58467 15.255V15.2398C6.58462 15.0425 6.50627 14.8533 6.36685 14.7137C6.22743 14.5742 6.03836 14.4958 5.84121 14.4958H2.56418L5.9921 11.0649C6.13146 10.9253 6.20975 10.736 6.20975 10.5387C6.20975 10.3413 6.13146 10.1521 5.9921 10.0125Z"\n    fill="#40434A" />\n  <path\n    d="M14.4983 13.4337L11.0698 10.0027C10.9304 9.86324 10.7413 9.78487 10.5442 9.78487C10.347 9.78487 10.1579 9.86324 10.0185 10.0027L10.0079 10.0134C9.8685 10.153 9.79021 10.3422 9.79021 10.5396C9.79021 10.7369 9.8685 10.9262 10.0079 11.0658L13.4363 14.4967H10.1593C9.96216 14.4967 9.77311 14.5751 9.63372 14.7146C9.49432 14.8542 9.41602 15.0434 9.41602 15.2407V15.2559C9.41602 15.4532 9.49432 15.6424 9.63372 15.782C9.77311 15.9215 9.96216 15.9999 10.1593 15.9999H15.4589C15.6022 15.9999 15.7395 15.9429 15.8408 15.8415C15.9422 15.7401 15.9991 15.6026 15.9991 15.4592V10.1026C15.9991 9.90525 15.9208 9.71599 15.7814 9.57643C15.642 9.43687 15.4529 9.35845 15.2558 9.3584H15.2407C15.0435 9.35845 14.8545 9.43687 14.7151 9.57643C14.5757 9.71599 14.4974 9.90525 14.4974 10.1026L14.4983 13.4337Z"\n    fill="#40434A" />\n</svg>\n'})),e("div",{class:"ofc-title"},this.officeName),e("div",{class:"map-link"},e("span",{class:"ofc-icon",innerHTML:o}),e("slot",{name:"map-link"})),e("div",{class:"contact-number"},!this.isContactEmpty&&e("span",{class:"ofc-icon",innerHTML:n}),e("slot",{name:"contact-number"})),e("slot",null)),this.showFullAddressModal&&e("ptc-modal",{id:"show-full-add",show:!1,size:"md",fixed:!0,rounded:!0,overlay:!0,"keep-in-viewport":!0,styles:".modal-body{padding: 0 32px 32px 32px;box-sizing: border-box;}"},e("div",{class:"ofc-title"},this.officeName),e("div",{class:"map-link"},e("span",{class:"ofc-icon",innerHTML:o}),e("slot",{name:"map-link-modal"})),e("div",{class:"contact-number"},!this.isContactEmpty&&e("span",{class:"ofc-icon",innerHTML:n}),e("slot",{name:"contact-number-modal"}))))}get hostElement(){return s(this)}};r.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host .ofc-card-wrapper{padding:2rem;border:1px solid var(--color-gray-02);cursor:pointer;color:var(--color-gray-10);height:100%;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ofc-card-wrapper:hover{border-color:var(--color-gray-10)}:host .ofc-card-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .map-link,:host .contact-number{margin-top:20px;display:flex;align-items:center;color:var(--color-gray-10)}:host .map-link a,:host .contact-number a{color:#2bad56 !important}:host .ofc-icon{margin-right:1rem}:host .show-full-cta{position:absolute;top:12px;right:12px;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);display:flex;text-decoration:none;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);align-items:center}:host .show-full-cta:hover{text-decoration:underline}:host .show-full-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .show-full-cta span{margin-left:8px}:host .ofc-title{color:var(--color-gray-10);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}";export{r as ptc_office_location_card}