@ptcwebops/ptcw-design 2.7.8 → 2.7.9

package/dist/ptcw-design/{p-018470e2.entry.js → p-c20538ec.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as a}from"./p-ce0e4c5c.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:i,company:a,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==i&&""!==a&&""!==l&&""!==c&&""!=n&&m&&0===p}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName",name:"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName",name:"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company",name:"company-field"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress",name:"email"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country",name:"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone",name:"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason",name:"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100",name:"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(this)}};l.style=":host{display:block}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}";export{l as ptc_form}
+import{r as t,h as e,H as i,g as a}from"./p-00a1336a.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:i,company:a,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==i&&""!==a&&""!==l&&""!==c&&""!=n&&m&&0===p}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName",name:"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName",name:"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company",name:"company-field"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress",name:"email"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country",name:"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone",name:"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason",name:"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100",name:"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block;}"},"Submit")))))}get el(){return a(this)}};l.style=":host{display:block}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}";export{l as ptc_form}

package/dist/ptcw-design/{p-189c7c5a.entry.js → p-c3e21c68.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,g as o}from"./p-ce0e4c5c.js";const n=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),e=class{constructor(s){t(this,s),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.theme="standard",this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}render(){const{active:t,autoHeight:i,theme:o,headingTag:n}=this;return s(a,{class:{active:t,autoHeight:i}},s("button",{class:{heading:!0,[o]:!0},role:"button",onClick:()=>this.toggle()},s("span",{class:"arrow"},this.hasArrowSlot?s("slot",{name:"arrow"}):s("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},s("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?s("slot",{name:"heading"}):s(n,{class:"heading-text"},this.heading)),s("div",{class:"body-container",ref:t=>this.bodyEl=t},s("div",{class:"body"},s("slot",null))))}get el(){return o(this)}};e.style=":host{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}@media only screen and (min-width: 768px){:host .heading .heading-text{font-size:var(--ptc-font-size-large)}}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}.heading.minimalist .arrow{display:none}.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-large)}}";export{e as ptc_accordion_item}
+import{r as t,c as i,h as a,H as s,g as o}from"./p-00a1336a.js";const n=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),e=class{constructor(a){t(this,a),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.theme="standard",this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}render(){const{active:t,autoHeight:i,theme:o,headingTag:n}=this;return a(s,{class:{active:t,autoHeight:i}},a("button",{class:{heading:!0,[o]:!0},role:"button",onClick:()=>this.toggle()},a("span",{class:"arrow"},this.hasArrowSlot?a("slot",{name:"arrow"}):a("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?a("slot",{name:"heading"}):a(n,{class:"heading-text"},this.heading)),a("div",{class:"body-container",ref:t=>this.bodyEl=t},a("div",{class:"body"},a("slot",null))))}get el(){return o(this)}};e.style=":host{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}@media only screen and (min-width: 768px){:host .heading .heading-text{font-size:var(--ptc-font-size-large)}}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}.heading.minimalist .arrow{display:none}.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-large)}}";export{e as ptc_accordion_item}