@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
|
@@ -475,7 +475,7 @@ const EmbeddedForm$1 = class extends HTMLElement$1 {
|
|
|
475
475
|
}
|
|
476
476
|
render() {
|
|
477
477
|
const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
|
|
478
|
-
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, h$1("div", { class: "form-wrapper ptc-embedded-form" }, h$1("max-width-container", { "max-width": "277", breakpoint: 480 }, h$1("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."), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" })), h$1("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, h$1("div", { id: "not-me-link-id" }), h$1("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), h$1("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", name: "firstname" }), h$1("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", name: "lastname" }), h$1("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", name: "company
|
|
478
|
+
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, h$1("div", { class: "form-wrapper ptc-embedded-form" }, h$1("max-width-container", { "max-width": "277", breakpoint: 480 }, h$1("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."), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" })), h$1("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, h$1("div", { id: "not-me-link-id" }), h$1("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), h$1("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h$1("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h$1("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h$1("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h$1("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h$1("ul", { class: "mdc-list" }, h$1("li", { class: "mdc-list-item", "data-value": "" }, h$1("span", { class: "mdc-list-item__ripple" })), h$1("li", { class: "mdc-list-item", "data-value": "USA" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "USA")), h$1("li", { class: "mdc-list-item", "data-value": "Canada" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Canada")), h$1("li", { class: "mdc-list-item", "data-value": "China" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "China")))), h$1("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h$1("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h$1("ul", { class: "mdc-list" }, h$1("li", { class: "mdc-list-item", "data-value": "" }, h$1("span", { class: "mdc-list-item__ripple" })), h$1("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h$1("li", { class: "mdc-list-item", "data-value": "CAD" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h$1("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), h$1("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" }), h$1("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), h$1("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "policy1" }), h$1("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), h$1("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 40px; display:block; text-align:right;}" }, "Submit"))))));
|
|
479
479
|
}
|
|
480
480
|
get el() { return this; }
|
|
481
481
|
static get style() { return embeddedFormCss; }
|
|
@@ -692,7 +692,7 @@ const FooterForm$1 = class extends HTMLElement$1 {
|
|
|
692
692
|
return email !== '' && policyChecked && invalidLength === 0;
|
|
693
693
|
}
|
|
694
694
|
render() {
|
|
695
|
-
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h$1("div", { class: "form-wrapper" }, h$1("form", { onSubmit: event => this.handleSubmit(event) }, h$1("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", name: "email" }), h$1("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h$1("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
|
|
695
|
+
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h$1("div", { class: "form-wrapper" }, h$1("form", { onSubmit: event => this.handleSubmit(event) }, h$1("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h$1("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h$1("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
|
|
696
696
|
}
|
|
697
697
|
get el() { return this; }
|
|
698
698
|
static get style() { return footerFormCss; }
|
|
@@ -1402,7 +1402,7 @@ const PtcBrightcovVideo$1 = class extends HTMLElement$1 {
|
|
|
1402
1402
|
static get style() { return ptcBrightcovVideoCss; }
|
|
1403
1403
|
};
|
|
1404
1404
|
|
|
1405
|
-
const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";
|
|
1405
|
+
const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";
|
|
1406
1406
|
|
|
1407
1407
|
const PtcButton$1 = class extends HTMLElement$1 {
|
|
1408
1408
|
constructor() {
|
|
@@ -1423,6 +1423,7 @@ const PtcButton$1 = class extends HTMLElement$1 {
|
|
|
1423
1423
|
this.tabNav = 0;
|
|
1424
1424
|
this.styles = undefined;
|
|
1425
1425
|
this.textAlign = undefined;
|
|
1426
|
+
this.size = undefined;
|
|
1426
1427
|
}
|
|
1427
1428
|
clickEventHandler() {
|
|
1428
1429
|
this.clickEvent.emit();
|
|
@@ -1441,7 +1442,8 @@ const PtcButton$1 = class extends HTMLElement$1 {
|
|
|
1441
1442
|
[this.iconPosition]: true,
|
|
1442
1443
|
['disabled']: this.disabled ? true : false,
|
|
1443
1444
|
['active']: this.active ? true : false,
|
|
1444
|
-
[this.textAlign]: true
|
|
1445
|
+
[this.textAlign]: true,
|
|
1446
|
+
[this.size]: true
|
|
1445
1447
|
};
|
|
1446
1448
|
}
|
|
1447
1449
|
static get style() { return ptcButtonCss; }
|
|
@@ -9251,7 +9253,7 @@ const PtcForm$1 = class extends HTMLElement$1 {
|
|
|
9251
9253
|
invalidLength === 0);
|
|
9252
9254
|
}
|
|
9253
9255
|
render() {
|
|
9254
|
-
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h$1("div", { class: "form-wrapper" }, h$1("max-width-container", { "max-width": "277", breakpoint: 480 }, h$1("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."), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" })), h$1("form", { onSubmit: event => this.handleSubmit(event) }, h$1("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", name: "firstname" }), h$1("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", name: "lastname" }), h$1("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", name: "company
|
|
9256
|
+
return (h$1(Host, null, h$1("div", { class: "ptc-container ptc-section-standard u-flex u-flex-justify-center" }, h$1("div", { class: "form-wrapper" }, h$1("max-width-container", { "max-width": "277", breakpoint: 480 }, h$1("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."), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "small", size: "small" })), h$1("form", { onSubmit: event => this.handleSubmit(event) }, h$1("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h$1("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h$1("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h$1("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h$1("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h$1("ul", { class: "mdc-list" }, h$1("li", { class: "mdc-list-item", "data-value": "" }, h$1("span", { class: "mdc-list-item__ripple" })), h$1("li", { class: "mdc-list-item", "data-value": "USA" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "USA")), h$1("li", { class: "mdc-list-item", "data-value": "Canada" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Canada")), h$1("li", { class: "mdc-list-item", "data-value": "China" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "China")))), h$1("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h$1("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h$1("ul", { class: "mdc-list" }, h$1("li", { class: "mdc-list-item", "data-value": "" }, h$1("span", { class: "mdc-list-item__ripple" })), h$1("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h$1("li", { class: "mdc-list-item", "data-value": "CAD" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h$1("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h$1("span", { class: "mdc-list-item__ripple" }), h$1("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), h$1("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" }), h$1("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h$1("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 48px; display:block;}" }, "Submit"))))));
|
|
9255
9257
|
}
|
|
9256
9258
|
get el() { return this; }
|
|
9257
9259
|
static get style() { return ptcFormCss; }
|
|
@@ -12428,7 +12430,7 @@ const PtcModal$1 = class extends HTMLElement$1 {
|
|
|
12428
12430
|
static get style() { return ptcModalCss; }
|
|
12429
12431
|
};
|
|
12430
12432
|
|
|
12431
|
-
const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-
|
|
12433
|
+
const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);margin-top:var(--ptc-element-spacing-05);height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}";
|
|
12432
12434
|
|
|
12433
12435
|
var Priority;
|
|
12434
12436
|
(function (Priority) {
|
|
@@ -13704,7 +13706,8 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13704
13706
|
let linkHref = headerLink.getAttribute('href');
|
|
13705
13707
|
let linkText = headerLink.innerHTML;
|
|
13706
13708
|
let linkTarget = headerLink.getAttribute('target');
|
|
13707
|
-
|
|
13709
|
+
let linkTitle = headerLink.getAttribute('title');
|
|
13710
|
+
this.columnHeaderLinks.push({ linkHref, linkText, linkTarget, linkTitle });
|
|
13708
13711
|
headerLink.remove();
|
|
13709
13712
|
}
|
|
13710
13713
|
else {
|
|
@@ -13743,7 +13746,8 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13743
13746
|
let linkHref = ctaButton.getAttribute('href');
|
|
13744
13747
|
let linkText = ctaButton.innerHTML;
|
|
13745
13748
|
let linkTarget = ctaButton.getAttribute('target');
|
|
13746
|
-
|
|
13749
|
+
let linkTitle = ctaButton.getAttribute('title');
|
|
13750
|
+
this.ctaButtons.push({ linkHref, linkText, linkTarget, linkTitle });
|
|
13747
13751
|
ctaButton.remove();
|
|
13748
13752
|
this.showCtaButtonsRow = true;
|
|
13749
13753
|
}
|
|
@@ -13816,7 +13820,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13816
13820
|
return h$1("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
|
|
13817
13821
|
h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: "desktop-header-first-cell" }))
|
|
13818
13822
|
: null, h$1("div", { class: "scroll-button", id: "previous-scroll-button" }, h$1("div", { onClick: () => this.handleBackwardScroll() }, h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), h$1("div", { class: "scroll-button", id: "next-scroll-button" }, h$1("div", { onClick: () => this.handleForwardScroll() }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
|
|
13819
|
-
return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
|
|
13823
|
+
return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col].linkTitle }, this.isDesktopView ?
|
|
13820
13824
|
h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
|
|
13821
13825
|
: this.columnHeaderLinks[col].linkText)) : null);
|
|
13822
13826
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
|
|
@@ -13825,7 +13829,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13825
13829
|
return h$1("div", { id: "table-header-placeholder", class: this.headerType }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
|
|
13826
13830
|
h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: "placeholder-desktop-header-first-cell" }))
|
|
13827
13831
|
: null), ([...Array(this.dataCols).keys()]).map(col => {
|
|
13828
|
-
return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
|
|
13832
|
+
return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}", "link-title": this.columnHeaderLinks[col].linkTitle }, this.isDesktopView ?
|
|
13829
13833
|
h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
|
|
13830
13834
|
: this.columnHeaderLinks[col].linkText)) : null);
|
|
13831
13835
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
|
|
@@ -13844,7 +13848,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13844
13848
|
h$1("div", { class: "desktop-sticky-row-header" })
|
|
13845
13849
|
: null, ([...Array(this.dataCols).keys()]).map(col => {
|
|
13846
13850
|
return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, (this.ctaButtons[col]) ?
|
|
13847
|
-
h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}
|
|
13851
|
+
h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}`, "link-title": this.ctaButtons[col].linkTitle }, this.isDesktopView ?
|
|
13848
13852
|
h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
|
|
13849
13853
|
: this.ctaButtons[col].linkText) : null);
|
|
13850
13854
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
|
|
@@ -13860,537 +13864,6 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13860
13864
|
static get style() { return ptcPricingPackagingTableCss; }
|
|
13861
13865
|
};
|
|
13862
13866
|
|
|
13863
|
-
const ptcPricingTableCss = ":host{display:block;position:relative}:host #vertical-scroll-content-clipper{position:fixed;top:0;left:0;right:0;margin:auto;background-color:white;z-index:25;display:none}:host .last-column-tooltip .tooltip{right:-48px}:host #sticky-header-container{position:fixed;z-index:20;background-color:white;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;visibility:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}:host #sticky-header-container::-webkit-scrollbar{display:none}:host #sticky-header-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);min-width:168px;max-width:180px;vertical-align:middle}:host #sticky-header-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #sticky-header-container th.desktop-header-first-cell{display:none}:host #sticky-header-container th.border-box-header-cell{box-sizing:border-box}:host #sticky-header-container th.table-filler-header-cell{width:99%;box-sizing:content-box}:host .scroll-buttons-container{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box}:host .scroll-buttons-container .scroll-buttons{z-index:15;position:absolute;display:inline-block;width:36px;width:fit-content;height:36px;background-color:white;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-buttons-container .scroll-buttons icon-asset{z-index:15;display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-buttons-container .scroll-buttons.prev-button{z-index:15;left:0;border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-buttons-container .scroll-buttons.prev-button ptc-para{z-index:15;margin-right:var(--ptc-element-spacing-04);display:none}:host .scroll-buttons-container .scroll-buttons.next-button{z-index:15;right:0;border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-buttons-container .scroll-buttons.next-button ptc-para{z-index:15;margin-left:var(--ptc-element-spacing-04);display:none}:host #table-container{border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);overflow-x:scroll;position:relative}:host #table-container #horizontal-scroll-box-shadow{display:none}:host #table-container table{border-spacing:0}:host #table-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #table-container th.desktop-header-first-cell{display:none}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:contents;width:100%}:host #table-container tbody.desktop-table-body{display:none}:host #table-container tr{background-color:white;width:100%;overflow-x:scroll}:host #table-container tr:nth-child(odd){background-color:var(--color-gray-01)}:host #table-container tr:nth-child(even){background-color:white}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container tr.table-button-row td ptc-tooltip .text-ellipsis{font-size:var(--ptc-font-size-x-small)}:host #table-container td{text-align:center;min-width:168px;max-width:180px;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container td:not(:last-child){border-right:1px solid var(--color-gray-02)}:host #table-container td.table-filler-body-cell{width:99%;display:none}@media only screen and (min-width: 768px){:host .table-descriptor{width:768px;margin:auto}}@media only screen and (min-width: 992px){:host #sticky-header-container{box-shadow:none}:host #sticky-header-container th{max-width:275px}:host #sticky-header-container th.desktop-header-first-cell{display:table-cell;min-width:275px;box-sizing:content-box}:host #sticky-header-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #sticky-header-container th.table-filler-header-cell{width:99%;display:none;max-width:fit-content;box-sizing:border-box}:host #table-container #horizontal-scroll-box-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:10;visibility:hidden}:host #table-container th{max-width:275px}:host #table-container th.desktop-header-first-cell{display:table-cell;min-width:275px}:host #table-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:none}:host #table-container tbody.desktop-table-body{display:contents;width:100%}:host #table-container tr:nth-child(odd){background-color:white}:host #table-container tr:nth-child(even){background-color:var(--color-gray-01)}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container td{max-width:275px}:host #table-container td:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5;background:inherit;min-width:275px}:host #table-container td:not(:first-child){text-align:center}:host #table-container td.first-column-cell.scroll-shadow{box-shadow:var(--ptc-shadow-x-large)}:host #table-container td.first-column-cell.no-shadow{box-shadow:none}:host #table-container td.table-filler-body-cell{width:99%;display:none}:host #table-container td.table-filler-button-cell{width:99%;display:none}}";
|
|
13864
|
-
|
|
13865
|
-
const PtcPricingTable$1 = class extends HTMLElement$1 {
|
|
13866
|
-
constructor() {
|
|
13867
|
-
super();
|
|
13868
|
-
this.__registerHost();
|
|
13869
|
-
this.__attachShadow();
|
|
13870
|
-
this.scrollTopClipperHeightOptions = {
|
|
13871
|
-
withSubNav: {
|
|
13872
|
-
desktop: "104px",
|
|
13873
|
-
mobile: "80px"
|
|
13874
|
-
},
|
|
13875
|
-
withoutSubNav: {
|
|
13876
|
-
desktop: "40px",
|
|
13877
|
-
mobile: "24px"
|
|
13878
|
-
}
|
|
13879
|
-
};
|
|
13880
|
-
this.verticalEdgePixelComparator = (edge1, edge2) => {
|
|
13881
|
-
let delta = 2;
|
|
13882
|
-
if ((edge1 == edge2) || ((edge1 >= (edge2 - delta)) && (edge1 <= (edge2 + delta)))) {
|
|
13883
|
-
return 0;
|
|
13884
|
-
}
|
|
13885
|
-
if (edge1 < (edge2 - delta)) {
|
|
13886
|
-
return -1;
|
|
13887
|
-
}
|
|
13888
|
-
if (edge1 > (edge2 + delta)) {
|
|
13889
|
-
return 1;
|
|
13890
|
-
}
|
|
13891
|
-
};
|
|
13892
|
-
this.handleHorizontalScroll = () => {
|
|
13893
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
13894
|
-
this.targetElements = this.getTargetElements();
|
|
13895
|
-
this.targetElements["sticky-header-container"].scrollLeft = (_a = this.targetElements["table-container"]) === null || _a === void 0 ? void 0 : _a.scrollLeft;
|
|
13896
|
-
// Scroll the button containers in sync with the table's scrolling
|
|
13897
|
-
if ([-1, 0].includes(this.verticalEdgePixelComparator((_b = this.targetElements["table-container"]) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().right, (_c = this.targetElements["table"]) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().right))) {
|
|
13898
|
-
this.targetElements["normal-scroll-buttons-container"].style.left = `${((_d = this.targetElements["table-container"]) === null || _d === void 0 ? void 0 : _d.scrollLeft) + this.desktopHeaderFirstCellWidth}px`;
|
|
13899
|
-
this.targetElements["sticky-scroll-buttons-container"].style.left = `${((_e = this.targetElements["table-container"]) === null || _e === void 0 ? void 0 : _e.scrollLeft) + this.desktopHeaderFirstCellWidth}px`;
|
|
13900
|
-
}
|
|
13901
|
-
// Scroll the mobile row headers along with the table in the mobile view
|
|
13902
|
-
if (this.targetElements["mobile-table-row-headers"].length > 0) {
|
|
13903
|
-
for (let i = 0; i < this.dataRows; i++) {
|
|
13904
|
-
this.targetElements["mobile-table-row-headers"][i].style.paddingLeft = `${(_f = this.targetElements["table-container"]) === null || _f === void 0 ? void 0 : _f.scrollLeft}px`;
|
|
13905
|
-
}
|
|
13906
|
-
}
|
|
13907
|
-
// Managing the visibility of the next scroll buttons in both the sticky and normal headers, depending on whether the table can scroll further to the right or not
|
|
13908
|
-
if ([0, 1].includes(this.verticalEdgePixelComparator((_g = this.targetElements["table-container"]) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect().right, this.targetElements["table"].getBoundingClientRect().right))) {
|
|
13909
|
-
this.targetElements["normal-next-scroll-button"].style.visibility = 'hidden';
|
|
13910
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
13911
|
-
this.targetElements["sticky-next-scroll-button"].style.visibility = 'hidden';
|
|
13912
|
-
}
|
|
13913
|
-
}
|
|
13914
|
-
else {
|
|
13915
|
-
this.targetElements["normal-next-scroll-button"].style.visibility = 'visible';
|
|
13916
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
13917
|
-
this.targetElements["sticky-next-scroll-button"].style.visibility = 'visible';
|
|
13918
|
-
}
|
|
13919
|
-
}
|
|
13920
|
-
// Adjusting the visibility of the previous scroll buttons in both the sticky and normal headers, as well as the box shadow in desktop view, depending on whether the table can scroll further to the left or not
|
|
13921
|
-
if (this.targetElements["table-container"].scrollLeft === 0) {
|
|
13922
|
-
this.targetElements["horizontal-scroll-box-shadow"].style.left = '0';
|
|
13923
|
-
this.targetElements["horizontal-scroll-box-shadow"].style.visibility = 'hidden';
|
|
13924
|
-
this.targetElements["normal-previous-scroll-button"].style.visibility = 'hidden';
|
|
13925
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
13926
|
-
this.targetElements["sticky-previous-scroll-button"].style.visibility = 'hidden';
|
|
13927
|
-
}
|
|
13928
|
-
}
|
|
13929
|
-
else {
|
|
13930
|
-
this.targetElements["horizontal-scroll-box-shadow"].style.left = `${((_h = this.targetElements["table-container"]) === null || _h === void 0 ? void 0 : _h.scrollLeft) + this.desktopHeaderFirstCellWidth}px`;
|
|
13931
|
-
this.targetElements["horizontal-scroll-box-shadow"].style.visibility = 'visible';
|
|
13932
|
-
this.targetElements["normal-previous-scroll-button"].style.visibility = 'visible';
|
|
13933
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
13934
|
-
this.targetElements["sticky-previous-scroll-button"].style.visibility = 'visible';
|
|
13935
|
-
}
|
|
13936
|
-
}
|
|
13937
|
-
};
|
|
13938
|
-
this.handleVerticalScroll = () => {
|
|
13939
|
-
this.targetElements = this.getTargetElements();
|
|
13940
|
-
const scrollTopPosition = window.scrollY || document.documentElement.scrollTop;
|
|
13941
|
-
if (scrollTopPosition < this.lastScrollTop) {
|
|
13942
|
-
// Scrolling Up
|
|
13943
|
-
if (this.targetElements["table-container"].getBoundingClientRect().bottom > 0) {
|
|
13944
|
-
if (this.targetElements["sticky-header-container"].getBoundingClientRect().top < 0) {
|
|
13945
|
-
// Scroll the sticky header back into view along with the table
|
|
13946
|
-
this.targetElements["vertical-scroll-content-clipper"].style.display = 'block';
|
|
13947
|
-
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '1';
|
|
13948
|
-
this.targetElements["sticky-header-container"].style.visibility = 'visible';
|
|
13949
|
-
this.targetElements["sticky-header-container"].style.top = `${this.targetElements["table-container"].getBoundingClientRect().bottom - this.targetElements["sticky-header-container"].getBoundingClientRect().height}px`;
|
|
13950
|
-
}
|
|
13951
|
-
else {
|
|
13952
|
-
// Make the sticky header fixed once it is entirely within the window
|
|
13953
|
-
this.targetElements["sticky-header-container"].style.top = this.scrollTopClipperHeight;
|
|
13954
|
-
}
|
|
13955
|
-
}
|
|
13956
|
-
if (this.targetElements["table-header"].getBoundingClientRect().top > this.targetElements["sticky-header-container"].getBoundingClientRect().top) {
|
|
13957
|
-
// Conceal the sticky header and reveal the normal header
|
|
13958
|
-
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '0';
|
|
13959
|
-
this.targetElements["sticky-header-container"].style.visibility = 'hidden';
|
|
13960
|
-
this.targetElements["table-header"].style.visibility = 'visible';
|
|
13961
|
-
this.targetElements["vertical-scroll-content-clipper"].style.display = 'none';
|
|
13962
|
-
}
|
|
13963
|
-
}
|
|
13964
|
-
else if (scrollTopPosition > this.lastScrollTop) {
|
|
13965
|
-
// Scrolling down
|
|
13966
|
-
if (this.targetElements["sticky-header-container"].getBoundingClientRect().bottom <= 0) {
|
|
13967
|
-
// Reset and hide the sticky header when it scrolls out of the top of the window
|
|
13968
|
-
this.targetElements["sticky-header-container"].style.top = `${-this.targetElements["sticky-header-container"].getBoundingClientRect().height}px`;
|
|
13969
|
-
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '0';
|
|
13970
|
-
this.targetElements["sticky-header-container"].style.visibility = 'hidden';
|
|
13971
|
-
this.targetElements["vertical-scroll-content-clipper"].style.display = 'none';
|
|
13972
|
-
}
|
|
13973
|
-
else if (this.targetElements["table-header"].getBoundingClientRect().top <= this.targetElements["sticky-header-container"].getBoundingClientRect().top) {
|
|
13974
|
-
if (this.targetElements["table-container"].getBoundingClientRect().bottom <= this.targetElements["sticky-header-container"].getBoundingClientRect().bottom) {
|
|
13975
|
-
// Scroll the sticky header out of the window along with the table
|
|
13976
|
-
this.targetElements["sticky-header-container"].style.top = `${(this.targetElements["table-container"].getBoundingClientRect().bottom - this.targetElements["sticky-header-container"].clientHeight)}px`;
|
|
13977
|
-
}
|
|
13978
|
-
else {
|
|
13979
|
-
// Conceal the normal header and reveal the sticky header
|
|
13980
|
-
this.targetElements["vertical-scroll-content-clipper"].style.display = 'block';
|
|
13981
|
-
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '1';
|
|
13982
|
-
this.targetElements["sticky-header-container"].style.visibility = 'visible';
|
|
13983
|
-
this.targetElements["table-header"].style.visibility = 'hidden';
|
|
13984
|
-
this.targetElements["sticky-previous-scroll-button"].style.visibility = this.targetElements["normal-previous-scroll-button"].style.visibility;
|
|
13985
|
-
this.targetElements["sticky-next-scroll-button"].style.visibility = this.targetElements["normal-next-scroll-button"].style.visibility;
|
|
13986
|
-
if (getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility === "visible") {
|
|
13987
|
-
this.targetElements["table-filler-sticky-header-cell"].style.boxSizing = "content-box";
|
|
13988
|
-
}
|
|
13989
|
-
}
|
|
13990
|
-
}
|
|
13991
|
-
}
|
|
13992
|
-
this.lastScrollTop = scrollTopPosition <= 0 ? 0 : scrollTopPosition;
|
|
13993
|
-
};
|
|
13994
|
-
this.handleResize = () => {
|
|
13995
|
-
this.targetElements["table-container"].scrollLeft = 0;
|
|
13996
|
-
this.handleHorizontalScroll();
|
|
13997
|
-
this.configureStickyHeader();
|
|
13998
|
-
this.configureScrollButtonsContainers();
|
|
13999
|
-
this.configureTableFillerCells();
|
|
14000
|
-
};
|
|
14001
|
-
this.pageWithSubnav = false;
|
|
14002
|
-
this.tableTitle = undefined;
|
|
14003
|
-
this.tableSubTitle = "";
|
|
14004
|
-
this.tableDescription = "";
|
|
14005
|
-
this.dataRows = undefined;
|
|
14006
|
-
this.dataCols = undefined;
|
|
14007
|
-
this.disclaimerCount = 0;
|
|
14008
|
-
this.scrollTopClipperHeight = undefined;
|
|
14009
|
-
this.desktopHeaderFirstCellWidth = 0;
|
|
14010
|
-
this.targetElements = {};
|
|
14011
|
-
this.columnHeaderLinks = [];
|
|
14012
|
-
this.lastScrollTop = undefined;
|
|
14013
|
-
this.scrollTimeInterval = 35;
|
|
14014
|
-
this.scrollAmount = 5;
|
|
14015
|
-
this.scrollLimit = 50;
|
|
14016
|
-
this.mobileHeaderRowColSpan = this.dataCols;
|
|
14017
|
-
this.showCtaButtonsRow = undefined;
|
|
14018
|
-
this.ctaButtons = [];
|
|
14019
|
-
this.disclaimers = [];
|
|
14020
|
-
}
|
|
14021
|
-
// Provides an object containing frequently accessed HTML elements for table-related operations
|
|
14022
|
-
getTargetElements() {
|
|
14023
|
-
let pricingTable = this.el.shadowRoot;
|
|
14024
|
-
let verticalScrollContentClipper = pricingTable === null || pricingTable === void 0 ? void 0 : pricingTable.querySelector('#vertical-scroll-content-clipper');
|
|
14025
|
-
let tableContainer = pricingTable === null || pricingTable === void 0 ? void 0 : pricingTable.querySelector('#table-container');
|
|
14026
|
-
let table = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('table');
|
|
14027
|
-
let tableHeader = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('table thead');
|
|
14028
|
-
let desktopHeaderFirstCell = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.desktop-header-first-cell');
|
|
14029
|
-
let tableHeaderCells = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelectorAll('th');
|
|
14030
|
-
let desktopTableBody = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.desktop-table-body');
|
|
14031
|
-
let mobileTableBody = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.mobile-table-body');
|
|
14032
|
-
let stickyHeaderContainer = pricingTable === null || pricingTable === void 0 ? void 0 : pricingTable.querySelector('#sticky-header-container');
|
|
14033
|
-
let stickyHeaderCells = stickyHeaderContainer === null || stickyHeaderContainer === void 0 ? void 0 : stickyHeaderContainer.querySelectorAll('th');
|
|
14034
|
-
let verticalScrollBoxShadow = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector("#vertical-scroll-box-shadow");
|
|
14035
|
-
let tableFillerStickyHeaderCell = stickyHeaderContainer === null || stickyHeaderContainer === void 0 ? void 0 : stickyHeaderContainer.querySelector('.table-filler-header-cell');
|
|
14036
|
-
let tableFillerHeaderCell = tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.querySelector('.table-filler-header-cell');
|
|
14037
|
-
let tableFillerBodyCells = table === null || table === void 0 ? void 0 : table.querySelectorAll('.table-filler-body-cell');
|
|
14038
|
-
let tableFillerButtonCell = table === null || table === void 0 ? void 0 : table.querySelector('.table-filler-button-cell');
|
|
14039
|
-
let mobileTableRowHeaders = pricingTable === null || pricingTable === void 0 ? void 0 : pricingTable.querySelectorAll('.mobile-table-row-header');
|
|
14040
|
-
let normalScrollButtonsContainer = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.scroll-buttons-container');
|
|
14041
|
-
let stickyScrollButtonsContainer = stickyHeaderContainer === null || stickyHeaderContainer === void 0 ? void 0 : stickyHeaderContainer.querySelector('.scroll-buttons-container');
|
|
14042
|
-
let normalPreviousScrollButton = normalScrollButtonsContainer === null || normalScrollButtonsContainer === void 0 ? void 0 : normalScrollButtonsContainer.querySelector('.prev-button');
|
|
14043
|
-
let normalPreviousScrollButtonText = normalPreviousScrollButton === null || normalPreviousScrollButton === void 0 ? void 0 : normalPreviousScrollButton.querySelector('ptc-para');
|
|
14044
|
-
let stickyPreviousScrollButton = stickyScrollButtonsContainer === null || stickyScrollButtonsContainer === void 0 ? void 0 : stickyScrollButtonsContainer.querySelector('.prev-button');
|
|
14045
|
-
let stickyPreviousScrollButtonText = stickyPreviousScrollButton === null || stickyPreviousScrollButton === void 0 ? void 0 : stickyPreviousScrollButton.querySelector('ptc-para');
|
|
14046
|
-
let normalNextScrollButton = normalScrollButtonsContainer === null || normalScrollButtonsContainer === void 0 ? void 0 : normalScrollButtonsContainer.querySelector('.next-button');
|
|
14047
|
-
let normalNextScrollButtonText = normalNextScrollButton === null || normalNextScrollButton === void 0 ? void 0 : normalNextScrollButton.querySelector('ptc-para');
|
|
14048
|
-
let stickyNextScrollButton = stickyScrollButtonsContainer === null || stickyScrollButtonsContainer === void 0 ? void 0 : stickyScrollButtonsContainer.querySelector('.next-button');
|
|
14049
|
-
let stickyNextScrollButtonText = stickyNextScrollButton === null || stickyNextScrollButton === void 0 ? void 0 : stickyNextScrollButton.querySelector('ptc-para');
|
|
14050
|
-
let horizontalScrollBoxShadow = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('#horizontal-scroll-box-shadow');
|
|
14051
|
-
let targetElements = {
|
|
14052
|
-
"vertical-scroll-content-clipper": verticalScrollContentClipper,
|
|
14053
|
-
"pricing-table": pricingTable,
|
|
14054
|
-
"table-container": tableContainer,
|
|
14055
|
-
"table": table,
|
|
14056
|
-
"table-header": tableHeader,
|
|
14057
|
-
"desktop-header-first-cell": desktopHeaderFirstCell,
|
|
14058
|
-
"table-header-cells": tableHeaderCells,
|
|
14059
|
-
"desktop-table-body": desktopTableBody,
|
|
14060
|
-
"mobile-table-body": mobileTableBody,
|
|
14061
|
-
"sticky-header-container": stickyHeaderContainer,
|
|
14062
|
-
"sticky-header-cells": stickyHeaderCells,
|
|
14063
|
-
"vertical-scroll-box-shadow": verticalScrollBoxShadow,
|
|
14064
|
-
"table-filler-sticky-header-cell": tableFillerStickyHeaderCell,
|
|
14065
|
-
"table-filler-header-cell": tableFillerHeaderCell,
|
|
14066
|
-
"table-filler-body-cells": tableFillerBodyCells,
|
|
14067
|
-
"table-filler-button-cell": tableFillerButtonCell,
|
|
14068
|
-
"mobile-table-row-headers": mobileTableRowHeaders,
|
|
14069
|
-
"normal-scroll-buttons-container": normalScrollButtonsContainer,
|
|
14070
|
-
"sticky-scroll-buttons-container": stickyScrollButtonsContainer,
|
|
14071
|
-
"normal-previous-scroll-button": normalPreviousScrollButton,
|
|
14072
|
-
"normal-previous-scroll-button-text": normalPreviousScrollButtonText,
|
|
14073
|
-
"sticky-previous-scroll-button": stickyPreviousScrollButton,
|
|
14074
|
-
"sticky-previous-scroll-button-text": stickyPreviousScrollButtonText,
|
|
14075
|
-
"normal-next-scroll-button": normalNextScrollButton,
|
|
14076
|
-
"normal-next-scroll-button-text": normalNextScrollButtonText,
|
|
14077
|
-
"sticky-next-scroll-button": stickyNextScrollButton,
|
|
14078
|
-
"sticky-next-scroll-button-text": stickyNextScrollButtonText,
|
|
14079
|
-
"horizontal-scroll-box-shadow": horizontalScrollBoxShadow,
|
|
14080
|
-
};
|
|
14081
|
-
return targetElements;
|
|
14082
|
-
}
|
|
14083
|
-
// Sets up the scroll buttons container for both the sticky and normal headers
|
|
14084
|
-
configureScrollButtonsContainers() {
|
|
14085
|
-
this.targetElements = this.getTargetElements();
|
|
14086
|
-
// Defines the dimensions
|
|
14087
|
-
this.targetElements["normal-scroll-buttons-container"].style.width = `${this.targetElements["table-container"].clientWidth}px`;
|
|
14088
|
-
this.targetElements["normal-scroll-buttons-container"].style.height = `${this.targetElements["table-header"].clientHeight}px`;
|
|
14089
|
-
this.targetElements["sticky-scroll-buttons-container"].style.width = `${this.targetElements["table-container"].clientWidth}px`;
|
|
14090
|
-
this.targetElements["sticky-scroll-buttons-container"].style.height = `${this.targetElements["table-header"].clientHeight}px`;
|
|
14091
|
-
// For desktop screens, scroll buttons are positioned after the first column of the table
|
|
14092
|
-
if (this.targetElements["desktop-header-first-cell"]) {
|
|
14093
|
-
this.targetElements["normal-scroll-buttons-container"].style.width = `${this.targetElements["normal-scroll-buttons-container"].getBoundingClientRect().width - this.desktopHeaderFirstCellWidth}px`;
|
|
14094
|
-
this.targetElements["sticky-scroll-buttons-container"].style.width = `${this.targetElements["sticky-scroll-buttons-container"].getBoundingClientRect().width - this.desktopHeaderFirstCellWidth}px`;
|
|
14095
|
-
}
|
|
14096
|
-
// Controlling the visibility of the previous scroll buttons, of the sticky and normal headers, based on whether table can scroll further to the left or not
|
|
14097
|
-
if (this.targetElements["table-container"].scrollLeft === 0) {
|
|
14098
|
-
this.targetElements["normal-previous-scroll-button"].style.visibility = 'hidden';
|
|
14099
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
14100
|
-
this.targetElements["sticky-previous-scroll-button"].style.visibility = 'hidden';
|
|
14101
|
-
}
|
|
14102
|
-
}
|
|
14103
|
-
else {
|
|
14104
|
-
this.targetElements["normal-previous-scroll-button"].style.visibility = 'visible';
|
|
14105
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
14106
|
-
this.targetElements["sticky-previous-scroll-button"].style.visibility = 'visible';
|
|
14107
|
-
}
|
|
14108
|
-
}
|
|
14109
|
-
// Managing the visibility of the next scroll buttons in both the sticky and normal headers, depending on whether the table can be scrolled further to the right or not
|
|
14110
|
-
if (this.targetElements["table-container"].getBoundingClientRect().width >= this.targetElements["table"].getBoundingClientRect().width) {
|
|
14111
|
-
this.targetElements["normal-next-scroll-button"].style.visibility = 'hidden';
|
|
14112
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
14113
|
-
this.targetElements["sticky-next-scroll-button"].style.visibility = 'hidden';
|
|
14114
|
-
}
|
|
14115
|
-
}
|
|
14116
|
-
else {
|
|
14117
|
-
this.targetElements["normal-next-scroll-button"].style.visibility = 'visible';
|
|
14118
|
-
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
14119
|
-
this.targetElements["sticky-next-scroll-button"].style.visibility = 'visible';
|
|
14120
|
-
}
|
|
14121
|
-
}
|
|
14122
|
-
}
|
|
14123
|
-
// Configures the sticky header based on the dimensions of the table header
|
|
14124
|
-
configureStickyHeader() {
|
|
14125
|
-
var _a, _b, _c, _d, _e, _f;
|
|
14126
|
-
const targetElements = this.getTargetElements();
|
|
14127
|
-
// Expanding the content clipper by an additional 10px on each side to accommodate the table's box-shadow
|
|
14128
|
-
targetElements["vertical-scroll-content-clipper"].style.width = `${targetElements["table-container"].clientWidth + 20}px`;
|
|
14129
|
-
// Aligns the background color of the element with the body's background color
|
|
14130
|
-
const bodyBackgroundColor = window.getComputedStyle(document.body, null).getPropertyValue('background-color');
|
|
14131
|
-
if (bodyBackgroundColor === ("rgba(0, 0, 0, 0)" )) {
|
|
14132
|
-
targetElements["vertical-scroll-content-clipper"].style.backgroundColor = "white";
|
|
14133
|
-
}
|
|
14134
|
-
else {
|
|
14135
|
-
targetElements["vertical-scroll-content-clipper"].style.backgroundColor = bodyBackgroundColor;
|
|
14136
|
-
}
|
|
14137
|
-
// Establishing the width of the sticky header to be in line with the table's width
|
|
14138
|
-
targetElements["sticky-header-container"].style.width = `${targetElements["table-container"].clientWidth}px`;
|
|
14139
|
-
// Adjusts the table's sticky behavior, making it adhere at varying positions below the top, contingent on factors like the device type (mobile or desktop) and the presence of a subnav in the page
|
|
14140
|
-
if (this.pageWithSubnav) {
|
|
14141
|
-
if (window.innerWidth >= 1200) {
|
|
14142
|
-
this.scrollTopClipperHeight = this.scrollTopClipperHeightOptions.withSubNav.desktop;
|
|
14143
|
-
}
|
|
14144
|
-
else {
|
|
14145
|
-
this.scrollTopClipperHeight = this.scrollTopClipperHeightOptions.withSubNav.mobile;
|
|
14146
|
-
}
|
|
14147
|
-
}
|
|
14148
|
-
else {
|
|
14149
|
-
if (window.innerWidth >= 1200) {
|
|
14150
|
-
this.scrollTopClipperHeight = this.scrollTopClipperHeightOptions.withoutSubNav.desktop;
|
|
14151
|
-
}
|
|
14152
|
-
else {
|
|
14153
|
-
this.scrollTopClipperHeight = this.scrollTopClipperHeightOptions.withoutSubNav.mobile;
|
|
14154
|
-
}
|
|
14155
|
-
}
|
|
14156
|
-
targetElements["vertical-scroll-content-clipper"].style.height = this.scrollTopClipperHeight;
|
|
14157
|
-
targetElements["sticky-header-container"].style.top = this.scrollTopClipperHeight;
|
|
14158
|
-
// Align the widths of sticky header cells with those of the normal header cells
|
|
14159
|
-
for (let i = 0; i < targetElements["table-header-cells"].length; i++) {
|
|
14160
|
-
targetElements["sticky-header-cells"][i].style.width = `${targetElements["table-header-cells"][i].getBoundingClientRect().width}px`;
|
|
14161
|
-
if (targetElements["table-header-cells"][i].classList.contains('desktop-header-first-cell')) {
|
|
14162
|
-
this.desktopHeaderFirstCellWidth = targetElements["table-header-cells"][i].getBoundingClientRect().width;
|
|
14163
|
-
}
|
|
14164
|
-
}
|
|
14165
|
-
// Box-sizing
|
|
14166
|
-
if (targetElements["table"].clientWidth <= targetElements["table-container"].clientWidth) {
|
|
14167
|
-
if (targetElements["desktop-table-body"]) {
|
|
14168
|
-
for (let i = 0; i < targetElements["sticky-header-cells"].length; i++) {
|
|
14169
|
-
(_b = (_a = targetElements["sticky-header-cells"][i]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('border-box-header-cell');
|
|
14170
|
-
}
|
|
14171
|
-
}
|
|
14172
|
-
}
|
|
14173
|
-
else {
|
|
14174
|
-
for (let i = 0; i < targetElements["sticky-header-cells"].length; i++) {
|
|
14175
|
-
if ((_d = (_c = targetElements["sticky-header-cells"][i]) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('border-box-header-cell')) {
|
|
14176
|
-
(_f = (_e = targetElements["sticky-header-cells"][i]) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.remove('border-box-header-cell');
|
|
14177
|
-
}
|
|
14178
|
-
}
|
|
14179
|
-
}
|
|
14180
|
-
}
|
|
14181
|
-
configureTableFillerCells() {
|
|
14182
|
-
var _a, _b, _c, _d;
|
|
14183
|
-
this.targetElements = this.getTargetElements();
|
|
14184
|
-
this.targetElements["table-filler-sticky-header-cell"].style.width = this.targetElements["table-filler-header-cell"].getBoundingClientRect().width;
|
|
14185
|
-
if (this.targetElements['table'].getBoundingClientRect().width < this.targetElements['table-container'].getBoundingClientRect().width) {
|
|
14186
|
-
// If the table is smaller than the container, insert fillers
|
|
14187
|
-
this.targetElements["table-filler-sticky-header-cell"].style.display = 'table-cell';
|
|
14188
|
-
this.targetElements["table-filler-header-cell"].style.display = 'table-cell';
|
|
14189
|
-
for (let i = 0; i < this.dataRows; i++) {
|
|
14190
|
-
this.targetElements["table-filler-body-cells"][i].style.display = 'table-cell';
|
|
14191
|
-
}
|
|
14192
|
-
if (this.targetElements["table-filler-button-cell"]) {
|
|
14193
|
-
this.targetElements["table-filler-button-cell"].style.display = 'table-cell';
|
|
14194
|
-
}
|
|
14195
|
-
this.mobileHeaderRowColSpan = this.dataCols + 1;
|
|
14196
|
-
}
|
|
14197
|
-
else {
|
|
14198
|
-
// If the table is equal to or larger than the container, remove fillers
|
|
14199
|
-
this.targetElements["table-filler-sticky-header-cell"].style.width = '99%';
|
|
14200
|
-
if (getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility === 'hidden') {
|
|
14201
|
-
for (let i = 0; i < this.targetElements["sticky-header-cells"].length + 1; i++) {
|
|
14202
|
-
if ((_b = (_a = this.targetElements["sticky-header-cells"][i]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('border-box-header-cell')) {
|
|
14203
|
-
(_d = (_c = this.targetElements["sticky-header-cells"][i]) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove('border-box-header-cell');
|
|
14204
|
-
}
|
|
14205
|
-
}
|
|
14206
|
-
}
|
|
14207
|
-
}
|
|
14208
|
-
}
|
|
14209
|
-
handleStickyHeaderHorizontalScroll() {
|
|
14210
|
-
var _a;
|
|
14211
|
-
this.targetElements["table-container"].scrollLeft = (_a = this.targetElements["sticky-header-container"]) === null || _a === void 0 ? void 0 : _a.scrollLeft;
|
|
14212
|
-
}
|
|
14213
|
-
handleScrollForwardHover() {
|
|
14214
|
-
if (this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
14215
|
-
document.body.style.cursor = 'pointer';
|
|
14216
|
-
this.targetElements["normal-next-scroll-button-text"].style.display = "block";
|
|
14217
|
-
this.targetElements["sticky-next-scroll-button-text"].style.display = "block";
|
|
14218
|
-
}
|
|
14219
|
-
}
|
|
14220
|
-
handleScrollForwardHoverOut() {
|
|
14221
|
-
if (this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
14222
|
-
document.body.style.cursor = 'auto';
|
|
14223
|
-
this.targetElements["normal-next-scroll-button-text"].style.display = "none";
|
|
14224
|
-
this.targetElements["sticky-next-scroll-button-text"].style.display = "none";
|
|
14225
|
-
}
|
|
14226
|
-
}
|
|
14227
|
-
handleScrollForward() {
|
|
14228
|
-
this.targetElements = this.getTargetElements();
|
|
14229
|
-
// Display the "See more" text when clicked
|
|
14230
|
-
document.body.style.cursor = 'pointer';
|
|
14231
|
-
this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked", "true");
|
|
14232
|
-
this.targetElements["normal-next-scroll-button-text"].style.display = "block";
|
|
14233
|
-
this.targetElements["sticky-next-scroll-button-text"].style.display = "block";
|
|
14234
|
-
let scrollAdded = 0;
|
|
14235
|
-
let intervalId = setInterval(() => {
|
|
14236
|
-
scrollAdded += this.scrollAmount;
|
|
14237
|
-
let tableContainerRight = this.targetElements["table-container"].getBoundingClientRect().right;
|
|
14238
|
-
let tableRight = this.targetElements["table"].getBoundingClientRect().right;
|
|
14239
|
-
if ((scrollAdded == this.scrollLimit) || ([0, 1].includes(this.verticalEdgePixelComparator(tableContainerRight, tableRight)))) {
|
|
14240
|
-
clearInterval(intervalId);
|
|
14241
|
-
this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked", "false");
|
|
14242
|
-
// Remove the "See more" text if the mouse is not hovering over the button after scrolling
|
|
14243
|
-
if (!this.targetElements["normal-next-scroll-button"].matches(':hover') && !this.targetElements["sticky-next-scroll-button"].matches(':hover')) {
|
|
14244
|
-
document.body.style.cursor = 'auto';
|
|
14245
|
-
this.targetElements["normal-next-scroll-button-text"].style.display = "none";
|
|
14246
|
-
this.targetElements["sticky-next-scroll-button-text"].style.display = "none";
|
|
14247
|
-
}
|
|
14248
|
-
}
|
|
14249
|
-
this.targetElements["table-container"].scrollLeft += scrollAdded;
|
|
14250
|
-
}, this.scrollTimeInterval);
|
|
14251
|
-
}
|
|
14252
|
-
handleScrollBackwardHover() {
|
|
14253
|
-
document.body.style.cursor = 'pointer';
|
|
14254
|
-
if (this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
14255
|
-
this.targetElements["normal-previous-scroll-button-text"].style.display = "block";
|
|
14256
|
-
this.targetElements["sticky-previous-scroll-button-text"].style.display = "block";
|
|
14257
|
-
}
|
|
14258
|
-
}
|
|
14259
|
-
handleScrollBackwardHoverOut() {
|
|
14260
|
-
document.body.style.cursor = 'auto';
|
|
14261
|
-
if (this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
14262
|
-
this.targetElements["normal-previous-scroll-button-text"].style.display = "none";
|
|
14263
|
-
this.targetElements["sticky-previous-scroll-button-text"].style.display = "none";
|
|
14264
|
-
}
|
|
14265
|
-
}
|
|
14266
|
-
handleScrollBackward() {
|
|
14267
|
-
this.targetElements = this.getTargetElements();
|
|
14268
|
-
// Display the "See more" text when clicked
|
|
14269
|
-
document.body.style.cursor = 'pointer';
|
|
14270
|
-
this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked", "true");
|
|
14271
|
-
this.targetElements["normal-previous-scroll-button-text"].style.display = "block";
|
|
14272
|
-
this.targetElements["sticky-previous-scroll-button-text"].style.display = "block";
|
|
14273
|
-
let scrollReduced = 0;
|
|
14274
|
-
let intervalId = setInterval(() => {
|
|
14275
|
-
scrollReduced += this.scrollAmount;
|
|
14276
|
-
let tableContainerLeft = this.targetElements["table-container"].getBoundingClientRect().left;
|
|
14277
|
-
let tableLeft = this.targetElements["table"].getBoundingClientRect().left;
|
|
14278
|
-
if ((scrollReduced == this.scrollLimit) || [-1, 0].includes(this.verticalEdgePixelComparator(tableContainerLeft, tableLeft))) {
|
|
14279
|
-
clearInterval(intervalId);
|
|
14280
|
-
this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked", "false");
|
|
14281
|
-
// Remove the "See more" text if the mouse is not hovering over the button after scrolling
|
|
14282
|
-
if (!this.targetElements["normal-previous-scroll-button"].matches(':hover') && !this.targetElements["sticky-previous-scroll-button"].matches(':hover')) {
|
|
14283
|
-
document.body.style.cursor = 'auto';
|
|
14284
|
-
this.targetElements["normal-previous-scroll-button-text"].style.display = "none";
|
|
14285
|
-
this.targetElements["sticky-previous-scroll-button-text"].style.display = "none";
|
|
14286
|
-
}
|
|
14287
|
-
return;
|
|
14288
|
-
}
|
|
14289
|
-
this.targetElements["table-container"].scrollLeft -= scrollReduced;
|
|
14290
|
-
}, this.scrollTimeInterval);
|
|
14291
|
-
}
|
|
14292
|
-
componentWillLoad() {
|
|
14293
|
-
let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
|
|
14294
|
-
let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
|
|
14295
|
-
this.el.insertAdjacentHTML('afterbegin', `<span slot="normal-desktop-header-first-cell">${desktopHeaderFirstCellText}</span><span slot="sticky-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
|
|
14296
|
-
desktopHeaderFirstCellSlot.remove();
|
|
14297
|
-
let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
|
|
14298
|
-
for (let i = 0; i < this.dataCols; i++) {
|
|
14299
|
-
let slotValue = columnHeaders[i].getAttribute('slot');
|
|
14300
|
-
let headerText = columnHeaders[i].innerHTML;
|
|
14301
|
-
this.el.insertAdjacentHTML('afterbegin', `<span slot="normal-${slotValue}">${headerText}</span><span slot="sticky-${slotValue}">${headerText}</span>`);
|
|
14302
|
-
columnHeaders[i].remove();
|
|
14303
|
-
}
|
|
14304
|
-
let headerLinks = this.el.querySelectorAll('[slot^="header-link"]');
|
|
14305
|
-
if (headerLinks.length > 0) {
|
|
14306
|
-
for (let i = 0; i < this.dataCols; i++) {
|
|
14307
|
-
let linkHref = headerLinks[i].getAttribute('href');
|
|
14308
|
-
let linkText = headerLinks[i].innerHTML;
|
|
14309
|
-
this.columnHeaderLinks.push({ linkHref, linkText });
|
|
14310
|
-
headerLinks[i].remove();
|
|
14311
|
-
}
|
|
14312
|
-
}
|
|
14313
|
-
let ctaButtons = this.el.querySelectorAll('[slot^="cta-button"]');
|
|
14314
|
-
this.showCtaButtonsRow = (ctaButtons.length !== 0);
|
|
14315
|
-
for (let i = 0; i < this.dataCols; i++) {
|
|
14316
|
-
this.ctaButtons.push({
|
|
14317
|
-
linkHref: ctaButtons[i].getAttribute('href'),
|
|
14318
|
-
linkText: ctaButtons[i].innerHTML
|
|
14319
|
-
});
|
|
14320
|
-
ctaButtons[i].remove();
|
|
14321
|
-
}
|
|
14322
|
-
let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
|
|
14323
|
-
for (let i = 0; i < this.disclaimerCount; i++) {
|
|
14324
|
-
this.disclaimers.push(disclaimers[i].innerHTML);
|
|
14325
|
-
disclaimers[i].remove();
|
|
14326
|
-
}
|
|
14327
|
-
}
|
|
14328
|
-
componentDidLoad() {
|
|
14329
|
-
this.configureTableFillerCells();
|
|
14330
|
-
this.configureStickyHeader();
|
|
14331
|
-
this.configureScrollButtonsContainers();
|
|
14332
|
-
window.addEventListener('scroll', this.handleVerticalScroll);
|
|
14333
|
-
window.addEventListener('resize', this.handleResize);
|
|
14334
|
-
}
|
|
14335
|
-
disconnectedCallback() {
|
|
14336
|
-
window.removeEventListener('scroll', this.handleVerticalScroll);
|
|
14337
|
-
window.removeEventListener('resize', this.handleResize);
|
|
14338
|
-
}
|
|
14339
|
-
render() {
|
|
14340
|
-
const getTableTitle = () => {
|
|
14341
|
-
return (this.tableTitle && h$1(Fragment, null, h$1("div", { class: "table-descriptor" }, h$1("ptc-title", { type: "h2", "text-align": "center", "title-size": "xx-large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-8" }, this.tableTitle)), (this.tableSubTitle)
|
|
14342
|
-
? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: "small", size: "x-small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "small" }))
|
|
14343
|
-
: (this.tableDescription)
|
|
14344
|
-
? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: "small", size: "small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "medium" }))
|
|
14345
|
-
: null));
|
|
14346
|
-
};
|
|
14347
|
-
const getTableSubTitle = () => {
|
|
14348
|
-
return (this.tableSubTitle && h$1(Fragment, null, h$1("div", { class: "table-descriptor" }, h$1("ptc-title", { type: "h3", "text-align": "center", "title-size": "large", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.tableSubTitle)), h$1("ptc-spacer", { breakpoint: "small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "large" })));
|
|
14349
|
-
};
|
|
14350
|
-
const getTableDescription = () => {
|
|
14351
|
-
return (this.tableDescription && h$1(Fragment, null, h$1("div", { class: "table-descriptor" }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "center", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.tableDescription.length <= 500) ? this.tableDescription : h$1("ptc-readmore", { "more-text": "See more" }, this.tableDescription)))));
|
|
14352
|
-
};
|
|
14353
|
-
const getScrollButtonsContainer = () => {
|
|
14354
|
-
return h$1("div", { class: "scroll-buttons-container" }, h$1("div", { class: "scroll-buttons prev-button", "data-clicked": "false", onClick: () => this.handleScrollBackward(), onMouseOver: () => this.handleScrollBackwardHover(), onMouseOut: () => this.handleScrollBackwardHoverOut() }, h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More")), h$1("div", { class: "scroll-buttons next-button", "data-clicked": "false", onClick: () => this.handleScrollForward(), onMouseOver: () => this.handleScrollForwardHover(), onMouseOut: () => this.handleScrollForwardHoverOut() }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More"), h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })));
|
|
14355
|
-
};
|
|
14356
|
-
const getTableHeader = (headerType) => {
|
|
14357
|
-
return h$1("thead", null, h$1("tr", null, h$1("th", { class: "desktop-header-first-cell" }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: `${headerType}-desktop-header-first-cell` }))), ([...Array(this.dataCols).keys()]).map(col => {
|
|
14358
|
-
return h$1("th", null, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: `${headerType}-column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: "_blank", theme: "d-green-underline" }, h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" }))) : null);
|
|
14359
|
-
}), h$1("th", { class: "table-filler-header-cell" })));
|
|
14360
|
-
};
|
|
14361
|
-
const getMobileTableBody = () => {
|
|
14362
|
-
return h$1("tbody", { class: "mobile-table-body" }, ([...Array(this.dataRows).keys()]).map(row => {
|
|
14363
|
-
return h$1(Fragment, null, h$1("tr", null, h$1("td", { colSpan: this.mobileHeaderRowColSpan }, h$1("div", { class: "mobile-table-row-header" }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-1" }, h$1("slot", { name: `row-header-${row + 1}` }))))), h$1("tr", null, ([...Array(this.dataCols).keys()]).map(col => {
|
|
14364
|
-
return h$1("td", null, h$1("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
|
|
14365
|
-
}), h$1("td", { class: "table-filler-body-cell" })));
|
|
14366
|
-
}), (this.showCtaButtonsRow) ?
|
|
14367
|
-
h$1("tr", { class: "table-button-row" }, ([...Array(this.dataCols).keys()]).map(col => {
|
|
14368
|
-
return h$1("td", null, h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: "_blank" }, this.ctaButtons[col].linkText));
|
|
14369
|
-
}), (this.mobileHeaderRowColSpan > this.dataCols) ? h$1("td", { class: "table-filler-button-cell" }) : null) : null);
|
|
14370
|
-
};
|
|
14371
|
-
const getDesktopTableBody = () => {
|
|
14372
|
-
return h$1("tbody", { class: "desktop-table-body" }, ([...Array(this.dataRows).keys()]).map(row => {
|
|
14373
|
-
return h$1("tr", null, h$1("td", { class: "first-column-cell" }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-1" }, h$1("slot", { name: `row-header-${row + 1}` }))), ([...Array(this.dataCols).keys()]).map(col => {
|
|
14374
|
-
return h$1("td", null, h$1("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
|
|
14375
|
-
}), h$1("td", { class: "table-filler-body-cell" }));
|
|
14376
|
-
}), (this.showCtaButtonsRow) ?
|
|
14377
|
-
h$1("tr", { class: "table-button-row" }, h$1("td", null), ([...Array(this.dataCols).keys()]).map(col => {
|
|
14378
|
-
return h$1("td", null, h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: "_blank" }, h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })));
|
|
14379
|
-
}), h$1("td", { class: "table-filler-button-cell" })) : null);
|
|
14380
|
-
};
|
|
14381
|
-
const getDisclaimers = () => {
|
|
14382
|
-
return ((this.disclaimerCount > 0) && h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: "small", size: "medium" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "large" }), this.disclaimers.map((disclaimer, ind) => {
|
|
14383
|
-
return h$1(Fragment, null, h$1("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, disclaimer), (ind != (this.disclaimerCount - 1)) ? h$1("ptc-spacer", { size: "xx-small" }) : null);
|
|
14384
|
-
})));
|
|
14385
|
-
};
|
|
14386
|
-
return (h$1(Host, null, h$1("div", { id: "vertical-scroll-content-clipper" }), h$1("div", { id: "sticky-header-container", onScroll: () => this.handleStickyHeaderHorizontalScroll() }, getScrollButtonsContainer(), getTableHeader("sticky")), h$1("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), getTableTitle(), getTableSubTitle(), getTableDescription(), h$1("ptc-spacer", { breakpoint: "small", size: "xx-large" }), h$1("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xxx-large" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h$1("div", { id: "table-container", onScroll: () => this.handleHorizontalScroll() }, getScrollButtonsContainer(), h$1("table", null, h$1("div", { id: "horizontal-scroll-box-shadow" }), getTableHeader("normal"), (window.innerWidth >= 992)
|
|
14387
|
-
? getDesktopTableBody()
|
|
14388
|
-
: getMobileTableBody())), getDisclaimers(), h$1("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h$1("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" })));
|
|
14389
|
-
}
|
|
14390
|
-
get el() { return this; }
|
|
14391
|
-
static get style() { return ptcPricingTableCss; }
|
|
14392
|
-
};
|
|
14393
|
-
|
|
14394
13867
|
const ptcPricingTabsCss = ".is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}:host{display:block;color:var(--color-gray-10)}.product-tag{display:block;margin-top:0px;margin-bottom:4px;line-height:var(--ptc-line-height-normal);font-weight:var(--ptc-font-weight-semibold);font-size:0.875rem;color:var(--color-gray-10)}.content-section{text-align:center;background:var(--color-white);border:1px solid var(--color-gray-02);border-radius:4px;padding:32px;min-height:267px;display:flex;align-content:center;align-items:center;margin-top:1.5rem}@media only screen and (min-width: 768px){.content-section{margin-top:0}}.content-section .product-tag{margin-bottom:0px}.content-section .tab-content{display:none;margin:0 auto;word-break:break-word}.content-section .tab-content.active{display:block}@media only screen and (min-width: 992px){.p-8{padding:8px}}ptc-pricing-block{cursor:pointer}ptc-pricing-block.is-active{cursor:inherit}.tabs{position:relative}.attached{position:absolute;top:1px;right:0;z-index:150;font-size:var(--ptc-font-size-x-small)}.tag{line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);padding-bottom:4px;display:inline-block}";
|
|
14395
13868
|
|
|
14396
13869
|
class TabItem {
|
|
@@ -14961,7 +14434,7 @@ const PtcProgressBar$1 = class extends HTMLElement$1 {
|
|
|
14961
14434
|
|
|
14962
14435
|
const QuotationMark = `<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>`;
|
|
14963
14436
|
|
|
14964
|
-
const ptcQuoteCss = ":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)}";
|
|
14437
|
+
const ptcQuoteCss = ":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)}:host(.value-led-quote){margin-bottom:48px}:host(.value-led-quote) blockquote{margin:0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:0 0 0 40px}}@media only screen and (min-width: 992px){:host(.value-led-quote) blockquote{margin:8px 0 8px 48px}}:host(.value-led-quote) blockquote p,:host(.value-led-quote) blockquote span{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}:host(.value-led-quote) blockquote .quote-name{font-weight:500}";
|
|
14965
14438
|
|
|
14966
14439
|
const PtcQuote$1 = class extends HTMLElement$1 {
|
|
14967
14440
|
constructor() {
|
|
@@ -14980,7 +14453,8 @@ const PtcQuote$1 = class extends HTMLElement$1 {
|
|
|
14980
14453
|
}
|
|
14981
14454
|
render() {
|
|
14982
14455
|
const classMap = this.getCssClassMap();
|
|
14983
|
-
return (h$1(Host, { class: classMap }, this.imgSrc ? (h$1("div", { class: "quote-media" }, this.imgSrc ? h$1("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null, this.imgTitle ? this.getImageTitle() : null)) : null, h$1("div", { class: "quote-content" }, this.quoteType == 'image-quote' ? h$1("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null, h$1("blockquote", null,
|
|
14456
|
+
return (h$1(Host, { class: classMap }, this.imgSrc ? (h$1("div", { class: "quote-media" }, this.imgSrc ? h$1("img", { src: this.imgSrc, alt: this.imgTitle ? this.imgTitle : 'quote Image' }) : null, this.imgTitle ? this.getImageTitle() : null)) : null, h$1("div", { class: "quote-content" }, this.quoteType == 'image-quote' ? h$1("div", { class: 'quotemarks', innerHTML: QuotationMark }) : null, h$1("blockquote", null, this.quoteType == 'value-led-quote' &&
|
|
14457
|
+
h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "53", height: "38", viewBox: "0 0 53 38", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_212_629)" }, h$1("path", { d: "M13.7846 17.9206L16.974 0H5.22352L0 17.6207V38H22V17.9206H13.7846Z", fill: "#00890B" }), h$1("path", { d: "M44.7784 17.9206L47.9762 0H36.2212L31 17.6207V38H53V17.9206H44.7784Z", fill: "#00890B" })), h$1("defs", null, h$1("clipPath", { id: "clip0_212_629" }, h$1("rect", { width: "53", height: "38", fill: "white" })))), h$1("p", null, h$1("slot", null)), h$1("span", { class: "quote-name" }, this.quoteName ? this.quoteName : null), this.ctaText && this.ctaUrl ? (h$1("ptc-button", { type: "link", color: "ptc-secondary", "link-href": this.ctaUrl }, this.ctaText)) : null))));
|
|
14984
14458
|
}
|
|
14985
14459
|
getCssClassMap() {
|
|
14986
14460
|
return {
|
|
@@ -20921,7 +20395,7 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20921
20395
|
this.label = undefined;
|
|
20922
20396
|
this.isRequired = true;
|
|
20923
20397
|
this.helpertext = 'Please select a value!';
|
|
20924
|
-
this.
|
|
20398
|
+
this.fieldName = undefined;
|
|
20925
20399
|
this.disabled = false;
|
|
20926
20400
|
this.selectedValue = '';
|
|
20927
20401
|
this.ptcDataEloquaName = undefined;
|
|
@@ -20950,7 +20424,7 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20950
20424
|
return className;
|
|
20951
20425
|
}
|
|
20952
20426
|
render() {
|
|
20953
|
-
return (h$1(Host, { class: "ptc-select" }, h$1("label", { class: "ptc-label-select" }, this.label), h$1("div", { class: this.getSelectClassName() }, h$1("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), h$1("span", { class: "mdc-notched-outline" }, h$1("span", { class: "mdc-notched-outline__leading" }), h$1("span", { class: "mdc-notched-outline__trailing" })), h$1("span", { class: "mdc-select__selected-text-container" }, h$1("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.
|
|
20427
|
+
return (h$1(Host, { class: "ptc-select" }, h$1("label", { class: "ptc-label-select" }, this.label), h$1("div", { class: this.getSelectClassName() }, h$1("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), h$1("span", { class: "mdc-notched-outline" }, h$1("span", { class: "mdc-notched-outline__leading" }), h$1("span", { class: "mdc-notched-outline__trailing" })), h$1("span", { class: "mdc-select__selected-text-container" }, h$1("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), h$1("span", { class: "mdc-select__dropdown-icon" }, h$1("svg", { class: "", width: "20", height: "12", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h$1("path", { d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h$1("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, h$1("slot", null))), h$1("p", { id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h$1("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("g", { "clip-path": "url(#clip0_12_1424)" }, h$1("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h$1("defs", null, h$1("clipPath", { id: "clip0_12_1424" }, h$1("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext)));
|
|
20954
20428
|
}
|
|
20955
20429
|
get el() { return this; }
|
|
20956
20430
|
static get style() { return ptcSelectCss; }
|
|
@@ -25109,7 +24583,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25109
24583
|
this.labelText = 'Email';
|
|
25110
24584
|
this.helpertext = 'Please enter a value';
|
|
25111
24585
|
this.disabled = false;
|
|
25112
|
-
this.
|
|
24586
|
+
this.fieldName = 'email';
|
|
25113
24587
|
this.ptcDataEloquaName = undefined;
|
|
25114
24588
|
this.ptcDataTargetEloquaName = undefined;
|
|
25115
24589
|
this.inputValue = '';
|
|
@@ -25149,7 +24623,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25149
24623
|
// debugger;
|
|
25150
24624
|
// console.error('An error found here!', error.message);
|
|
25151
24625
|
// }
|
|
25152
|
-
if (this.fieldId === 'contact-phone' && this.
|
|
24626
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
25153
24627
|
this.iti = intlTelInput(this.customInput, {
|
|
25154
24628
|
separateDialCode: true,
|
|
25155
24629
|
initialCountry: 'auto',
|
|
@@ -25165,7 +24639,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25165
24639
|
}
|
|
25166
24640
|
}
|
|
25167
24641
|
getPhoneValidation() {
|
|
25168
|
-
if (this.fieldId === 'contact-phone' && this.
|
|
24642
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
25169
24643
|
if (this.iti.isValidNumber()) {
|
|
25170
24644
|
if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
25171
24645
|
this.mdcTextfield.classList.remove('mdc-text-field--invalid');
|
|
@@ -25173,7 +24647,6 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25173
24647
|
if (this.el.classList.contains('invalid-field')) {
|
|
25174
24648
|
this.el.classList.remove('invalid-field');
|
|
25175
24649
|
}
|
|
25176
|
-
// console.log("text field class list: " + this.mdcTextfield.className)
|
|
25177
24650
|
}
|
|
25178
24651
|
else if (!this.iti.isValidNumber()) {
|
|
25179
24652
|
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
@@ -25182,10 +24655,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25182
24655
|
if (!this.el.classList.contains('invalid-field')) {
|
|
25183
24656
|
this.el.classList.add('invalid-field');
|
|
25184
24657
|
}
|
|
25185
|
-
// console.log("text field class list: " + this.mdcTextfield.className);
|
|
25186
|
-
// console.log("this class list: " + this.el.className)
|
|
25187
24658
|
}
|
|
25188
|
-
// console.log('hello!');
|
|
25189
24659
|
}
|
|
25190
24660
|
}
|
|
25191
24661
|
setErrorBackground() {
|
|
@@ -25202,7 +24672,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25202
24672
|
}
|
|
25203
24673
|
getInputClassName() {
|
|
25204
24674
|
let className = 'mdc-text-field__input';
|
|
25205
|
-
if (this.type === 'tel' && this.
|
|
24675
|
+
if (this.type === 'tel' && this.fieldName === 'phone') {
|
|
25206
24676
|
className = `${className} intl-tel-input`;
|
|
25207
24677
|
}
|
|
25208
24678
|
else if (this.type === 'text' && this.ptcMaxLength) {
|
|
@@ -25215,13 +24685,13 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25215
24685
|
// if (this.type === 'email' && this.name === 'email') {
|
|
25216
24686
|
// validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
|
|
25217
24687
|
// }
|
|
25218
|
-
if (this.
|
|
24688
|
+
if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
|
|
25219
24689
|
validationPattern = '[A-Za-z ]+';
|
|
25220
24690
|
}
|
|
25221
24691
|
return validationPattern;
|
|
25222
24692
|
}
|
|
25223
24693
|
setHelperText() {
|
|
25224
|
-
if (this.type === 'email' && this.
|
|
24694
|
+
if (this.type === 'email' && this.fieldName === 'email') {
|
|
25225
24695
|
if (this.customInput.validity.valueMissing) {
|
|
25226
24696
|
this.helpertext = 'Email is required.';
|
|
25227
24697
|
}
|
|
@@ -25229,7 +24699,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25229
24699
|
this.helpertext = 'Please enter a valid email.';
|
|
25230
24700
|
}
|
|
25231
24701
|
}
|
|
25232
|
-
else if (this.
|
|
24702
|
+
else if (this.fieldName === 'firstname') {
|
|
25233
24703
|
if (this.customInput.validity.valueMissing) {
|
|
25234
24704
|
this.helpertext = 'Please enter your first name.';
|
|
25235
24705
|
}
|
|
@@ -25237,7 +24707,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25237
24707
|
this.helpertext = 'Please check your first name';
|
|
25238
24708
|
}
|
|
25239
24709
|
}
|
|
25240
|
-
else if (this.
|
|
24710
|
+
else if (this.fieldName === 'lastname') {
|
|
25241
24711
|
if (this.customInput.validity.valueMissing) {
|
|
25242
24712
|
this.helpertext = 'Please enter your last name.';
|
|
25243
24713
|
}
|
|
@@ -25265,9 +24735,9 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25265
24735
|
this.mdcTextfield = mdcTextfield;
|
|
25266
24736
|
} }, h$1("span", { class: "mdc-notched-outline ptc-textfield-outline" }, h$1("span", { class: "mdc-notched-outline__leading" }), h$1("span", { class: "mdc-notched-outline__trailing" })), h$1("input", Object.assign({ ref: customInput => {
|
|
25267
24737
|
this.customInput = customInput;
|
|
25268
|
-
}, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.
|
|
24738
|
+
}, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern() ? { pattern: this.getValidationPattern() } : null)))),
|
|
25269
24739
|
h$1("div", { class: `mdc-text-field-helper-line
|
|
25270
|
-
${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, h$1("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.
|
|
24740
|
+
${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, h$1("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, h$1("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("g", { "clip-path": "url(#clip0_12_1424)" }, h$1("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h$1("defs", null, h$1("clipPath", { id: "clip0_12_1424" }, h$1("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.ptcMaxLength ? (h$1("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " / ", this.ptcMaxLength)) : null),
|
|
25271
24741
|
]) : (h$1("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
|
|
25272
24742
|
}
|
|
25273
24743
|
get el() { return this; }
|
|
@@ -25703,7 +25173,65 @@ const PtcTwoColumnMedia$1 = class extends HTMLElement$1 {
|
|
|
25703
25173
|
static get style() { return ptcTwoColumnMediaCss; }
|
|
25704
25174
|
};
|
|
25705
25175
|
|
|
25706
|
-
const
|
|
25176
|
+
const ptcValueLedCardCss = ":host{display:block;padding:32px;border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-02);margin-bottom:16px}@media only screen and (min-width: 768px){:host{display:inline-flex;align-items:flex-start;gap:24px}}:host ptc-picture{max-width:200px;min-width:150px;margin-bottom:24px}@media only screen and (min-width: 480px){:host ptc-picture{min-width:200px}}@media only screen and (min-width: 768px){:host ptc-picture{margin-bottom:0}}:host .card-content .tag{display:block;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.5}";
|
|
25177
|
+
|
|
25178
|
+
const PtcValueLedCard$1 = class extends HTMLElement$1 {
|
|
25179
|
+
constructor() {
|
|
25180
|
+
super();
|
|
25181
|
+
this.__registerHost();
|
|
25182
|
+
this.__attachShadow();
|
|
25183
|
+
this.cardTitle = undefined;
|
|
25184
|
+
this.cardImage = undefined;
|
|
25185
|
+
}
|
|
25186
|
+
render() {
|
|
25187
|
+
return (h$1(Host, null, h$1("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h$1("div", { class: "card-content" }, h$1("span", { class: 'tag' }, "Up Next"), h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h$1("ptc-spacer", { size: "x-small" }), h$1("slot", null))));
|
|
25188
|
+
}
|
|
25189
|
+
static get style() { return ptcValueLedCardCss; }
|
|
25190
|
+
};
|
|
25191
|
+
|
|
25192
|
+
const ptcValueLedContentCss = ":host{display:block;padding-bottom:48px}:host .vl-content-title{margin-bottom:24px}@media only screen and (min-width: 768px){:host .vl-content-title{margin-bottom:32px}}";
|
|
25193
|
+
|
|
25194
|
+
const PtcValueLedContent$1 = class extends HTMLElement$1 {
|
|
25195
|
+
constructor() {
|
|
25196
|
+
super();
|
|
25197
|
+
this.__registerHost();
|
|
25198
|
+
this.__attachShadow();
|
|
25199
|
+
}
|
|
25200
|
+
render() {
|
|
25201
|
+
return (h$1(Host, null, h$1("div", { class: "vl-content-title" }, h$1("ptc-title", { type: "h2", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush" }, h$1("slot", { name: "vl-content-title" }))), h$1("slot", null)));
|
|
25202
|
+
}
|
|
25203
|
+
static get style() { return ptcValueLedContentCss; }
|
|
25204
|
+
};
|
|
25205
|
+
|
|
25206
|
+
const ptcValueLedContentHighlightCss = ".sc-ptc-value-led-content-highlight-h{display:block;border-left:7px solid var(--color-green-07);padding-left:32px;margin:0 0 48px 0}@media only screen and (min-width: 480px){.sc-ptc-value-led-content-highlight-h{margin:0 0 48px 40px}}@media only screen and (min-width: 992px){.sc-ptc-value-led-content-highlight-h{margin:8px 0 48px 48px}}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>p{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul li{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul{padding-left:12px}";
|
|
25207
|
+
|
|
25208
|
+
const PtcValueLedContentHighlight$1 = class extends HTMLElement$1 {
|
|
25209
|
+
constructor() {
|
|
25210
|
+
super();
|
|
25211
|
+
this.__registerHost();
|
|
25212
|
+
}
|
|
25213
|
+
render() {
|
|
25214
|
+
return (h$1(Host, null, h$1("slot", null)));
|
|
25215
|
+
}
|
|
25216
|
+
static get style() { return ptcValueLedContentHighlightCss; }
|
|
25217
|
+
};
|
|
25218
|
+
|
|
25219
|
+
const ptcValueLedIntroCss = ":host{display:block;padding-bottom:48px;padding-top:32px}@media only screen and (min-width: 768px){:host{padding-top:0}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-semibold);margin-bottom:var(--ptc-element-spacing-01)}";
|
|
25220
|
+
|
|
25221
|
+
const PtcValueLedIntro$1 = class extends HTMLElement$1 {
|
|
25222
|
+
constructor() {
|
|
25223
|
+
super();
|
|
25224
|
+
this.__registerHost();
|
|
25225
|
+
this.__attachShadow();
|
|
25226
|
+
this.contentTag = undefined;
|
|
25227
|
+
}
|
|
25228
|
+
render() {
|
|
25229
|
+
return (h$1(Host, null, h$1("div", { class: 'content-tag' }, this.contentTag), h$1("slot", null)));
|
|
25230
|
+
}
|
|
25231
|
+
static get style() { return ptcValueLedIntroCss; }
|
|
25232
|
+
};
|
|
25233
|
+
|
|
25234
|
+
const ptcValueLedLayoutCss = ".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 span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}: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 20px 20px 20px;background-color:#fff;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@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% + 40px);margin-left:-20px;background-position:calc(100% - 24px) 50%}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}";
|
|
25707
25235
|
|
|
25708
25236
|
const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
25709
25237
|
constructor() {
|
|
@@ -25806,13 +25334,40 @@ const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
|
25806
25334
|
}
|
|
25807
25335
|
}
|
|
25808
25336
|
render() {
|
|
25809
|
-
return (h$1(Host, null, h$1("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h$1("div", { class: 'ptc-container' }, h$1("div", { class: "pdf-slot-wrapper" }, h$1("slot", { name: 'pdf-slot' })), h$1("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h$1("div", { class: 'vl-sidebar' }, h$1("div", { class: 'vl-list-wrap' }, h$1("ul", null, this.sidebarData.map((item) => (h$1("li", null, h$1("a", { href: "#" + item.ref }, item.title)))))))), h$1("div", { class: 'vl-content-wrap' }, this.isMobile &&
|
|
25337
|
+
return (h$1(Host, null, h$1("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h$1("div", { class: 'ptc-container' }, h$1("div", { class: "pdf-slot-wrapper" }, h$1("slot", { name: 'pdf-slot' })), h$1("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h$1("div", { class: 'vl-sidebar' }, h$1("div", { class: 'vl-list-wrap' }, h$1("ul", null, this.sidebarData.map((item) => (h$1("li", null, h$1("a", { href: "#" + item.ref }, h$1("span", null, item.title))))))))), h$1("div", { class: 'vl-content-wrap' }, this.isMobile &&
|
|
25810
25338
|
h$1("select", { class: 'mobile-select', onChange: (event) => this.handleSelectChange(event) }, this.sidebarData.map((item) => (h$1("option", { value: item.title }, " ", item.title)))), h$1("div", { class: 'vl-content-slot-wrap' }, h$1("slot", null)))))));
|
|
25811
25339
|
}
|
|
25812
25340
|
get hostElement() { return this; }
|
|
25813
25341
|
static get style() { return ptcValueLedLayoutCss; }
|
|
25814
25342
|
};
|
|
25815
25343
|
|
|
25344
|
+
const ptcValueLedSpeedBumpCss = ":host{display:block;margin-bottom:48px}:host .sb-card{display:block;border-radius:4px;background:var(--color-white);box-shadow:var(--ptc-shadow-x-small);text-decoration:none}@media only screen and (min-width: 480px){:host .sb-card{display:flex}}:host .sb-card .img-wrap{width:100%;max-height:120px;overflow:hidden}@media only screen and (min-width: 480px){:host .sb-card .img-wrap{max-width:120px;max-height:initial}}:host .sb-card .img-wrap ptc-picture{height:100%}:host .sb-card .card-content-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 16px 16px;box-sizing:border-box}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .card-content{padding-right:24px}}:host .sb-card .card-content-wrap h4,:host .sb-card .card-content-wrap p{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);margin:0 0 4px 0;text-decoration:none}:host .sb-card .card-content-wrap p{margin:0;font-weight:var(--ptc-font-weight-semibold)}:host .sb-card .card-content-wrap .cta-slot{display:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .cta-slot{display:block}}";
|
|
25345
|
+
|
|
25346
|
+
const PtcValueLedSpeedBump$1 = class extends HTMLElement$1 {
|
|
25347
|
+
constructor() {
|
|
25348
|
+
super();
|
|
25349
|
+
this.__registerHost();
|
|
25350
|
+
this.__attachShadow();
|
|
25351
|
+
this.cardTitle = undefined;
|
|
25352
|
+
this.cardImage = undefined;
|
|
25353
|
+
this.isMobile = undefined;
|
|
25354
|
+
}
|
|
25355
|
+
handleResize() {
|
|
25356
|
+
this.isMobile = window.innerWidth < 768;
|
|
25357
|
+
}
|
|
25358
|
+
componentWillLoad() {
|
|
25359
|
+
this.isMobile = window.innerWidth < 768;
|
|
25360
|
+
this.ctaLink = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('link-href');
|
|
25361
|
+
this.ctaTarget = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('target');
|
|
25362
|
+
}
|
|
25363
|
+
render() {
|
|
25364
|
+
const Tag = !!this.isMobile ? 'a' : 'div';
|
|
25365
|
+
return (h$1(Host, null, h$1(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
|
|
25366
|
+
h$1("div", { class: 'img-wrap' }, h$1("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" })), h$1("div", { class: 'card-content-wrap' }, h$1("div", { class: 'card-content' }, h$1("h4", null, this.cardTitle), h$1("p", null, h$1("slot", null))), h$1("div", { class: 'cta-slot' }, h$1("slot", { name: 'cta-slot' }))))));
|
|
25367
|
+
}
|
|
25368
|
+
static get style() { return ptcValueLedSpeedBumpCss; }
|
|
25369
|
+
};
|
|
25370
|
+
|
|
25816
25371
|
const ptcValuePropCardCss = ":host{display:block}:host .vp-card{display:block;position:relative;box-shadow:var(--ptc-shadow-x-large);border-radius:var(--ptc-border-radius-large);overflow:hidden;height:200px}@media only screen and (min-width: 480px){:host .vp-card{height:250px}}@media only screen and (min-width: 768px){:host .vp-card{height:300px}}@media only screen and (min-width: 992px){:host .vp-card{height:548px}}:host .vp-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.33);z-index:1;opacity:0;transition:0.3s ease-out}:host .vp-card .caption{position:absolute;bottom:0;left:0;width:75%;text-align:center;padding:1rem;border-radius:var(--ptc-border-radius-large);border:1px solid var(--color-white);background-color:rgba(0, 0, 0, 0.6);backdrop-filter:blur(2px);color:var(--color-white);z-index:10;display:flex;justify-content:center;align-items:center;min-height:54px}@media only screen and (min-width: 480px){:host .vp-card .caption{width:60%}}@media only screen and (min-width: 768px){:host .vp-card .caption{width:75%}}:host .vp-card .caption ptc-para{text-decoration-color:var(--color-green-06);text-decoration-line:none;text-decoration-style:initial;text-underline-offset:5px;text-decoration-thickness:2px}:host .vp-card:hover .overlay{opacity:1;transition:0.3s ease-out}:host .vp-card:hover .caption ptc-para{text-decoration-line:underline}";
|
|
25817
25372
|
|
|
25818
25373
|
const PtcValuePropCard$1 = class extends HTMLElement$1 {
|
|
@@ -26166,7 +25721,7 @@ const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1,
|
|
|
26166
25721
|
const PtcBioCard = /*@__PURE__*/proxyCustomElement(PtcBioCard$1, [1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]);
|
|
26167
25722
|
const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]);
|
|
26168
25723
|
const PtcBrightcovVideo = /*@__PURE__*/proxyCustomElement(PtcBrightcovVideo$1, [2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]);
|
|
26169
|
-
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}]);
|
|
25724
|
+
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"],"size":[1]}]);
|
|
26170
25725
|
const PtcCard = /*@__PURE__*/proxyCustomElement(PtcCard$1, [1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]);
|
|
26171
25726
|
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
26172
25727
|
const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"]}]);
|
|
@@ -26218,7 +25773,6 @@ const PtcPricingAddOnCard = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnCard$
|
|
|
26218
25773
|
const PtcPricingAddOnSection = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnSection$1, [4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]);
|
|
26219
25774
|
const PtcPricingBlock = /*@__PURE__*/proxyCustomElement(PtcPricingBlock$1, [1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]);
|
|
26220
25775
|
const PtcPricingPackagingTable = /*@__PURE__*/proxyCustomElement(PtcPricingPackagingTable$1, [1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]);
|
|
26221
|
-
const PtcPricingTable = /*@__PURE__*/proxyCustomElement(PtcPricingTable$1, [1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]);
|
|
26222
25776
|
const PtcPricingTabs = /*@__PURE__*/proxyCustomElement(PtcPricingTabs$1, [1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]);
|
|
26223
25777
|
const PtcProductCard = /*@__PURE__*/proxyCustomElement(PtcProductCard$1, [1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]);
|
|
26224
25778
|
const PtcProductCategory = /*@__PURE__*/proxyCustomElement(PtcProductCategory$1, [1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]);
|
|
@@ -26233,7 +25787,7 @@ const PtcReadmoreChar = /*@__PURE__*/proxyCustomElement(PtcReadmoreChar$1, [1,"p
|
|
|
26233
25787
|
const PtcRelatedCardRail = /*@__PURE__*/proxyCustomElement(PtcRelatedCardRail$1, [1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]);
|
|
26234
25788
|
const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
|
|
26235
25789
|
const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1]}]);
|
|
26236
|
-
const PtcSelect = /*@__PURE__*/proxyCustomElement(PtcSelect$1, [4,"ptc-select",{"fieldId":[1,"field-id"],"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"
|
|
25790
|
+
const PtcSelect = /*@__PURE__*/proxyCustomElement(PtcSelect$1, [4,"ptc-select",{"fieldId":[1,"field-id"],"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"fieldName":[1,"field-name"],"disabled":[4],"selectedValue":[1025,"selected-value"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"]}]);
|
|
26237
25791
|
const PtcShoppingCart = /*@__PURE__*/proxyCustomElement(PtcShoppingCart$1, [1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]);
|
|
26238
25792
|
const PtcSkeleton = /*@__PURE__*/proxyCustomElement(PtcSkeleton$1, [1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]);
|
|
26239
25793
|
const PtcSlitCard = /*@__PURE__*/proxyCustomElement(PtcSlitCard$1, [1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]);
|
|
@@ -26251,14 +25805,19 @@ const PtcTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"ptc-tab",{"optionClicked
|
|
|
26251
25805
|
const PtcTabList = /*@__PURE__*/proxyCustomElement(PtcTabList$1, [4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]);
|
|
26252
25806
|
const PtcTabs = /*@__PURE__*/proxyCustomElement(Tabs, [1,"ptc-tabs",{"tabs":[32]}]);
|
|
26253
25807
|
const PtcTextCopyWithBackground = /*@__PURE__*/proxyCustomElement(PtcTextCopyWithBackground$1, [1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]);
|
|
26254
|
-
const PtcTextfield = /*@__PURE__*/proxyCustomElement(PtcTextfield$1, [0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"
|
|
25808
|
+
const PtcTextfield = /*@__PURE__*/proxyCustomElement(PtcTextfield$1, [0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"fieldName":[1,"field-name"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"inputValue":[1025,"input-value"],"customValidation":[16]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]]);
|
|
26255
25809
|
const PtcTheaterVideo = /*@__PURE__*/proxyCustomElement(PtcTheaterVideo$1, [6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"],"modalType":[1,"modal-type"]}]);
|
|
26256
25810
|
const PtcTheaterVideoModal = /*@__PURE__*/proxyCustomElement(PtcTheaterVideoModal$1, [6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32]}]);
|
|
26257
25811
|
const PtcTheaterVideoPlaylist = /*@__PURE__*/proxyCustomElement(PtcTheaterVideoPlaylist$1, [1,"ptc-theater-video-playlist",{"cardElements":[8,"card-elements"],"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"],[4,"vCardClicked","handleVCardClickedEvent"]]]);
|
|
26258
25812
|
const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]);
|
|
26259
25813
|
const PtcTooltip = /*@__PURE__*/proxyCustomElement(PtcTooltip$1, [6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[1028,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]);
|
|
26260
25814
|
const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
|
|
25815
|
+
const PtcValueLedCard = /*@__PURE__*/proxyCustomElement(PtcValueLedCard$1, [1,"ptc-value-led-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"]}]);
|
|
25816
|
+
const PtcValueLedContent = /*@__PURE__*/proxyCustomElement(PtcValueLedContent$1, [1,"ptc-value-led-content"]);
|
|
25817
|
+
const PtcValueLedContentHighlight = /*@__PURE__*/proxyCustomElement(PtcValueLedContentHighlight$1, [6,"ptc-value-led-content-highlight"]);
|
|
25818
|
+
const PtcValueLedIntro = /*@__PURE__*/proxyCustomElement(PtcValueLedIntro$1, [1,"ptc-value-led-intro",{"contentTag":[1,"content-tag"]}]);
|
|
26261
25819
|
const PtcValueLedLayout = /*@__PURE__*/proxyCustomElement(PtcValueLedLayout$1, [1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"isMobile":[32]},[[9,"resize","handleResize"],[9,"scroll","handleScroll"]]]);
|
|
25820
|
+
const PtcValueLedSpeedBump = /*@__PURE__*/proxyCustomElement(PtcValueLedSpeedBump$1, [1,"ptc-value-led-speed-bump",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"isMobile":[4,"is-mobile"]},[[9,"resize","handleResize"]]]);
|
|
26262
25821
|
const PtcValuePropCard = /*@__PURE__*/proxyCustomElement(PtcValuePropCard$1, [1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]);
|
|
26263
25822
|
const SequentialBundle = /*@__PURE__*/proxyCustomElement(SequentialBundle$1, [1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
26264
25823
|
const SequentialBundleExample = /*@__PURE__*/proxyCustomElement(SequentialBundleExample$1, [1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]);
|
|
@@ -26343,7 +25902,6 @@ const defineCustomElements = (opts) => {
|
|
|
26343
25902
|
PtcPricingAddOnSection,
|
|
26344
25903
|
PtcPricingBlock,
|
|
26345
25904
|
PtcPricingPackagingTable,
|
|
26346
|
-
PtcPricingTable,
|
|
26347
25905
|
PtcPricingTabs,
|
|
26348
25906
|
PtcProductCard,
|
|
26349
25907
|
PtcProductCategory,
|
|
@@ -26383,7 +25941,12 @@ const defineCustomElements = (opts) => {
|
|
|
26383
25941
|
PtcTitle,
|
|
26384
25942
|
PtcTooltip,
|
|
26385
25943
|
PtcTwoColumnMedia,
|
|
25944
|
+
PtcValueLedCard,
|
|
25945
|
+
PtcValueLedContent,
|
|
25946
|
+
PtcValueLedContentHighlight,
|
|
25947
|
+
PtcValueLedIntro,
|
|
26386
25948
|
PtcValueLedLayout,
|
|
25949
|
+
PtcValueLedSpeedBump,
|
|
26387
25950
|
PtcValuePropCard,
|
|
26388
25951
|
SequentialBundle,
|
|
26389
25952
|
SequentialBundleExample,
|
|
@@ -26397,4 +25960,4 @@ const defineCustomElements = (opts) => {
|
|
|
26397
25960
|
}
|
|
26398
25961
|
};
|
|
26399
25962
|
|
|
26400
|
-
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable,
|
|
25963
|
+
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|