@ptcwebops/ptcw-design 6.3.20 → 6.3.21-beta

package/dist/ptcw-design/p-67c248ec.entry.js

@@ -0,0 +1 @@
+import{r as o,h as a,H as i,g as t}from"./p-ac75c7ad.js";const r=class{constructor(a){o(this,a),this.showModal=!1,this.name=void 0,this.jobTitle=void 0,this.image=void 0,this.linkedin=void 0,this.twitter=void 0,this.isModal=!0}openModal(){this.isModal&&(this.showModal=!0)}componentDidLoad(){let o=this.el.shadowRoot.querySelector("#bio-modal");o&&o.addEventListener("closed",(()=>{this.showModal=!1}))}render(){return a(i,{onClick:()=>{this.openModal()},type:"button",class:this.isModal?"card-with-modal":""},a("div",{class:"bio-card"},a("slot",{name:"seo-content"}),a("div",{class:"bio-card__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),a("div",{class:"bio-card__content"},a("div",null,a("h3",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin",title:"linkedin"},a("style",null,".social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"X",title:"X"},a("style",null,".social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"}))))))),this.isModal&&a("ptc-modal",{id:"bio-modal",show:this.showModal,size:"lg","border-radius":"large","is-bio-modal":!0,fixed:!0},a("div",{class:"modal-wrap"},a("div",{class:"bio-modal-left"},a("div",{class:"bio-modal__image"},a("img",{src:this.image,alt:`${this.name} profile image`})),(this.linkedin||this.twitter)&&a("div",{class:"bio-card__social-links"},this.linkedin&&a("a",{href:this.linkedin,target:"_blank",class:"tw social-icon","aria-label":"linkedin"},a("style",null,".social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient1-in",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("path",{d:"M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z",class:"cls-2","data-name":"Path 8769",transform:"translate(429.342 -128.977)"}))),this.twitter&&a("a",{href:this.twitter,target:"_blank",class:"tw social-icon","aria-label":"twitter"},a("style",null,".social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } "),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"36.794",viewBox:"0 0 32 36.794"},a("defs",null,a("linearGradient",{id:"linear-gradient0-tw",x1:".5",x2:".5",y2:"1",gradientUnits:"objectBoundingBox"},a("stop",{offset:"0","stop-color":"#fff"}),a("stop",{offset:"1","stop-color":"#e5e5e5"}))),a("g",{class:"cls-1","data-name":"Path 4255"},a("path",{d:"M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z",class:"cls-3",transform:"rotate(90 15.998 15.998)"}),a("path",{d:"M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z",class:"cls-4",transform:"rotate(90 15.998 15.998)"})),a("g",{transform:"translate(9.205 13.034) scale(0.13)","data-name":"Group 3004"},a("path",{class:"cls-x-1",d:"M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z",width:"15",height:"15"}),a("rect",{class:"cls-x-2"})))))),a("div",{class:"bio-modal-right"},a("div",{class:"bio-modal-header"},a("h2",{class:"bio-card__name"},this.name),a("p",{class:"bio-card__job-title"},this.jobTitle)),a("div",{class:"bio-modal-description"},a("slot",null))))))}get el(){return t(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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:fit-content;height:100%;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:"";position:absolute;width:100%;height:100%;background-image:url("https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:" ";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}';export{r as ptc_bio_card}

package/dist/ptcw-design/p-71fbb799.entry.js

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

package/dist/ptcw-design/p-75390f63.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as a}from"./p-ac75c7ad.js";const r=class{constructor(t){o(this,t),this.categoryDescription=void 0}render(){return t(a,null,t("div",{class:"category-header"},t("slot",{name:"title"}),t("ptc-spacer",{size:"x-small"}),t("ptc-spacer",{size:"x-small",breakpoint:"x-small"}),t("ptc-para",{"para-margin":"margin-flush","font-size":"small","para-line-h":"line-height-p","font-weight":"w-5","para-z-index":"z-auto","enable-tooltip":!0,"max-lines":"9","tooltip-z-index":"999","tooltip-width":"full-width","seo-compatibility-mode":!0},this.categoryDescription)),t("slot",null))}};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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;padding-bottom:var(--ptc-layout-spacing-03)}:host .category-header{margin-bottom:var(--ptc-layout-spacing-03)}:host .tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){:host .tooltip-box{width:273px}}:host .tooltip-box.hide-tooltip-mobile{display:none !important}@media only screen and (min-width: 768px){:host .tooltip-box.hide-tooltip-mobile{display:block !important}}:host .tooltip-box.full-width{width:100%}:host .tooltip-box::after{content:"";position:absolute}:host .tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}:host .tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}:host .tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){:host .tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){:host .tooltip-box.right{transform:translate(100%, 8px) !important}}}:host .tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.top{top:-8px;transform:translateY(-100%)}:host .tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}:host .tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}:host .tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}:host .tooltip-box.danger a{color:var(--color-hyperlink)}@media (max-width: 768px){:host .hide-tooltip-on-mobile h1,:host .hide-tooltip-on-mobile h2,:host .hide-tooltip-on-mobile h3,:host .hide-tooltip-on-mobile h4,:host .hide-tooltip-on-mobile h5,:host .hide-tooltip-on-mobile h6{-webkit-line-clamp:initial !important}}';export{r as ptc_product_category}

