@ptcwebops/ptcw-design 5.8.6 → 5.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/cjs/blog-detail-content_21.cjs.entry.js +5 -5
  2. package/dist/cjs/embedded-form.cjs.entry.js +1 -1
  3. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  4. package/dist/cjs/ptc-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/ptc-card_2.cjs.entry.js +1 -1
  6. package/dist/cjs/ptc-filter-tag_2.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-form-checkbox_2.cjs.entry.js +209 -81
  8. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +2 -2
  9. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  10. package/dist/collection/components/icon-asset/icon-asset.css +2 -2
  11. package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.css +1 -1
  12. package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.css +1 -1
  13. package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
  14. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.css +3 -3
  15. package/dist/collection/components/ptc-accordion/ptc-accordion.css +2 -2
  16. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.css +1 -1
  17. package/dist/collection/components/ptc-card/ptc-card.css +1 -1
  18. package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css +12 -7
  19. package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +24 -5
  20. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +2 -2
  21. package/dist/collection/components/ptc-multi-select/ptc-multi-select.js +1 -1
  22. package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +1 -1
  23. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +2 -2
  24. package/dist/collection/components/ptc-select/ptc-select.js +1 -1
  25. package/dist/collection/components/ptc-textfield/ptc-textfield.css +51 -34
  26. package/dist/custom-elements/index.js +222 -94
  27. package/dist/esm/blog-detail-content_21.entry.js +5 -5
  28. package/dist/esm/embedded-form.entry.js +1 -1
  29. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  30. package/dist/esm/ptc-accordion.entry.js +1 -1
  31. package/dist/esm/ptc-card_2.entry.js +1 -1
  32. package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
  33. package/dist/esm/ptc-form-checkbox_2.entry.js +209 -81
  34. package/dist/esm/ptc-multi-select_2.entry.js +2 -2
  35. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  36. package/dist/ptcw-design/{p-20c01caa.entry.js → p-00980d4d.entry.js} +1 -1
  37. package/dist/ptcw-design/p-1c92225c.entry.js +1 -0
  38. package/dist/ptcw-design/p-3dae22b8.entry.js +1 -0
  39. package/dist/ptcw-design/p-4ea01422.entry.js +1 -0
  40. package/dist/ptcw-design/{p-002bb987.entry.js → p-5946d7c9.entry.js} +1 -1
  41. package/dist/ptcw-design/{p-27ef9182.entry.js → p-8c692bd6.entry.js} +1 -1
  42. package/dist/ptcw-design/p-cfd07b95.entry.js +68 -0
  43. package/dist/ptcw-design/{p-f50d75f2.entry.js → p-ebb04883.entry.js} +1 -1
  44. package/dist/ptcw-design/{p-657ecf13.entry.js → p-fc51fc29.entry.js} +1 -1
  45. package/dist/ptcw-design/ptcw-design.css +1 -1
  46. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  47. package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +7 -4
  48. package/package.json +1 -1
  49. package/readme.md +1 -1
  50. package/dist/ptcw-design/p-0fb1aea5.entry.js +0 -1
  51. package/dist/ptcw-design/p-1ed632b2.entry.js +0 -1
  52. package/dist/ptcw-design/p-40e095bf.entry.js +0 -68
  53. package/dist/ptcw-design/p-9a9d5b49.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as i,H as s,g as n}from"./p-ac75c7ad.js";const e=class{constructor(i){t(this,i),this.multiple=!1,this.theme="standard",this.isParent=!1,this.expandText="Expand All",this.collapseText="Collapse All",this.trackerId=void 0}componentWillLoad(){this.items=this.el.querySelectorAll("ptc-accordion-item"),this.items.forEach((t=>{t.setAttribute("theme",this.theme)})),this.multiple||(this.activeItem=this.el.querySelector(":scope > ptc-accordion-item[active]"),this.activeItem&&this.activeItem.open(),this.closeNonActive()),this.el.classList.contains("parent-accordion")&&(this.isParent=!0)}openHandler(t){t.stopPropagation(),this.multiple||(this.activeItem=t.target,this.closeNonActive())}closeNonActive(){this.items.forEach((t=>{t.isEqualNode(this.activeItem)||t.close()}))}expandAllItems(){this.items.forEach((t=>{t.open()}))}closeAllItems(){this.items.forEach((t=>{t.close()}))}render(){return i(s,{class:this.isParent&&this.multiple?"acc-parent-border":""},this.isParent&&this.multiple&&i("div",{class:"sort-btn-wrap focus-status",id:this.trackerId},i("button",{onClick:()=>{this.expandAllItems()}}," ",i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M5.20045 3.07063C5.60047 2.53809 6.39952 2.53809 6.79955 3.07063L10.7977 8.39312C11.2928 9.05226 10.8225 9.99373 9.99812 9.99373H2.00188C1.17749 9.99373 0.707199 9.05227 1.20233 8.39313L5.20045 3.07063Z"\n fill="#00890B" />\n <path\n d="M10.8764 15.2994C11.3414 14.6367 10.8674 13.725 10.0578 13.725H1.91996C1.11108 13.725 0.636893 14.6354 1.10056 15.2982L5.16313 21.1055C5.56085 21.674 6.40253 21.6746 6.80109 21.1067L10.8764 15.2994Z"\n fill="#00890B" />\n</svg>\n'}),this.expandText),i("button",{onClick:()=>{this.closeAllItems()}},i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M10.8764 4.2994C11.3414 3.63673 10.8674 2.72498 10.0578 2.72498H1.91996C1.11108 2.72498 0.636893 3.63539 1.10056 4.2982L5.16313 10.1055C5.56085 10.674 6.40253 10.6746 6.80109 10.1067L10.8764 4.2994Z"\n fill="#00890B" />\n <path\n d="M5.20045 14.0706C5.60047 13.5381 6.39952 13.5381 6.79955 14.0706L10.7977 19.3931C11.2928 20.0523 10.8225 20.9937 9.99812 20.9937H2.00188C1.17749 20.9937 0.707199 20.0523 1.20233 19.3931L5.20045 14.0706Z"\n fill="#00890B" />\n</svg>\n'}),this.collapseText)),i("slot",null))}get el(){return n(this)}};e.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{--ptc-accordion-item-body-max-height:100vh}:host .sort-btn-wrap{display:flex;align-items:center;justify-content:flex-start;margin:12px 0}@media only screen and (min-width: 992px){:host .sort-btn-wrap{justify-content:flex-end}}:host .sort-btn-wrap button{padding:10px;font-size:16px;font-weight:500;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);color:var(--color-gray-10)}:host .sort-btn-wrap button:hover{background-color:var(--color-gray-02);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);}:host .sort-btn-wrap button:active{background-color:var(--color-gray-03);transition:none}:host .sort-btn-wrap button span{display:flex;margin-right:8px;align-items:center}:host .sort-btn-wrap button:first-child{margin-right:8px}:host .focus-status:focus,:host .focus-status:focus-visible{outline:5px solid blue !important;border-radius:var(--ptc-border-radius-standard) !important}:host(.acc-parent-border) ::slotted(ptc-accordion-item:first-child){border-top:1px solid var(--color-gray-03)}";export{e as ptc_accordion}
1
+ import{r as t,h as i,H as n,g as s}from"./p-ac75c7ad.js";const e=class{constructor(i){t(this,i),this.multiple=!1,this.theme="standard",this.isParent=!1,this.expandText="Expand All",this.collapseText="Collapse All",this.trackerId=void 0}componentWillLoad(){this.items=this.el.querySelectorAll("ptc-accordion-item"),this.items.forEach((t=>{t.setAttribute("theme",this.theme)})),this.multiple||(this.activeItem=this.el.querySelector(":scope > ptc-accordion-item[active]"),this.activeItem&&this.activeItem.open(),this.closeNonActive()),this.el.classList.contains("parent-accordion")&&(this.isParent=!0)}openHandler(t){t.stopPropagation(),this.multiple||(this.activeItem=t.target,this.closeNonActive())}closeNonActive(){this.items.forEach((t=>{t.isEqualNode(this.activeItem)||t.close()}))}expandAllItems(){this.items.forEach((t=>{t.open()}))}closeAllItems(){this.items.forEach((t=>{t.close()}))}render(){return i(n,{class:this.isParent&&this.multiple?"acc-parent-border":""},this.isParent&&this.multiple&&i("div",{class:"sort-btn-wrap focus-status",id:this.trackerId},i("button",{onClick:()=>{this.expandAllItems()}}," ",i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M5.20045 3.07063C5.60047 2.53809 6.39952 2.53809 6.79955 3.07063L10.7977 8.39312C11.2928 9.05226 10.8225 9.99373 9.99812 9.99373H2.00188C1.17749 9.99373 0.707199 9.05227 1.20233 8.39313L5.20045 3.07063Z"\n fill="#00890B" />\n <path\n d="M10.8764 15.2994C11.3414 14.6367 10.8674 13.725 10.0578 13.725H1.91996C1.11108 13.725 0.636893 14.6354 1.10056 15.2982L5.16313 21.1055C5.56085 21.674 6.40253 21.6746 6.80109 21.1067L10.8764 15.2994Z"\n fill="#00890B" />\n</svg>\n'}),this.expandText),i("button",{onClick:()=>{this.closeAllItems()}},i("span",{innerHTML:'<svg width="12" height="24" viewBox="0 0 12 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M10.8764 4.2994C11.3414 3.63673 10.8674 2.72498 10.0578 2.72498H1.91996C1.11108 2.72498 0.636893 3.63539 1.10056 4.2982L5.16313 10.1055C5.56085 10.674 6.40253 10.6746 6.80109 10.1067L10.8764 4.2994Z"\n fill="#00890B" />\n <path\n d="M5.20045 14.0706C5.60047 13.5381 6.39952 13.5381 6.79955 14.0706L10.7977 19.3931C11.2928 20.0523 10.8225 20.9937 9.99812 20.9937H2.00188C1.17749 20.9937 0.707199 20.0523 1.20233 19.3931L5.20045 14.0706Z"\n fill="#00890B" />\n</svg>\n'}),this.collapseText)),i("slot",null))}get el(){return s(this)}};e.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{--ptc-accordion-item-body-max-height:100vh}:host .sort-btn-wrap{display:flex;align-items:center;justify-content:flex-start;margin:12px 0}@media only screen and (min-width: 992px){:host .sort-btn-wrap{justify-content:flex-end}}:host .sort-btn-wrap button{padding:10px;font-size:16px;font-weight:500;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);color:var(--color-gray-10)}:host .sort-btn-wrap button:hover{background-color:var(--color-gray-02);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);}:host .sort-btn-wrap button:active{background-color:var(--color-gray-03);transition:none}:host .sort-btn-wrap button span{display:flex;margin-right:8px;align-items:center}:host .sort-btn-wrap button:first-child{margin-right:8px}:host .focus-status button:focus,:host .focus-status button:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host(.acc-parent-border) ::slotted(ptc-accordion-item:first-child){border-top:1px solid var(--color-gray-03)}";export{e as ptc_accordion}
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1},this.isSubmitted=!1}componentDidLoad(){this.onDataLookup(),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"]'),this.countryEle=this.el.querySelector('ptc-select[field-id="contact-country"]'),this.inquiryreasonEle=this.el.querySelector('ptc-select[field-id="contact-inquiry"]'),this.howhearselfreport=this.el.querySelector('ptc-textfield[field-id="self-reporting"]'),this.policy1=this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]')}onDataLookup(){const t=this.el.closest("ptc-data-lookup");t?(console.log("Perform Data Lookup..."),t.performDataLookup()):console.log("No Data Lookup...")}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.formData.country=this.countryEle.selectedValue,this.formData.inquiryReason=this.inquiryreasonEle.selectedValue,this.formData.howhearselfreport=this.howhearselfreport.inputValue,this.formData.policyChecked=this.policy1.isChecked,this.formData.policyChecked)if(this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),this.isSubmitted=!0,console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone,this.formData.country,this.formData.inquiryReason,this.formData.howhearselfreport,this.formData.policyChecked)}else console.log("Form validation failed");else this.policy1.validateCheckbox(),console.log("Warning: Checkbox is not checked. This field is required")}isValid(){const{email:t,firstName:e,lastName:i,company:a,country:s,phone:l,inquiryReason:n,howhearselfreport:c,policyChecked:o}=this.formData,d=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==l&&""!==e&&""!==i&&""!==a&&""!==s&&""!==n&&""!=c&&o&&0===d}render(){const t=this.isSubmitted?"ptc-form-roll-up":"";return e(i,null,e("div",{class:"ptc-container ptc-section-standard flex-adjustments"},e("div",{class:"form-wrapper ptc-embedded-form"},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),class:t},e("div",{id:"not-me-link-id"}),e("div",{id:"not-me-additional-top",class:"not-me-additional-text"}),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","info-text":"Please include @ in the email address"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country","default-value":"USA"},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","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","info-text":"info text example."},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-multi-select",null),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-textfield",{type:"hidden","ptc-data-eloqua-name":"test","input-value":"test"}),e("ptc-form-checkbox",{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.","checkbox-id":"policy1"}),e("div",{id:"not-me-additional-bottom",class:"not-me-additional-text"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}"},"Submit")))))}get el(){return a(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";export{s as embedded_form}
1
+ import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1},this.isSubmitted=!1}componentDidLoad(){this.onDataLookup(),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"]'),this.countryEle=this.el.querySelector('ptc-select[field-id="contact-country"]'),this.inquiryreasonEle=this.el.querySelector('ptc-select[field-id="contact-inquiry"]'),this.howhearselfreport=this.el.querySelector('ptc-textfield[field-id="self-reporting"]'),this.policy1=this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]')}onDataLookup(){const t=this.el.closest("ptc-data-lookup");t?(console.log("Perform Data Lookup..."),t.performDataLookup()):console.log("No Data Lookup...")}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.formData.country=this.countryEle.selectedValue,this.formData.inquiryReason=this.inquiryreasonEle.selectedValue,this.formData.howhearselfreport=this.howhearselfreport.inputValue,this.formData.policyChecked=this.policy1.isChecked,this.formData.policyChecked)if(this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),this.isSubmitted=!0,console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone,this.formData.country,this.formData.inquiryReason,this.formData.howhearselfreport,this.formData.policyChecked)}else console.log("Form validation failed");else this.policy1.validateCheckbox(),console.log("Warning: Checkbox is not checked. This field is required")}isValid(){const{email:t,firstName:e,lastName:i,company:a,country:s,phone:l,inquiryReason:n,howhearselfreport:c,policyChecked:o}=this.formData,d=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==l&&""!==e&&""!==i&&""!==a&&""!==s&&""!==n&&""!=c&&o&&0===d}render(){const t=this.isSubmitted?"ptc-form-roll-up":"";return e(i,null,e("div",{class:"ptc-container ptc-section-standard flex-adjustments"},e("div",{class:"form-wrapper ptc-embedded-form"},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),class:t},e("div",{id:"not-me-link-id"}),e("div",{id:"not-me-additional-top",class:"not-me-additional-text"}),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","info-text":"Please include @ in the email address"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country","default-value":"USA"},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","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","info-text":"info text example."},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-multi-select",null),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-textfield",{type:"hidden","ptc-data-eloqua-name":"test","input-value":"test"}),e("ptc-form-checkbox",{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.","checkbox-id":"policy1"}),e("div",{id:"not-me-additional-bottom",class:"not-me-additional-text"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}"},"Submit")))))}get el(){return a(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";export{s as embedded_form}