@ptcwebops/ptcw-design 2.6.6 → 2.6.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.
- package/dist/cjs/embedded-form.cjs.entry.js +93 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-form-checkbox_3.cjs.entry.js +10664 -0
- package/dist/cjs/ptc-form.cjs.entry.js +89 -0
- package/dist/cjs/ptc-nav-link.cjs.entry.js +8 -4
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +2 -2
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +7 -3
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +5 -0
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.css +29 -0
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +98 -0
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css +14 -0
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +94 -0
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css +1083 -0
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +209 -0
- package/dist/collection/components/ptc-select/ptc-select.css +6099 -0
- package/dist/collection/components/ptc-select/ptc-select.js +190 -0
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +5 -2
- package/dist/collection/components/ptc-textfield/ptc-textfield.css +3590 -0
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +351 -0
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +2 -1
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +24 -3
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +2 -2
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +8 -2
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +8 -2
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +12 -2
- package/dist/collection/stories/FormCheckbox.stories.js +58 -0
- package/dist/collection/stories/Select.stories.js +61 -0
- package/dist/collection/stories/Textfield.stories.js +82 -0
- package/dist/custom-elements/index.d.ts +31 -1
- package/dist/custom-elements/index.js +14325 -3479
- package/dist/esm/embedded-form.entry.js +89 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-form-checkbox_3.entry.js +10658 -0
- package/dist/esm/ptc-form.entry.js +85 -0
- package/dist/esm/ptc-nav-link.entry.js +9 -5
- package/dist/esm/ptc-nav-slider.entry.js +2 -2
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +7 -3
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-018470e2.entry.js +1 -0
- package/dist/ptcw-design/p-0b1d5c21.entry.js +1 -0
- package/dist/ptcw-design/p-11582f1e.entry.js +359 -0
- package/dist/ptcw-design/p-2fb1e3d3.entry.js +1 -0
- package/dist/ptcw-design/{p-bf47669c.entry.js → p-3fa6d101.entry.js} +1 -1
- package/dist/ptcw-design/p-84090398.entry.js +1 -0
- package/dist/ptcw-design/p-d46fc3a3.entry.js +1 -0
- package/dist/ptcw-design/p-f245f1bd.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +29 -0
- package/dist/types/components/organism-bundles/form/ptc-form/ptc-form.d.ts +25 -0
- package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +20 -0
- package/dist/types/components/ptc-select/ptc-select.d.ts +18 -0
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +27 -0
- package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +6 -1
- package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +1 -0
- package/dist/types/components.d.ts +136 -0
- package/package.json +7 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-110cd4a4.entry.js +0 -1
- package/dist/ptcw-design/p-909d5ec8.entry.js +0 -1
- package/dist/ptcw-design/p-c249785a.entry.js +0 -1
- package/dist/ptcw-design/p-fd6d40c3.entry.js +0 -1
- package/dist/types/global.d.ts +0 -1072
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,g as a}from"./p-ce0e4c5c.js";const s=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"]'),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"]')}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),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:c,howhearselfreport:n,policyChecked:d}=this.formData,m=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==l&&""!==e&&""!==i&&""!==a&&""!==s&&""!==c&&""!=n&&d&&0===m}render(){return e(i,null,e("div",{class:"ptc-container ptc-section-standard flex-adjustments"},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":"policy1"}),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)}};s.style=":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}.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;justify-content:center}";export{s as embedded_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,H as e,g as o}from"./p-ce0e4c5c.js";const i=class{constructor(n){t(this,n),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`}componentDidLoad(){this.updateSlider(void 0);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this))}handledropdownClickEvent(t){const n=t.target.querySelector(".nav-slider").id,e=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),o=document.querySelector(`#${n}`).shadowRoot.querySelector("#prevBtn"),i=document.querySelector(`#${n}`).shadowRoot.querySelector("#nextBtn");let r="ptc-nav-submenu"!=t.target.tagName.toLowerCase();console.log(t.target.tagName),this.updateArrows(e,o,i,r)}updateArrows(t,n,e,o){t.offsetWidth==t.scrollWidth?(n.style.visibility="hidden",e.style.visibility="hidden",o&&(n.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(o&&(n.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",n.style.visibility="visible"):(n.style.visibility="visible",e.style.visibility="visible"):(n.style.visibility="hidden",e.style.visibility="visible")):(n.style.visibility="visible",e.style.visibility="hidden")}updateSlider(t){const n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),o=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t){let n=!t.target.closest(".dropdown-content");this.updateArrows(t.target,e,o,n)}else this.updateArrows(n,e,o,!1)}leftScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft>0&&n.scrollBy(-200,0)}rightScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft+n.offsetWidth<n.scrollWidth&&n.scrollBy(200,0)}render(){return n(e,{class:"nav-slider",id:this.sliderId},n("div",{class:"btn-wrap-left"},n("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this)},n("svg",{width:"
|
|
1
|
+
import{r as t,h as n,H as e,g as o}from"./p-ce0e4c5c.js";const i=class{constructor(n){t(this,n),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`}componentDidLoad(){this.updateSlider(void 0);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this))}handledropdownClickEvent(t){const n=t.target.querySelector(".nav-slider").id,e=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),o=document.querySelector(`#${n}`).shadowRoot.querySelector("#prevBtn"),i=document.querySelector(`#${n}`).shadowRoot.querySelector("#nextBtn");let r="ptc-nav-submenu"!=t.target.tagName.toLowerCase();console.log(t.target.tagName),this.updateArrows(e,o,i,r)}updateArrows(t,n,e,o){t.offsetWidth==t.scrollWidth?(n.style.visibility="hidden",e.style.visibility="hidden",o&&(n.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(o&&(n.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",n.style.visibility="visible"):(n.style.visibility="visible",e.style.visibility="visible"):(n.style.visibility="hidden",e.style.visibility="visible")):(n.style.visibility="visible",e.style.visibility="hidden")}updateSlider(t){const n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),o=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t){let n=!t.target.closest(".dropdown-content");this.updateArrows(t.target,e,o,n)}else this.updateArrows(n,e,o,!1)}leftScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft>0&&n.scrollBy(-200,0)}rightScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft+n.offsetWidth<n.scrollWidth&&n.scrollBy(200,0)}render(){return n(e,{class:"nav-slider",id:this.sliderId},n("div",{class:"btn-wrap-left"},n("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this)},n("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),n("div",{class:"box-wrap"},n("slot",null)),n("div",{class:"btn-wrap-right"},n("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this)},n("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return o(this)}};i.style="@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";export{i as ptc_nav_slider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as o,H as e,g as a}from"./p-ce0e4c5c.js";const s=class{constructor(o){t(this,o),this.navLinkClicked=i(this,"navLinkClicked",7),this.href=void 0,this.isOutsideLink=!1,this.titleText=""}handleClick(t){t.stopPropagation(),this.href&&this.href.startsWith("#")&&(document.querySelector(this.href).scrollIntoView({behavior:"smooth"}),this.navLinkClicked.emit())}componentWillLoad(){const t=this.el.textContent;t.length>32&&(this.titleText=t,this.el.textContent=t.substring(0,32)+"...")}render(){return o(e,null,o("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:t=>{this.handleClick(t)}},o("slot",null),!this.href.startsWith("#")&&o("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},o("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"}))))}get el(){return a(this)}};s.style=':host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:inline-block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}';export{s as ptc_nav_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,H as i,g as n}from"./p-ce0e4c5c.js";const s=class{constructor(o){t(this,o),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let o=e.clientHeight;o>0&&(t.style.top=`${o}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return o(i,{class:"dropdown"},o("span",{class:"back-btn"},o("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back"),o("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&o("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),this.label,this.iconSrc&&o("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),o("div",{class:"submenu-container"},o("div",{class:"submenu-container-lg"},o("slot",null))))}get el(){return n(this)}};s.style=':host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,H as i}from"./p-ce0e4c5c.js";const o=class{constructor(a){t(this,a),this.type="text-copy-with-background",this.backgroundImage=void 0,this.ImageAltText=void 0,this.topSlitBackgroundColor=void 0,this.slitPosition="top-right",this.isBackgroundBlur=!1,this.overlay=!0,this.styles=void 0}render(){const t=this.getCssClassMap(),o=this.getSlitFillColor();return a(i,{class:t},this.styles&&a("style",null,this.styles),a("svg",{xmlns:"http://www.w3.org/2000/svg",class:"tcb-top-slit",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179",style:{fill:o}},a("path",{id:"Path_8770",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"tcb-top-slit-cls-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),this.backgroundImage?a("div",{class:""},a("img",{class:"copy-bg-image",alt:this.ImageAltText,src:this.backgroundImage}),this.isBackgroundBlur&&a("img",{class:"copy-bg-image bg-img-filter",alt:this.ImageAltText,src:this.backgroundImage})):null,this.overlay&&a("div",{class:"copy-bg-overlay-layer"}),a("div",{class:"content-wrap"},"case-studies"==this.type&&a("div",{class:"ptc-container"},a("div",{class:"card-wrap"},a("div",{class:"card-animated-border"}),a("div",{class:"card-content"},a("div",{class:"card-layout"},a("slot",{name:"card-content"}))))),a("slot",null)))}getSlitFillColor(){let t="#fff";if("auto"==this.topSlitBackgroundColor){let a=getComputedStyle(document.body);a&&a.backgroundColor&&(t=a.backgroundColor)}else t=this.topSlitBackgroundColor;return t}getCssClassMap(){return{[this.type]:!0,[this.slitPosition]:!0,"light-links":this.overlay}}};o.style=':host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02) 88px var(--ptc-layout-spacing-02)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:var(--ptc-element-spacing-08)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:"";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:"";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:"";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:"";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}';export{o as ptc_text_copy_with_background}
|