@ptcwebops/ptcw-design 3.0.2 → 3.0.3
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 +108 -0
- package/dist/cjs/footer-form.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/ptc-button.cjs.entry.js +52 -0
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +496 -0
- package/dist/cjs/{embedded-form_9.cjs.entry.js → ptc-form-checkbox_3.cjs.entry.js} +12 -804
- package/dist/cjs/ptc-form.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +7 -5
- package/dist/cjs/ptc-quote.cjs.entry.js +3 -2
- package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
- package/dist/cjs/ptc-title.cjs.entry.js +78 -0
- package/dist/cjs/ptc-value-led-card.cjs.entry.js +21 -0
- package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +19 -0
- package/dist/cjs/ptc-value-led-content.cjs.entry.js +19 -0
- package/dist/cjs/ptc-value-led-intro.cjs.entry.js +20 -0
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +2 -2
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +32 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +5 -1
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +1 -1
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +1 -1
- package/dist/collection/components/ptc-button/ptc-button.css +42 -0
- package/dist/collection/components/ptc-button/ptc-button.js +20 -1
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css +6 -1
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +7 -5
- package/dist/collection/components/ptc-quote/ptc-quote.css +28 -0
- package/dist/collection/components/ptc-quote/ptc-quote.js +4 -3
- package/dist/collection/components/ptc-select/ptc-select.js +4 -4
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +12 -16
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.css +36 -0
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js +60 -0
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.css +12 -0
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.js +18 -0
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.css +31 -0
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.js +18 -0
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.css +16 -0
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.js +42 -0
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.css +22 -3
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +1 -1
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +63 -0
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js +97 -0
- package/dist/custom-elements/index.d.ts +30 -6
- package/dist/custom-elements/index.js +131 -568
- package/dist/esm/embedded-form.entry.js +104 -0
- package/dist/esm/footer-form.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/max-width-container.entry.js +50 -0
- package/dist/esm/ptc-button.entry.js +48 -0
- package/dist/esm/ptc-data-lookup.entry.js +492 -0
- package/dist/esm/{embedded-form_9.entry.js → ptc-form-checkbox_3.entry.js} +14 -800
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +7 -5
- package/dist/esm/ptc-quote.entry.js +3 -2
- package/dist/esm/ptc-spacer.entry.js +34 -0
- package/dist/esm/ptc-title.entry.js +74 -0
- package/dist/esm/ptc-value-led-card.entry.js +17 -0
- package/dist/esm/ptc-value-led-content-highlight.entry.js +15 -0
- package/dist/esm/ptc-value-led-content.entry.js +15 -0
- package/dist/esm/ptc-value-led-intro.entry.js +16 -0
- package/dist/esm/ptc-value-led-layout.entry.js +2 -2
- package/dist/esm/ptc-value-led-speed-bump.entry.js +28 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-036234e7.entry.js +1 -0
- package/dist/ptcw-design/{p-ed2cc9da.entry.js → p-08ed517e.entry.js} +1 -1
- package/dist/ptcw-design/p-137ddeeb.entry.js +1 -0
- package/dist/ptcw-design/p-18dfffd3.entry.js +359 -0
- package/dist/ptcw-design/p-236073e1.entry.js +1 -0
- package/dist/ptcw-design/p-2e4af711.entry.js +1 -0
- package/dist/ptcw-design/p-33c054ff.entry.js +1 -0
- package/dist/ptcw-design/{p-f00b4b73.entry.js → p-3ca391ab.entry.js} +1 -1
- package/dist/ptcw-design/p-3faffecb.entry.js +1 -0
- package/dist/ptcw-design/p-49f06645.entry.js +1 -0
- package/dist/ptcw-design/p-641bd525.entry.js +1 -0
- package/dist/ptcw-design/p-752f779c.entry.js +1 -0
- package/dist/ptcw-design/p-7aa6b7e5.entry.js +1 -0
- package/dist/ptcw-design/p-7c079ff8.entry.js +1 -0
- package/dist/ptcw-design/p-92bbd407.entry.js +1 -0
- package/dist/ptcw-design/p-9a36f7a3.entry.js +1 -0
- package/dist/ptcw-design/p-d2c400e2.entry.js +1 -0
- package/dist/ptcw-design/p-f1c77113.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-button/ptc-button.d.ts +4 -0
- package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +2 -0
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +1 -1
- package/dist/types/components/ptc-select/ptc-select.d.ts +1 -1
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +1 -1
- package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts +5 -0
- package/dist/types/components/ptc-value-led-content/ptc-value-led-content.d.ts +3 -0
- package/dist/types/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.d.ts +3 -0
- package/dist/types/components/ptc-value-led-intro/ptc-value-led-intro.d.ts +4 -0
- package/dist/types/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.d.ts +10 -0
- package/dist/types/components.d.ts +91 -75
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-pricing-table.cjs.entry.js +0 -536
- package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.css +0 -278
- package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.js +0 -680
- package/dist/esm/ptc-pricing-table.entry.js +0 -532
- package/dist/ptcw-design/p-220f86c0.entry.js +0 -1
- package/dist/ptcw-design/p-4a865061.entry.js +0 -1
- package/dist/ptcw-design/p-b0b4ebd6.entry.js +0 -359
- package/dist/ptcw-design/p-c20538ec.entry.js +0 -1
- package/dist/ptcw-design/p-f2621425.entry.js +0 -1
- package/dist/ptcw-design/p-f29c71fe.entry.js +0 -1
- package/dist/types/components/ptc-pricing-table/ptc-pricing-table.d.ts +0 -110
- package/dist/types/utils/eloqua.d.ts +0 -8
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,H as i,g as l}from"./p-00a1336a.js";const o=class{constructor(a){t(this,a),this.sidebarData=[],this.dropFlag=!1,this.topBackgroundImage=void 0,this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<992,this.isMobile||this.setActiveItem()}handleScroll(){this.setActiveItem()}componentWillLoad(){this.getSidebarList(),this.isMobile=window.innerWidth<992}componentDidLoad(){this.isMobile||this.setActiveItem()}getSidebarList(){document.querySelectorAll(".vl-content-item").forEach((t=>{let a=t.getAttribute("comp-title"),i=t.getAttribute("id");this.sidebarData.push({title:a,ref:i})}))}setActiveItem(){const t=window.scrollY||window.pageYOffset;let a=this.isMobile?85:5;t>=149?this.sidebarData.forEach(((i,l)=>{const o=document.getElementById(i.ref);o&&o.offsetTop<=t+a&&this.updateActiveItem(l)})):this.updateActiveItem(0)}updateActiveItem(t){const a=this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${t+1})`),i=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");i&&i.classList.remove("active"),a&&a.classList.add("active");const l=this.hostElement.shadowRoot.querySelector(".mobile-select");l&&(l.selectedIndex=t)}handleSelectChange(t){const a=document.getElementById(this.sidebarData[t.target.selectedIndex].ref);a&&(a.scrollIntoView({behavior:"smooth"}),window.scrollTo(0,a.offsetTop-75))}render(){return a(i,null,a("div",{class:"top-image",style:{backgroundImage:`url(${this.topBackgroundImage})`}}),a("div",{class:"ptc-container"},a("div",{class:"pdf-slot-wrapper"},a("slot",{name:"pdf-slot"})),a("div",{class:"vl-layout-wrap"},this.sidebarData.length>0&&!this.isMobile&&a("div",{class:"vl-sidebar"},a("div",{class:"vl-list-wrap"},a("ul",null,this.sidebarData.map((t=>a("li",null,a("a",{href:"#"+t.ref},t.title))))))),a("div",{class:"vl-content-wrap"},this.isMobile&&a("select",{class:"mobile-select",onChange:t=>this.handleSelectChange(t)},this.sidebarData.map((t=>a("option",{value:t.title}," ",t.title)))),a("div",{class:"vl-content-slot-wrap"},a("slot",null))))))}get hostElement(){return l(this)}};o.style='.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box}:host .top-image{background-color:rgba(0, 0, 0, 0.8);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:1rem 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:64px;width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-04)}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;max-height:calc(100vh - 200px);background-color:#fff;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden}}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:12px 32px;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:"";display:block;width:2px;height:calc(100% - 24px);background-color:transparent;position:absolute;left:24px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{font-weight:700}:host .vl-layout-wrap .vl-list-wrap ul li a:hover::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:700}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:#fff}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 32px 32px 32px;background-color:#fff;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{font-size:18px;font-weight:700;line-height:1.5;position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M2 2.30469L6.94975 7.60799L11.8995 2.30469" stroke="%2300890B" stroke-width="3" stroke-linecap="round"/></svg>\');background-repeat:no-repeat;border-radius:4px 4px 0px 0px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);padding:24px 48px 24px 24px;border:none;width:calc(100% + 64px);margin-left:-32px;background-position:calc(100% - 24px) 50%}';export{o as ptc_value_led_layout}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as o}from"./p-00a1336a.js";const i=class{constructor(e){t(this,e),this.quoteType="image-quote",this.quoteName="John Smith",this.ctaText=void 0,this.ctaUrl=void 0,this.imgSrc=void 0,this.imgTitle=void 0}getImageTitle(){return e("div",{class:"our-leadership"},e("div",{class:"line"},e("div",{class:"green-line"}),e("div",{class:"grey-line"})),e("p",null,this.imgTitle))}render(){const t=this.getCssClassMap();return e(o,{class:t},this.imgSrc?e("div",{class:"quote-media"},this.imgSrc?e("img",{src:this.imgSrc,alt:this.imgTitle?this.imgTitle:"quote Image"}):null,this.imgTitle?this.getImageTitle():null):null,e("div",{class:"quote-content"},"image-quote"==this.quoteType?e("div",{class:"quotemarks",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.12 32.76"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#cac8c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><g class="cls-1"><path class="cls-2" d="M24,0,18,15.12h5.4L19.68,32.76H0l3.72-18L11.4,0ZM48.12,0l-6,15.12h5.4L43.8,32.76H24.12l3.72-18L35.52,0Z"/></g></g></g></g></svg>'}):null,e("blockquote",null,e("p",null,e("slot",null)),e("span",{class:"quote-name"},this.quoteName?this.quoteName:null),this.ctaText&&this.ctaUrl?e("ptc-button",{type:"link",color:"ptc-secondary","link-href":this.ctaUrl},this.ctaText):null)))}getCssClassMap(){return{[this.quoteType]:!0}}};i.style=":host{display:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}";export{i as ptc_quote}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
export declare class PtcPricingTable {
|
|
2
|
-
/**
|
|
3
|
-
* Pricing Table Element
|
|
4
|
-
*/
|
|
5
|
-
el: HTMLElement;
|
|
6
|
-
/**
|
|
7
|
-
* [True/False] If the page containing this table has a sticky sub-nav
|
|
8
|
-
*/
|
|
9
|
-
pageWithSubnav?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Table title (H2)
|
|
12
|
-
*/
|
|
13
|
-
tableTitle?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Table title (H3)
|
|
16
|
-
*/
|
|
17
|
-
tableSubTitle?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Table description
|
|
20
|
-
*/
|
|
21
|
-
tableDescription?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Number of data rows in the table
|
|
24
|
-
*/
|
|
25
|
-
dataRows?: number;
|
|
26
|
-
/**
|
|
27
|
-
* Number of data columns in the table
|
|
28
|
-
*/
|
|
29
|
-
dataCols?: number;
|
|
30
|
-
/**
|
|
31
|
-
* Number of disclaimers below the table
|
|
32
|
-
*/
|
|
33
|
-
disclaimerCount?: number;
|
|
34
|
-
scrollTopClipperHeight: string;
|
|
35
|
-
desktopHeaderFirstCellWidth: number;
|
|
36
|
-
targetElements: object;
|
|
37
|
-
columnHeaderLinks: {
|
|
38
|
-
linkHref: string;
|
|
39
|
-
linkText: string;
|
|
40
|
-
}[];
|
|
41
|
-
lastScrollTop: number;
|
|
42
|
-
scrollTimeInterval: number;
|
|
43
|
-
scrollAmount: number;
|
|
44
|
-
scrollLimit: number;
|
|
45
|
-
mobileHeaderRowColSpan?: number;
|
|
46
|
-
showCtaButtonsRow: boolean;
|
|
47
|
-
ctaButtons: {
|
|
48
|
-
linkHref: string;
|
|
49
|
-
linkText: string;
|
|
50
|
-
}[];
|
|
51
|
-
disclaimers: string[];
|
|
52
|
-
scrollTopClipperHeightOptions: {
|
|
53
|
-
withSubNav: {
|
|
54
|
-
desktop: string;
|
|
55
|
-
mobile: string;
|
|
56
|
-
};
|
|
57
|
-
withoutSubNav: {
|
|
58
|
-
desktop: string;
|
|
59
|
-
mobile: string;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
getTargetElements(): {
|
|
63
|
-
"vertical-scroll-content-clipper": HTMLElement;
|
|
64
|
-
"pricing-table": ShadowRoot;
|
|
65
|
-
"table-container": HTMLElement;
|
|
66
|
-
table: HTMLElement;
|
|
67
|
-
"table-header": HTMLElement;
|
|
68
|
-
"desktop-header-first-cell": HTMLElement;
|
|
69
|
-
"table-header-cells": NodeListOf<HTMLElement>;
|
|
70
|
-
"desktop-table-body": HTMLElement;
|
|
71
|
-
"mobile-table-body": HTMLElement;
|
|
72
|
-
"sticky-header-container": HTMLElement;
|
|
73
|
-
"sticky-header-cells": NodeListOf<HTMLElement>;
|
|
74
|
-
"vertical-scroll-box-shadow": HTMLElement;
|
|
75
|
-
"table-filler-sticky-header-cell": HTMLElement;
|
|
76
|
-
"table-filler-header-cell": HTMLElement;
|
|
77
|
-
"table-filler-body-cells": NodeListOf<HTMLElement>;
|
|
78
|
-
"table-filler-button-cell": HTMLElement;
|
|
79
|
-
"mobile-table-row-headers": NodeListOf<HTMLElement>;
|
|
80
|
-
"normal-scroll-buttons-container": HTMLElement;
|
|
81
|
-
"sticky-scroll-buttons-container": HTMLElement;
|
|
82
|
-
"normal-previous-scroll-button": HTMLElement;
|
|
83
|
-
"normal-previous-scroll-button-text": HTMLElement;
|
|
84
|
-
"sticky-previous-scroll-button": HTMLElement;
|
|
85
|
-
"sticky-previous-scroll-button-text": HTMLElement;
|
|
86
|
-
"normal-next-scroll-button": HTMLElement;
|
|
87
|
-
"normal-next-scroll-button-text": HTMLElement;
|
|
88
|
-
"sticky-next-scroll-button": HTMLElement;
|
|
89
|
-
"sticky-next-scroll-button-text": HTMLElement;
|
|
90
|
-
"horizontal-scroll-box-shadow": HTMLElement;
|
|
91
|
-
};
|
|
92
|
-
configureScrollButtonsContainers(): void;
|
|
93
|
-
configureStickyHeader(): void;
|
|
94
|
-
configureTableFillerCells(): void;
|
|
95
|
-
verticalEdgePixelComparator: (edge1: number, edge2: number) => 1 | -1 | 0;
|
|
96
|
-
handleHorizontalScroll: () => void;
|
|
97
|
-
handleStickyHeaderHorizontalScroll(): void;
|
|
98
|
-
handleScrollForwardHover(): void;
|
|
99
|
-
handleScrollForwardHoverOut(): void;
|
|
100
|
-
handleScrollForward(): void;
|
|
101
|
-
handleScrollBackwardHover(): void;
|
|
102
|
-
handleScrollBackwardHoverOut(): void;
|
|
103
|
-
handleScrollBackward(): void;
|
|
104
|
-
handleVerticalScroll: () => void;
|
|
105
|
-
handleResize: () => void;
|
|
106
|
-
componentWillLoad(): void;
|
|
107
|
-
componentDidLoad(): void;
|
|
108
|
-
disconnectedCallback(): void;
|
|
109
|
-
render(): any;
|
|
110
|
-
}
|