@ptcwebops/ptcw-design 3.0.2 → 3.0.4
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/ptc-filter-dropdown_4.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +6 -1
- 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-filter-dropdown/ptc-filter-dropdown.js +1 -1
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +27 -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 +139 -571
- 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/ptc-filter-dropdown_4.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +6 -1
- 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-744b640e.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-a5bbf47d.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-filter-level-theater/ptc-filter-level-theater.d.ts +1 -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 +93 -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-b2d01ad4.entry.js +0 -1
- package/dist/ptcw-design/p-c20538ec.entry.js +0 -1
- package/dist/ptcw-design/p-e8bd06a4.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; }
|
|
@@ -9023,7 +9025,7 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
|
|
|
9023
9025
|
radioItem.checked = false;
|
|
9024
9026
|
}
|
|
9025
9027
|
});
|
|
9026
|
-
this.emitSelectedOptions();
|
|
9028
|
+
//this.emitSelectedOptions();
|
|
9027
9029
|
}
|
|
9028
9030
|
emitSelectedOptions() {
|
|
9029
9031
|
// debugger
|
|
@@ -9065,6 +9067,7 @@ const PtcFilterLevelTheater$1 = class extends HTMLElement$1 {
|
|
|
9065
9067
|
this.lastSelectedTab = 1;
|
|
9066
9068
|
this.lastSelectedTabGroup = undefined;
|
|
9067
9069
|
this.selectedTabGroup = 'landing-tab';
|
|
9070
|
+
this.enableFilters = undefined;
|
|
9068
9071
|
}
|
|
9069
9072
|
selectTab(tabNumber, tabGroup) {
|
|
9070
9073
|
this.lastSelectedTab = this.selectedTab; // Store the last selected tab before updating
|
|
@@ -9086,6 +9089,8 @@ const PtcFilterLevelTheater$1 = class extends HTMLElement$1 {
|
|
|
9086
9089
|
});
|
|
9087
9090
|
}
|
|
9088
9091
|
else {
|
|
9092
|
+
this.lastSelectedTab = 0;
|
|
9093
|
+
this.lastSelectedTabGroup = 'landing-tab';
|
|
9089
9094
|
this.selectTab(this.lastSelectedTab, this.lastSelectedTabGroup);
|
|
9090
9095
|
this.filterCliked.emit({
|
|
9091
9096
|
'sender': this,
|
|
@@ -9098,7 +9103,9 @@ const PtcFilterLevelTheater$1 = class extends HTMLElement$1 {
|
|
|
9098
9103
|
return (h$1(Host, null, this.renderBackgroundImage(), h$1("div", { class: "ptc-container flt-wrapper" }, this.renderFilterSection(), h$1("div", { class: "content-tab-wrapper" }, h$1("div", { class: "flt-tab-wrapper" }, h$1("div", { class: "tab-list" }, h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(1, 'side-tabs') }, "Manufacturing excellence through insight"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(2, 'side-tabs') }, "Deliver transformational impact"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(3, 'side-tabs') }, "Aligning to your business strategy"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(4, 'side-tabs') }, "Prove and scale value"), h$1("ptc-button", { type: "button", color: "ptc-quaternary", "link-href": "#form-section", "text-align": 'center', styles: "a{display:block}" }, "Get Started"), this.renderSocialMediaIcon())), h$1("div", { class: "flt-content-wrap" }, h$1("div", { class: { 'flt-content': true, 'landing-slide': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') } }, h$1("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with more production time? Drive revenue? Reduce costs?"), h$1("p", null, "Description Tab Item Rechtsschutzversicherungsgesellschaften ", h$1("a", { href: "/en/" }, "internal link"), ", ", h$1("a", { href: "http://www.google.com" }, "External Link"), ", ", h$1("a", { href: "/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design" }, "slug url"), ", ", h$1("strong", null, "bold"), ", ", h$1("em", null, "italics")), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"), h$1("li", null, "Action Tracker"), h$1("li", null, "Scorecard")), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Accelerate operational impact and sustain excellence"), h$1("p", null, "What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%\u2014which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."), h$1("p", null, "Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly\u2014all to rapidly advance your productivity."), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Accelerate Operational Impact and Sustain Excellence", "card-number": 0, "video-id": "6275116780001", "card-description": 'Description DPM Main Item Rechtsschutzversicherungsgesellschaften <a href="/en/">internal link</a>, <a href="http://www.google.com">External Link</a>, <a href="/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design">slug url</a>, <strong>bold</strong>, <em>italics</em>' }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Accelerate Operational Impact and Sustain Excellence"), h$1("ptc-spacer", null), h$1("p", { class: "dpm-v-p" }, "Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."), h$1("p", null, "Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products\u2014and they all need to be harmoniously synchronized to effectively problem solve."), h$1("p", null, "These challenges often mean that thousands of variables are managed through inefficient, incomplete, and\u2014unfortunately\u2014out-of-date reporting efforts."), h$1("p", null, "These realities make world class performance difficult to attain. While best in class factories can operate at 85% ", h$1("a", { href: "/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization", tabindex: "0" }, "capacity utilization"), ", or ", h$1("a", { href: "/en/solutions/digital-manufacturing/overall-equipment-effectiveness", tabindex: "0" }, "OEE (overall equipment effectiveness)"), ", most companies still fall short of this performance level. Instead, they operate closer to an average of 40\u201360% OEE."), h$1("h3", { class: "dpm-v-h3" }, "Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "), h$1("li", null, "Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-title": "Introduction to Digital Performance Management", "card-number": 1, "video-id": "6275114763001", "card-description": "Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Introduction to Digital Performance Management"), h$1("ptc-spacer", null), h$1("p", { class: "dpm-v-p" }, "Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."), h$1("p", null, "The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."), h$1("p", null, "For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."), h$1("h3", { class: "dpm-v-h3" }, "Digital Performance Management closed loop approach to operational excellence"), h$1("ul", { class: "dpm-v-ul" }, h$1("ul", null, h$1("li", null, "Prioritize production improvement with Bottleneck Analysis"), h$1("li", null, "Analyze production losses with Performance Analysis"), h$1("li", null, "Track performance improvements with Action Tracker"), h$1("li", null, "View site-level performance and compare across similar manufacturing sites with Scorecard"), h$1("li", null, "Monitor current performance with Production Dashboard")))))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Deliver transformational impact ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg", "card-title": "Title Video Item Rechtsschutzversicherungsgesellschaften", "card-number": 0, "video-id": "6275116783001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"), h$1("ptc-spacer", null), h$1("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h$1("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h$1("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h$1("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h$1("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Planned and unplanned downtime "), h$1("li", null, "Changeover time "), h$1("li", null, "Speed losses based on best demonstrated speeds by SKU "), h$1("li", null, "Small stops or micro stops "), h$1("li", null, "Scrap losses "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 2 ", "card-number": 1, "video-id": "6275111939001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, " Deliver transformational impact ThingWorx Digitaltest 2", h$1("a", { href: "#" }, " link test 2"), " Some test content")), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/imagebc.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "Deliver transformational impact ThingWorx Digital test 3", h$1("a", { href: "#" }, " link test 3"), " Some test content")))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Aligning to your business strategy ThingWorx Digital Performance Management"), h$1("p", null, "Drive revenue? Reduce costs?"), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"), h$1("li", null, "Action Tracker"), h$1("li", null, "Scorecard")), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Test Why Digital Performance Management from PTC 1", "card-number": 0, "video-id": "6275116780001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Drive improvement from the ground up to engage the full organization"), h$1("ptc-spacer", null), h$1("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h$1("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h$1("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h$1("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h$1("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Planned and unplanned downtime "), h$1("li", null, "Changeover time "), h$1("li", null, "Speed losses based on best demonstrated speeds by SKU "), h$1("li", null, "Small stops or micro stops "), h$1("li", null, "Scrap losses "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 1, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "test 2", h$1("a", { href: "#" }, " link test 2"), " Some test content")), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "test 3", h$1("a", { href: "#" }, " link test 3"), " Some test content")), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag, manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 3, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "test 2", h$1("a", { href: "#" }, " link test 2"), " Some test content")))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Prove and scale value ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 2"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 3"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))))))));
|
|
9099
9104
|
}
|
|
9100
9105
|
renderFilterSection() {
|
|
9101
|
-
|
|
9106
|
+
if (this.enableFilters) {
|
|
9107
|
+
return (h$1("div", { class: "filter-section" }, h$1("ptc-filter-dropdown", { placeholder: "Job Title" }, h$1("span", { "tab-id": '1', "tag-name": "leader-tag" }, "Continuous Improvement Leader"), h$1("span", { "tab-id": '2', "tag-name": "manager-tag" }, "Plant Manager"), h$1("span", { "tab-id": '3', "tag-name": "vp-tag" }, "VP of Global Manufacturing"))));
|
|
9108
|
+
}
|
|
9102
9109
|
}
|
|
9103
9110
|
renderBackgroundImage() {
|
|
9104
9111
|
return (h$1("div", { class: "flt-bg-image-wrapper" }, h$1("div", { class: {
|
|
@@ -9251,7 +9258,7 @@ const PtcForm$1 = class extends HTMLElement$1 {
|
|
|
9251
9258
|
invalidLength === 0);
|
|
9252
9259
|
}
|
|
9253
9260
|
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
|
|
9261
|
+
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
9262
|
}
|
|
9256
9263
|
get el() { return this; }
|
|
9257
9264
|
static get style() { return ptcFormCss; }
|
|
@@ -12428,7 +12435,7 @@ const PtcModal$1 = class extends HTMLElement$1 {
|
|
|
12428
12435
|
static get style() { return ptcModalCss; }
|
|
12429
12436
|
};
|
|
12430
12437
|
|
|
12431
|
-
const ptcModalQuizCss = ":host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-
|
|
12438
|
+
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
12439
|
|
|
12433
12440
|
var Priority;
|
|
12434
12441
|
(function (Priority) {
|
|
@@ -13704,7 +13711,8 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13704
13711
|
let linkHref = headerLink.getAttribute('href');
|
|
13705
13712
|
let linkText = headerLink.innerHTML;
|
|
13706
13713
|
let linkTarget = headerLink.getAttribute('target');
|
|
13707
|
-
|
|
13714
|
+
let linkTitle = headerLink.getAttribute('title');
|
|
13715
|
+
this.columnHeaderLinks.push({ linkHref, linkText, linkTarget, linkTitle });
|
|
13708
13716
|
headerLink.remove();
|
|
13709
13717
|
}
|
|
13710
13718
|
else {
|
|
@@ -13743,7 +13751,8 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13743
13751
|
let linkHref = ctaButton.getAttribute('href');
|
|
13744
13752
|
let linkText = ctaButton.innerHTML;
|
|
13745
13753
|
let linkTarget = ctaButton.getAttribute('target');
|
|
13746
|
-
|
|
13754
|
+
let linkTitle = ctaButton.getAttribute('title');
|
|
13755
|
+
this.ctaButtons.push({ linkHref, linkText, linkTarget, linkTitle });
|
|
13747
13756
|
ctaButton.remove();
|
|
13748
13757
|
this.showCtaButtonsRow = true;
|
|
13749
13758
|
}
|
|
@@ -13816,7 +13825,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13816
13825
|
return h$1("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
|
|
13817
13826
|
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
13827
|
: 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 ?
|
|
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: `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
13829
|
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
13830
|
: this.columnHeaderLinks[col].linkText)) : null);
|
|
13822
13831
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
|
|
@@ -13825,7 +13834,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13825
13834
|
return h$1("div", { id: "table-header-placeholder", class: this.headerType }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
|
|
13826
13835
|
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
13836
|
: 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 ?
|
|
13837
|
+
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
13838
|
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
13839
|
: this.columnHeaderLinks[col].linkText)) : null);
|
|
13831
13840
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
|
|
@@ -13844,7 +13853,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13844
13853
|
h$1("div", { class: "desktop-sticky-row-header" })
|
|
13845
13854
|
: null, ([...Array(this.dataCols).keys()]).map(col => {
|
|
13846
13855
|
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}
|
|
13856
|
+
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
13857
|
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
13858
|
: this.ctaButtons[col].linkText) : null);
|
|
13850
13859
|
}), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
|
|
@@ -13860,537 +13869,6 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
|
|
|
13860
13869
|
static get style() { return ptcPricingPackagingTableCss; }
|
|
13861
13870
|
};
|
|
13862
13871
|
|
|
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
13872
|
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
13873
|
|
|
14396
13874
|
class TabItem {
|
|
@@ -14961,7 +14439,7 @@ const PtcProgressBar$1 = class extends HTMLElement$1 {
|
|
|
14961
14439
|
|
|
14962
14440
|
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
14441
|
|
|
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)}";
|
|
14442
|
+
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
14443
|
|
|
14966
14444
|
const PtcQuote$1 = class extends HTMLElement$1 {
|
|
14967
14445
|
constructor() {
|
|
@@ -14980,7 +14458,8 @@ const PtcQuote$1 = class extends HTMLElement$1 {
|
|
|
14980
14458
|
}
|
|
14981
14459
|
render() {
|
|
14982
14460
|
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,
|
|
14461
|
+
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' &&
|
|
14462
|
+
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
14463
|
}
|
|
14985
14464
|
getCssClassMap() {
|
|
14986
14465
|
return {
|
|
@@ -20921,7 +20400,7 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20921
20400
|
this.label = undefined;
|
|
20922
20401
|
this.isRequired = true;
|
|
20923
20402
|
this.helpertext = 'Please select a value!';
|
|
20924
|
-
this.
|
|
20403
|
+
this.fieldName = undefined;
|
|
20925
20404
|
this.disabled = false;
|
|
20926
20405
|
this.selectedValue = '';
|
|
20927
20406
|
this.ptcDataEloquaName = undefined;
|
|
@@ -20950,7 +20429,7 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20950
20429
|
return className;
|
|
20951
20430
|
}
|
|
20952
20431
|
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.
|
|
20432
|
+
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
20433
|
}
|
|
20955
20434
|
get el() { return this; }
|
|
20956
20435
|
static get style() { return ptcSelectCss; }
|
|
@@ -25109,7 +24588,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25109
24588
|
this.labelText = 'Email';
|
|
25110
24589
|
this.helpertext = 'Please enter a value';
|
|
25111
24590
|
this.disabled = false;
|
|
25112
|
-
this.
|
|
24591
|
+
this.fieldName = 'email';
|
|
25113
24592
|
this.ptcDataEloquaName = undefined;
|
|
25114
24593
|
this.ptcDataTargetEloquaName = undefined;
|
|
25115
24594
|
this.inputValue = '';
|
|
@@ -25149,7 +24628,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25149
24628
|
// debugger;
|
|
25150
24629
|
// console.error('An error found here!', error.message);
|
|
25151
24630
|
// }
|
|
25152
|
-
if (this.fieldId === 'contact-phone' && this.
|
|
24631
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
25153
24632
|
this.iti = intlTelInput(this.customInput, {
|
|
25154
24633
|
separateDialCode: true,
|
|
25155
24634
|
initialCountry: 'auto',
|
|
@@ -25165,7 +24644,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25165
24644
|
}
|
|
25166
24645
|
}
|
|
25167
24646
|
getPhoneValidation() {
|
|
25168
|
-
if (this.fieldId === 'contact-phone' && this.
|
|
24647
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
25169
24648
|
if (this.iti.isValidNumber()) {
|
|
25170
24649
|
if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
25171
24650
|
this.mdcTextfield.classList.remove('mdc-text-field--invalid');
|
|
@@ -25173,7 +24652,6 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25173
24652
|
if (this.el.classList.contains('invalid-field')) {
|
|
25174
24653
|
this.el.classList.remove('invalid-field');
|
|
25175
24654
|
}
|
|
25176
|
-
// console.log("text field class list: " + this.mdcTextfield.className)
|
|
25177
24655
|
}
|
|
25178
24656
|
else if (!this.iti.isValidNumber()) {
|
|
25179
24657
|
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
@@ -25182,10 +24660,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25182
24660
|
if (!this.el.classList.contains('invalid-field')) {
|
|
25183
24661
|
this.el.classList.add('invalid-field');
|
|
25184
24662
|
}
|
|
25185
|
-
// console.log("text field class list: " + this.mdcTextfield.className);
|
|
25186
|
-
// console.log("this class list: " + this.el.className)
|
|
25187
24663
|
}
|
|
25188
|
-
// console.log('hello!');
|
|
25189
24664
|
}
|
|
25190
24665
|
}
|
|
25191
24666
|
setErrorBackground() {
|
|
@@ -25202,7 +24677,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25202
24677
|
}
|
|
25203
24678
|
getInputClassName() {
|
|
25204
24679
|
let className = 'mdc-text-field__input';
|
|
25205
|
-
if (this.type === 'tel' && this.
|
|
24680
|
+
if (this.type === 'tel' && this.fieldName === 'phone') {
|
|
25206
24681
|
className = `${className} intl-tel-input`;
|
|
25207
24682
|
}
|
|
25208
24683
|
else if (this.type === 'text' && this.ptcMaxLength) {
|
|
@@ -25215,13 +24690,13 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25215
24690
|
// if (this.type === 'email' && this.name === 'email') {
|
|
25216
24691
|
// validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
|
|
25217
24692
|
// }
|
|
25218
|
-
if (this.
|
|
24693
|
+
if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
|
|
25219
24694
|
validationPattern = '[A-Za-z ]+';
|
|
25220
24695
|
}
|
|
25221
24696
|
return validationPattern;
|
|
25222
24697
|
}
|
|
25223
24698
|
setHelperText() {
|
|
25224
|
-
if (this.type === 'email' && this.
|
|
24699
|
+
if (this.type === 'email' && this.fieldName === 'email') {
|
|
25225
24700
|
if (this.customInput.validity.valueMissing) {
|
|
25226
24701
|
this.helpertext = 'Email is required.';
|
|
25227
24702
|
}
|
|
@@ -25229,7 +24704,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25229
24704
|
this.helpertext = 'Please enter a valid email.';
|
|
25230
24705
|
}
|
|
25231
24706
|
}
|
|
25232
|
-
else if (this.
|
|
24707
|
+
else if (this.fieldName === 'firstname') {
|
|
25233
24708
|
if (this.customInput.validity.valueMissing) {
|
|
25234
24709
|
this.helpertext = 'Please enter your first name.';
|
|
25235
24710
|
}
|
|
@@ -25237,7 +24712,7 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25237
24712
|
this.helpertext = 'Please check your first name';
|
|
25238
24713
|
}
|
|
25239
24714
|
}
|
|
25240
|
-
else if (this.
|
|
24715
|
+
else if (this.fieldName === 'lastname') {
|
|
25241
24716
|
if (this.customInput.validity.valueMissing) {
|
|
25242
24717
|
this.helpertext = 'Please enter your last name.';
|
|
25243
24718
|
}
|
|
@@ -25265,9 +24740,9 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
25265
24740
|
this.mdcTextfield = mdcTextfield;
|
|
25266
24741
|
} }, 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
24742
|
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.
|
|
24743
|
+
}, 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
24744
|
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.
|
|
24745
|
+
${!!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
24746
|
]) : (h$1("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
|
|
25272
24747
|
}
|
|
25273
24748
|
get el() { return this; }
|
|
@@ -25703,7 +25178,65 @@ const PtcTwoColumnMedia$1 = class extends HTMLElement$1 {
|
|
|
25703
25178
|
static get style() { return ptcTwoColumnMediaCss; }
|
|
25704
25179
|
};
|
|
25705
25180
|
|
|
25706
|
-
const
|
|
25181
|
+
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}";
|
|
25182
|
+
|
|
25183
|
+
const PtcValueLedCard$1 = class extends HTMLElement$1 {
|
|
25184
|
+
constructor() {
|
|
25185
|
+
super();
|
|
25186
|
+
this.__registerHost();
|
|
25187
|
+
this.__attachShadow();
|
|
25188
|
+
this.cardTitle = undefined;
|
|
25189
|
+
this.cardImage = undefined;
|
|
25190
|
+
}
|
|
25191
|
+
render() {
|
|
25192
|
+
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))));
|
|
25193
|
+
}
|
|
25194
|
+
static get style() { return ptcValueLedCardCss; }
|
|
25195
|
+
};
|
|
25196
|
+
|
|
25197
|
+
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}}";
|
|
25198
|
+
|
|
25199
|
+
const PtcValueLedContent$1 = class extends HTMLElement$1 {
|
|
25200
|
+
constructor() {
|
|
25201
|
+
super();
|
|
25202
|
+
this.__registerHost();
|
|
25203
|
+
this.__attachShadow();
|
|
25204
|
+
}
|
|
25205
|
+
render() {
|
|
25206
|
+
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)));
|
|
25207
|
+
}
|
|
25208
|
+
static get style() { return ptcValueLedContentCss; }
|
|
25209
|
+
};
|
|
25210
|
+
|
|
25211
|
+
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}";
|
|
25212
|
+
|
|
25213
|
+
const PtcValueLedContentHighlight$1 = class extends HTMLElement$1 {
|
|
25214
|
+
constructor() {
|
|
25215
|
+
super();
|
|
25216
|
+
this.__registerHost();
|
|
25217
|
+
}
|
|
25218
|
+
render() {
|
|
25219
|
+
return (h$1(Host, null, h$1("slot", null)));
|
|
25220
|
+
}
|
|
25221
|
+
static get style() { return ptcValueLedContentHighlightCss; }
|
|
25222
|
+
};
|
|
25223
|
+
|
|
25224
|
+
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)}";
|
|
25225
|
+
|
|
25226
|
+
const PtcValueLedIntro$1 = class extends HTMLElement$1 {
|
|
25227
|
+
constructor() {
|
|
25228
|
+
super();
|
|
25229
|
+
this.__registerHost();
|
|
25230
|
+
this.__attachShadow();
|
|
25231
|
+
this.contentTag = undefined;
|
|
25232
|
+
}
|
|
25233
|
+
render() {
|
|
25234
|
+
return (h$1(Host, null, h$1("div", { class: 'content-tag' }, this.contentTag), h$1("slot", null)));
|
|
25235
|
+
}
|
|
25236
|
+
static get style() { return ptcValueLedIntroCss; }
|
|
25237
|
+
};
|
|
25238
|
+
|
|
25239
|
+
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
25240
|
|
|
25708
25241
|
const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
25709
25242
|
constructor() {
|
|
@@ -25806,13 +25339,40 @@ const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
|
25806
25339
|
}
|
|
25807
25340
|
}
|
|
25808
25341
|
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 &&
|
|
25342
|
+
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
25343
|
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
25344
|
}
|
|
25812
25345
|
get hostElement() { return this; }
|
|
25813
25346
|
static get style() { return ptcValueLedLayoutCss; }
|
|
25814
25347
|
};
|
|
25815
25348
|
|
|
25349
|
+
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}}";
|
|
25350
|
+
|
|
25351
|
+
const PtcValueLedSpeedBump$1 = class extends HTMLElement$1 {
|
|
25352
|
+
constructor() {
|
|
25353
|
+
super();
|
|
25354
|
+
this.__registerHost();
|
|
25355
|
+
this.__attachShadow();
|
|
25356
|
+
this.cardTitle = undefined;
|
|
25357
|
+
this.cardImage = undefined;
|
|
25358
|
+
this.isMobile = undefined;
|
|
25359
|
+
}
|
|
25360
|
+
handleResize() {
|
|
25361
|
+
this.isMobile = window.innerWidth < 768;
|
|
25362
|
+
}
|
|
25363
|
+
componentWillLoad() {
|
|
25364
|
+
this.isMobile = window.innerWidth < 768;
|
|
25365
|
+
this.ctaLink = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('link-href');
|
|
25366
|
+
this.ctaTarget = document.querySelector('ptc-value-led-speed-bump ptc-button').getAttribute('target');
|
|
25367
|
+
}
|
|
25368
|
+
render() {
|
|
25369
|
+
const Tag = !!this.isMobile ? 'a' : 'div';
|
|
25370
|
+
return (h$1(Host, null, h$1(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
|
|
25371
|
+
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' }))))));
|
|
25372
|
+
}
|
|
25373
|
+
static get style() { return ptcValueLedSpeedBumpCss; }
|
|
25374
|
+
};
|
|
25375
|
+
|
|
25816
25376
|
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
25377
|
|
|
25818
25378
|
const PtcValuePropCard$1 = class extends HTMLElement$1 {
|
|
@@ -26166,7 +25726,7 @@ const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1,
|
|
|
26166
25726
|
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
25727
|
const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]);
|
|
26168
25728
|
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"]}]);
|
|
25729
|
+
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
25730
|
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
25731
|
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
26172
25732
|
const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"]}]);
|
|
@@ -26183,7 +25743,7 @@ const PtcEllipsisDropdown = /*@__PURE__*/proxyCustomElement(PtcEllipsisDropdown$
|
|
|
26183
25743
|
const PtcEmbeddedQuiz = /*@__PURE__*/proxyCustomElement(PtcEmbeddedQuiz$1, [1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]);
|
|
26184
25744
|
const PtcFeaturedList = /*@__PURE__*/proxyCustomElement(PtcFeaturedList$1, [1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
|
|
26185
25745
|
const PtcFilterDropdown = /*@__PURE__*/proxyCustomElement(PtcFilterDropdown$1, [1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}]);
|
|
26186
|
-
const PtcFilterLevelTheater = /*@__PURE__*/proxyCustomElement(PtcFilterLevelTheater$1, [1,"ptc-filter-level-theater",{"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]},[[4,"selectedFilterValues","handleSelectedFilterValues"]]]);
|
|
25746
|
+
const PtcFilterLevelTheater = /*@__PURE__*/proxyCustomElement(PtcFilterLevelTheater$1, [1,"ptc-filter-level-theater",{"enableFilters":[4,"enable-filters"],"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]},[[4,"selectedFilterValues","handleSelectedFilterValues"]]]);
|
|
26187
25747
|
const PtcFilterTag = /*@__PURE__*/proxyCustomElement(PtcFilterTag$1, [1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]);
|
|
26188
25748
|
const PtcForm = /*@__PURE__*/proxyCustomElement(PtcForm$1, [0,"ptc-form",{"formData":[32]}]);
|
|
26189
25749
|
const PtcFormCheckbox = /*@__PURE__*/proxyCustomElement(PtcFormCheckbox$1, [0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hideCheckbox":[4,"hide-checkbox"],"hasError":[32]}]);
|
|
@@ -26218,7 +25778,6 @@ const PtcPricingAddOnCard = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnCard$
|
|
|
26218
25778
|
const PtcPricingAddOnSection = /*@__PURE__*/proxyCustomElement(PtcPricingAddOnSection$1, [4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]);
|
|
26219
25779
|
const PtcPricingBlock = /*@__PURE__*/proxyCustomElement(PtcPricingBlock$1, [1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]);
|
|
26220
25780
|
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
25781
|
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
25782
|
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
25783
|
const PtcProductCategory = /*@__PURE__*/proxyCustomElement(PtcProductCategory$1, [1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]);
|
|
@@ -26233,7 +25792,7 @@ const PtcReadmoreChar = /*@__PURE__*/proxyCustomElement(PtcReadmoreChar$1, [1,"p
|
|
|
26233
25792
|
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
25793
|
const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
|
|
26235
25794
|
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],"
|
|
25795
|
+
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
25796
|
const PtcShoppingCart = /*@__PURE__*/proxyCustomElement(PtcShoppingCart$1, [1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]);
|
|
26238
25797
|
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
25798
|
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 +25810,19 @@ const PtcTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"ptc-tab",{"optionClicked
|
|
|
26251
25810
|
const PtcTabList = /*@__PURE__*/proxyCustomElement(PtcTabList$1, [4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]);
|
|
26252
25811
|
const PtcTabs = /*@__PURE__*/proxyCustomElement(Tabs, [1,"ptc-tabs",{"tabs":[32]}]);
|
|
26253
25812
|
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],"
|
|
25813
|
+
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
25814
|
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
25815
|
const PtcTheaterVideoModal = /*@__PURE__*/proxyCustomElement(PtcTheaterVideoModal$1, [6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32]}]);
|
|
26257
25816
|
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
25817
|
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
25818
|
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
25819
|
const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
|
|
25820
|
+
const PtcValueLedCard = /*@__PURE__*/proxyCustomElement(PtcValueLedCard$1, [1,"ptc-value-led-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"]}]);
|
|
25821
|
+
const PtcValueLedContent = /*@__PURE__*/proxyCustomElement(PtcValueLedContent$1, [1,"ptc-value-led-content"]);
|
|
25822
|
+
const PtcValueLedContentHighlight = /*@__PURE__*/proxyCustomElement(PtcValueLedContentHighlight$1, [6,"ptc-value-led-content-highlight"]);
|
|
25823
|
+
const PtcValueLedIntro = /*@__PURE__*/proxyCustomElement(PtcValueLedIntro$1, [1,"ptc-value-led-intro",{"contentTag":[1,"content-tag"]}]);
|
|
26261
25824
|
const PtcValueLedLayout = /*@__PURE__*/proxyCustomElement(PtcValueLedLayout$1, [1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"isMobile":[32]},[[9,"resize","handleResize"],[9,"scroll","handleScroll"]]]);
|
|
25825
|
+
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
25826
|
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
25827
|
const SequentialBundle = /*@__PURE__*/proxyCustomElement(SequentialBundle$1, [1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
26264
25828
|
const SequentialBundleExample = /*@__PURE__*/proxyCustomElement(SequentialBundleExample$1, [1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]);
|
|
@@ -26343,7 +25907,6 @@ const defineCustomElements = (opts) => {
|
|
|
26343
25907
|
PtcPricingAddOnSection,
|
|
26344
25908
|
PtcPricingBlock,
|
|
26345
25909
|
PtcPricingPackagingTable,
|
|
26346
|
-
PtcPricingTable,
|
|
26347
25910
|
PtcPricingTabs,
|
|
26348
25911
|
PtcProductCard,
|
|
26349
25912
|
PtcProductCategory,
|
|
@@ -26383,7 +25946,12 @@ const defineCustomElements = (opts) => {
|
|
|
26383
25946
|
PtcTitle,
|
|
26384
25947
|
PtcTooltip,
|
|
26385
25948
|
PtcTwoColumnMedia,
|
|
25949
|
+
PtcValueLedCard,
|
|
25950
|
+
PtcValueLedContent,
|
|
25951
|
+
PtcValueLedContentHighlight,
|
|
25952
|
+
PtcValueLedIntro,
|
|
26386
25953
|
PtcValueLedLayout,
|
|
25954
|
+
PtcValueLedSpeedBump,
|
|
26387
25955
|
PtcValuePropCard,
|
|
26388
25956
|
SequentialBundle,
|
|
26389
25957
|
SequentialBundleExample,
|
|
@@ -26397,4 +25965,4 @@ const defineCustomElements = (opts) => {
|
|
|
26397
25965
|
}
|
|
26398
25966
|
};
|
|
26399
25967
|
|
|
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,
|
|
25968
|
+
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 };
|