package/dist/ptcw-design/{p-e3b1af2b.entry.js → p-7793babb.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as o}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self",this.hasBeforeHomeIcon=!1,this.trackerId=void 0,this.color=void 0,this.styles=void 0,this.ariaLabel=""}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("li",{id:this.trackerId},this.linkHref?e("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{},""!==this.ariaLabel?{"aria-label":this.ariaLabel}:{},{tabindex:"0"}),e("slot",null)):e("slot",null)))}getCssClassMap(){let t=!1;if(this.hostElement&&this.hostElement.parentElement)try{t=this.hostElement.parentElement.classList.contains("center")&&"PTC-BREADCRUMB"===this.hostElement.parentElement.tagName}catch(t){console.log(t)}return{[this.listType]:!0,"flush-before":!!this.flushBefore,[this.color]:!!this.color,"breadcrumb-center":t,"mf-listen":!0}}get hostElement(){return o(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(.list-primary){display:block}:host(.flush-before) li::before{content:"" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:"/";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb) li a.item-link:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.list-footer) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}';export{r as list_item}
+import{r as t,h as e,H as i,g as o}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self",this.hasBeforeHomeIcon=!1,this.trackerId=void 0,this.color=void 0,this.styles=void 0,this.ariaLabel=""}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("li",{id:this.trackerId},this.linkHref?e("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{},""!==this.ariaLabel?{"aria-label":this.ariaLabel}:{},{tabindex:"0"}),e("slot",null)):e("slot",null)))}getCssClassMap(){let t=!1;if(this.hostElement&&this.hostElement.parentElement)try{t=this.hostElement.parentElement.classList.contains("center")&&"PTC-BREADCRUMB"===this.hostElement.parentElement.tagName}catch(t){console.log(t)}return{[this.listType]:!0,"flush-before":!!this.flushBefore,[this.color]:!!this.color,"breadcrumb-center":t,"mf-listen":!0}}get hostElement(){return o(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(.list-primary){display:block}:host(.flush-before) li::before{content:"" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:"/";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb) li a.item-link:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.list-footer) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}';export{r as list_item}

package/dist/ptcw-design/p-799afee5.entry.js

@@ -0,0 +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),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:n,howhearselfreport:c,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==n&&""!=c&&m&&0===p}render(){return e(a,null,e("div",{class:"ptc-container u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("ptc-title",{"seo-compatibility-mode":!0,"text-align":"left","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false","title-size":"medium"},e("h2",null,"PTC’s PLM application suite combines the power of Windchill, the industry’s #1 PLM software with Thingworx")),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("ptc-para",{"seo-compatibility-mode":!0,"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-densest"},"PTC’s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"","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-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"company-email","label-text":"Company Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"companyemail"}),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 placehoder-li","data-value":""},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Select a country")),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":"Please select a value"},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",{items:[{text:"Item 1",selected:!1,ptcDataEloquaName:"item_1",ptcDataTargetEloquaName:"item_target-1"},{text:"Item 2",selected:!1,ptcDataEloquaName:"item_2",ptcDataTargetEloquaName:"item_target-2"},{text:"Item 3",selected:!1,ptcDataEloquaName:"item_3",ptcDataTargetEloquaName:"item_target-3"}],"is-required":"true"}),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("div",{class:"button-wrapper"},e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Submit"),e("ptc-button",{class:"form-close",color:"ptc-tertiary",type:"button",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Cancel"))))))}get el(){return i(this)}};l.style=":host {\r\n  display: block;\r\n}\r\n\r\n.form-wrapper {\r\n  width: 371px;\r\n  display: flex;\r\n  border-radius: 3px;\r\n  background: #FFF;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0px 32px;\r\n\r\n  @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n    max-width: 360px;\r\n    width: 360px;\r\n  }\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n";export{l as modal_form_example}

package/dist/ptcw-design/p-8038bf31.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as a,g as i}from"./p-ac75c7ad.js";const h=class{constructor(a){t(this,a),this.tabClicked=e(this,"tabClicked",7),this.id=this.generateId(),this.name=void 0,this.tooltip=void 0,this.isSelected=!1,this.maxLength=32,this.tabHeaderText=void 0}handleWindowResize(){this.updateMaxLength(window.innerWidth)}updateMaxLength(t){this.maxLength=t<400?18:t<480?24:32}async getChild(){let t=this,e=new Promise((function(e){e({select:t.select.bind(t),unselect:t.unselect.bind(t),name:t.name,text:t.tabHeaderText,id:t.id})}));return await e}unselect(){this.isSelected=!1}select(){this.isSelected=!0}onClick(){this.tabClicked.emit(this.getChild())}generateId(){return Math.random().toString(36).substring(2,10)}componentDidLoad(){this.updateMaxLength(window.innerWidth),this.el.addEventListener("keydown",(t=>{"Enter"===t.key&&this.onClick()}))}render(){return[a("h2",{class:{"tab-header":!0,"tab-header-selected":this.isSelected},onClick:this.onClick.bind(this)},a("slot",{name:"seo-content"}),a("span",{class:"header-content"},a("span",{class:"text-cont"},this.tabHeaderText)))]}get el(){return i(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}}.tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;width:100%;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:"Raleway";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;padding-bottom:16px;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:"";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}.tab-header:hover{color:var(--color-gray-10)}tab-header:focus-visible{outline:none}tab-header:focus-visible .tab-header{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none}tab-header:focus-visible .tab-header::after{background-color:var(--keyboard-nav-outline)}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}.tab-header ::slotted([slot=seo-content]),.tab-header-selected ::slotted([slot=seo-content]){display:none}';export{h as tab_header}