npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.2-upgrade → 6.5.3-upgrade - Mend

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1017) hide show

package/dist/components/ptc-jumbotron.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$7 } from './p-CQ4L2QxH.js';
-import { d as defineCustomElement$6 } from './p-DKpFVgjA.js';
-import { d as defineCustomElement$5 } from './p-DOyYGAMs.js';
-import { d as defineCustomElement$4 } from './p-Bs970RWJ.js';
-import { d as defineCustomElement$3 } from './p-xwuMMQpY.js';
-import { d as defineCustomElement$2 } from './p-BtcjaYJo.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$7 } from './p-BIC2qXzj.js';
+import { d as defineCustomElement$6 } from './p-Bvmq-JtJ.js';
+import { d as defineCustomElement$5 } from './p-D3bpXdIz.js';
+import { d as defineCustomElement$4 } from './p-C0gVGnW4.js';
+import { d as defineCustomElement$3 } from './p-CCiKlHR_.js';
+import { d as defineCustomElement$2 } from './p-D2Uh7ppB.js';
-const ptcJumbotronCss = ".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%}.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-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.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}.overflow-x-hidden{overflow-x:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:hsla(0, 0%, 94.9%, 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)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@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%}.w-100{width:100%}.grid-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{-moz-column-gap:3rem;column-gap:3rem}}.grid-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{-moz-column-gap:3rem;column-gap:3rem}}.grid-x-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{-moz-column-gap:4rem;column-gap:4rem}}.grid-x-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{-moz-column-gap:4rem;column-gap:4rem}}.grid-medium-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{-moz-column-gap:2rem;column-gap:2rem}}.grid-medium-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{-moz-column-gap:2rem;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}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.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%}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.max-content{margin:auto}.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)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}ptc-nav-submenu{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}ptc-nav-submenu:focus-visible,ptc-nav-submenu:focus{margin-top:4px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}ptc-nav-link{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.logo-frame{background-color:transparent;margin-top:24px;display:flex;width:152px;height:-moz-max-content;height:max-content}.logo-frame img{box-sizing:border-box;max-width:100%;height:100%;max-height:64.02px}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important;max-height:-webkit-fill-available}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#f3f3f3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.text-jumbotron) .parent .logo-frame{justify-self:center;justify-content:center}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.light-video-jumbotron),:host(.light-jumbotron){border-bottom:1px solid rgba(0, 0, 0, 0.06)}";
+const ptcJumbotronCss = ".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%}.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-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.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}.overflow-x-hidden{overflow-x:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:hsla(0, 0%, 94.9%, 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)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@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%}.w-100{width:100%}.grid-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{-moz-column-gap:3rem;column-gap:3rem}}.grid-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{-moz-column-gap:3rem;column-gap:3rem}}.grid-x-large-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{-moz-column-gap:4rem;column-gap:4rem}}.grid-x-large-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{-moz-column-gap:4rem;column-gap:4rem}}.grid-medium-col-gap-md{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{-moz-column-gap:2rem;column-gap:2rem}}.grid-medium-col-gap-sm{-moz-column-gap:0;column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{-moz-column-gap:2rem;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}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.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%}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.max-content{margin:auto}.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)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}ptc-nav-submenu{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}ptc-nav-submenu:focus-visible,ptc-nav-submenu:focus{margin-top:4px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}ptc-nav-link{margin-top:6px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid transparent}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-06);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.logo-frame{background-color:transparent;margin-top:24px;display:flex;width:152px;height:-moz-max-content;height:max-content}.logo-frame img{box-sizing:border-box;max-width:100%;height:100%;max-height:64.02px}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important;max-height:-webkit-fill-available}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#f3f3f3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.text-jumbotron) .parent .logo-frame{justify-self:center;justify-content:center}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:\"\";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.light-video-jumbotron),:host(.light-jumbotron){border-bottom:1px solid rgba(0, 0, 0, 0.06)}";
 const PtcJumbotron$1 = /*@__PURE__*/ proxyCustomElement(class PtcJumbotron extends H {
     constructor(registerHost) {
@@ -76,52 +76,52 @@ const PtcJumbotron$1 = /*@__PURE__*/ proxyCustomElement(class PtcJumbotron exten
         let mediaElement;
         switch (this.jumbotronType) {
             case "png":
-                mediaElement = (h("div", { key: '57b4ee75b90a36cfba64db1bc0906f97ecbed3b0', class: "mobile-media-image" }, h("div", { key: '73b3cd52d1985e9ed181452b6ee12c40153db589', class: "media-image-wrapper" }, h("ptc-picture", { key: 'fce9e3fcc1674406d0aaf890beb7c8d5ed79b069', src: this.pngSrc }), this.hasPopupVideo && this.isMobile ? (h("slot", { name: "video" })) : null)));
+                mediaElement = (h("div", { key: 'ec8a7c3d107c4eee2cc17dc02bd8911a81147808', class: "mobile-media-image" }, h("div", { key: 'ca5ebeb5d9eab89625edd2d7610afa0361dcb1ca', class: "media-image-wrapper" }, h("ptc-picture", { key: '9370ff970f46bab0b69329d7f3d0f199b20cfb83', src: this.pngSrc }), this.hasPopupVideo && this.isMobile ? (h("slot", { name: "video" })) : null)));
                 break;
             case "blog":
-                mediaElement = (h("div", { key: '365bf34ec69024d213036e1e97d509cbd656e2a8', class: "mobile-media-image" }, h("div", { key: '11596c7a73468fc57a9bc881c27585e421065b2d', class: "media-image-wrapper" }, h("ptc-picture", { key: 'a41b28504febd8a4f1bac65e7de16fbeb2e4d0ee', "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" }))));
+                mediaElement = (h("div", { key: 'aa01401b9ee630bd2c343016054279ecc123fc4c', class: "mobile-media-image" }, h("div", { key: '65fadce0f3eda1c73c272deac61d0289906f8084', class: "media-image-wrapper" }, h("ptc-picture", { key: 'ee00e190b19d7776d2073cd90d3ff4108679b3b5', "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" }))));
                 break;
             case "gif":
-                mediaElement = (h("div", { key: 'fe55c4e929adddb56813572857e6ffe5e332f38c', class: "mobile-media-image gif-bg" }, h("img", { key: '1788d1c30e771e48666544db58d34c19deebaf7a', src: this.gifSrc })));
+                mediaElement = (h("div", { key: 'faf14803881d29941c7f422b5c2be6f4e8f791e1', class: "mobile-media-image gif-bg" }, h("img", { key: 'ce368c7cf1b522b597c01b0c32fa249e2b79611f', src: this.gifSrc })));
                 break;
             case "dark-video":
             case "light-video":
-                mediaElement = (h("ptc-background-video", { key: '64c6c730234e742c0530a8393cbb1cb95a45b136', class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle, "button-location": this.buttonLocation, "button-tab-index": this.buttonTabIndex, defer: this.defer, posterSrc: this.bgVideoPosterSrc }, " ", this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
+                mediaElement = (h("ptc-background-video", { key: '4483177bd7b56c95635aa9db7a9eaa890ac6b0bb', class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle, "button-location": this.buttonLocation, "button-tab-index": this.buttonTabIndex, defer: this.defer, posterSrc: this.bgVideoPosterSrc }, " ", this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
                 break;
             case "dark":
             case "light":
-                mediaElement = (h("div", { key: 'cd2a4567da2ebd49ad4253929b6dbf44884467ce', class: "dl-img-wrap" }, h("ptc-img", { key: 'ab0a73a3c85ea4915c242056d28e6f72a7eaadcc', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
+                mediaElement = (h("div", { key: '79f6958c0b4c792f0baa82772caa1cbc7b0a209c', class: "dl-img-wrap" }, h("ptc-img", { key: '2599ac8e62b82d483aba77ba6652819775b6f697', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), this.hasPopupVideo && this.isMobile ? (h("div", { class: "mobile-modal-play-btn" }, " ", h("slot", { name: "video" }))) : null));
                 break;
             default:
-                mediaElement = (h("ptc-img", { key: 'b8d97c4bff65c371eb115261479b9c2b4d32e533', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }));
+                mediaElement = (h("ptc-img", { key: '4a8e5783bb530ff231c25172605a8223a5c95f11', "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }));
         }
-        return (h(Host, { key: '094310d1c96f4af5ed01f6b8c8e96fd56fdbc8d2', class: classMap }, this.styles && h("style", { key: 'd134d301abbf2d61654449973b1f0eae7fc98793' }, this.styles), h("div", { key: '4fff40e90eca8426c7748350249832e653203a8c', class: {
+        return (h(Host, { key: '7aa3d0f4a9af8fd53b9afc37b273262c5df6f268', class: classMap }, this.styles && h("style", { key: 'f9bdf3a28645d3d9b1225a1521d770496747503a' }, this.styles), h("div", { key: '20146b5680a0a302f3319b66e049b36c1e43e62c', class: {
                 parent: true,
                 "light-links": this.jumbotronType === "dark" ||
                     this.jumbotronType === "dark-video",
                 "hp-adjustments": this.isHomepage,
                 transitioning: this.isTransitioning,
-            } }, h("div", { key: '59e37c9d2ad5fffcc539842d4531b00de8685ca0', class: `div1 image-container ${this.jumbotronType === "text" ? "hidden" : ""}` }, mediaElement), h("div", { key: '7e096bd8df4053bcbefc243f286363b03140bc6b', class: "div2 content-container" }, h("div", { key: 'd478c2fca75181ad9792551c6b55206e304cda2a', class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { key: '56c43b8ba1ad771d50699e802ffbfc8c4d5ece33', class: {
+            } }, h("div", { key: '37ca8a1b19e184967f8b2dbd4896431abb9d5563', class: `div1 image-container ${this.jumbotronType === "text" ? "hidden" : ""}` }, mediaElement), h("div", { key: 'b91f4cad7f66065d1c74c7b8e62223415690d4bb', class: "div2 content-container" }, h("div", { key: '12309b1be2b804646ba6b01aa8c7b7a79f0395e0', class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { key: '09893cd95cfbb65b374fe654c9a6d17ca73b816d', class: {
                 "ptc-container": true,
                 "content-layout": true,
                 "hp-container": this.isHomepage,
                 "blog-container": this.jumbotronType === "blog",
-            } }, h("max-width-container", { key: '21e16400ef4383e91b7cdf4118fec658bf8b19b2', "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === "text"
+            } }, h("max-width-container", { key: 'd531394c915450eea7153938756c7935d9a82e43', "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === "text"
                 ? "center"
-                : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { key: '4983e92d2b99a00b984c7fbbf7b9d4b2f2c86f57', name: "breadcrumb" }), !!this.logo && (h("div", { key: 'ed7d6da474fd1c0fb208f788a2af552f949a4142', class: "logo-frame" }, h("img", { key: '578a937b783b19b9063110888dfc81f712b5749e', alt: "Logo", src: this.logo }))), h("span", { key: 'a51450deef2a5fd7d4c74febb2b261ea68a09271', class: "main-content-items" }, h("ptc-spacer", { key: 'c128e1a25c552da7ca95b75787251f12ee82c15f', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'db28a16af7a314dccddc66d3f4c23ac4fd2d50c7', breakpoint: "x-small", size: "medium" }), h("slot", { key: '30aef1f2abd6a8bc250193b7a26bdeffa3c49731', name: "main-title" }), h("slot", { key: 'd99b10df8f624628701b4f78f554138921ce52f3', name: "hp-sub-title" }), (this.jumbotronType !== "text" ||
+                : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { key: 'ea6f74b34e1560d3971c63d63449b83e51c8fc07', name: "breadcrumb" }), !!this.logo && (h("div", { key: '6e7f69ac0172ec51ecad8824344cf8830b4202ab', class: "logo-frame" }, h("img", { key: '639d90966f2fc38a6258d1f7c284a4acb4f1b236', alt: "Logo", src: this.logo }))), h("span", { key: '5c83a4a7698edcf851044fd74f7d29db84f74973', class: "main-content-items" }, h("ptc-spacer", { key: 'ac63d3953e543a78e0ef73931679237333d792ad', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'fd838aaa9629384359ccd1b6485056ecdb93a356', breakpoint: "x-small", size: "medium" }), h("slot", { key: '591b79bddb8d6e25e77e49fe2241149d3247c6ae', name: "main-title" }), h("slot", { key: 'fafa223dfb27cccfe28352cafb809f38a73fe794', name: "hp-sub-title" }), (this.jumbotronType !== "text" ||
             (this.jumbotronType === "text" &&
                 this.subTitle)) &&
-            !this.isHomepage && (h("div", { key: 'db9196ff8e4c58895206b637e6c6787004c0a64a' }, h("ptc-spacer", { key: 'd602bd5f9f706d993cfc94ebd5f6fdb49e29f90b', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: 'cb0024f793e21b000ce8ac067e2211c2deb90a85', breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { key: 'a790563992ef8cb692deee71d4ba9f4b64737e0e', styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === "text" &&
+            !this.isHomepage && (h("div", { key: 'fe2eb74069b72ad73fde7f226d4caaa293a0f774' }, h("ptc-spacer", { key: '5b2f42f1fd68c5cfc3973ebd3e96b5db85a0a392', breakpoint: "small", size: "small" }), h("ptc-spacer", { key: '6a062aa9421e1e9515578b970680f380300f5ef9', breakpoint: "x-small", size: "medium" }))), !this.isHomepage && (h("ptc-para", { key: '1d4b52b80d1ba61bcd8f9469280435d781d56154', styles: `p{color: ${this.contentColor}!important;}`, "font-size": this.jumbotronType === "text" &&
                 this.isMobile
                 ? "x-small"
                 : "small", "font-weight": "w-4", "para-margin": `${this.jumbotronType === "text" || this.jumbotronType === "blog" ? "margin-flush" : "margin-bottom-6"}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === "text"
                 ? "center"
-                : "left", "seo-compatibility-mode": true }, h("p", { key: '1c00a5d168942918429788440e2bd71b390fdd6a', innerHTML: this.subTitle, style: { margin: "0" } }), h("p", { key: '07bba708d7b526c45ff5428bdc31cd0f59553a5a', style: { margin: "0" } }, h("slot", { key: '5d70935cbaa6ddb5e42794a90314ba39af7b89f1', name: "blog-date" })), this.jumbotronType === "blog" && (h("div", { key: '4e1f789978536d24dffcd5df0af2818d0b7a9963' }, h("ptc-spacer", { key: '5066b30b51b50569c2af4c339445f43475fcee92', breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { key: '674174105a7b2825feaac3baa48503d564775e5e', breakpoint: "small", size: "small" }), h("div", { key: 'd52376ef7f87757fae0d024092b738a9d7fd7dc2', id: "header-blog-author", slot: "blog-author" }, h("div", { key: '7a5447c69a6518dcaac4c10510a7b273db604177', class: "image" }, h("img", { key: '12c662a33d8f567675c44b1839bc353caf054a4f', alt: this
+                : "left", "seo-compatibility-mode": true }, h("p", { key: 'aef7eb354473aa49c29bedd9df9482eaca010ae5', innerHTML: this.subTitle, style: { margin: "0" } }), h("p", { key: '4bb17919a9bf6403df10b817f8d92c2c9c86d984', style: { margin: "0" } }, h("slot", { key: 'f836bd1fa2012f6245de4257600cfb49635336c9', name: "blog-date" })), this.jumbotronType === "blog" && (h("div", { key: '2b36b7fd75d1c9658c6961a1cc60b68d5d6868f1' }, h("ptc-spacer", { key: '8e47434b70c08353aa1792298644be378967ffa4', breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { key: '5816a90970e9b28dca6061c3d56087db7e401747', breakpoint: "small", size: "small" }), h("div", { key: '780cc185f17bd24fce2250945af49a0e58854481', id: "header-blog-author", slot: "blog-author" }, h("div", { key: '606eb3005ae832bbb8ec7a4bbcde1124b24a554c', class: "image" }, h("img", { key: '1beaf3b56f8f2841a280f7cae67b9ae267a762f1', alt: this
                 .blogAuthorImageAlt, src: this
-                .blogAuthorImage })), h("ptc-para", { key: '74a7686923977856fff2185b28c01d2bce69fb93', "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { key: 'd6468c4590d5ea770098c68deb476f221121175a', class: "blog-author-name mf-listen", tabindex: "0", href: this
+                .blogAuthorImage })), h("ptc-para", { key: 'a8512a30e68b4694517522ccf677d28f266d7e12', "font-size": "small", "font-weight": "w-4", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("a", { key: 'ccaa25559d02a6a7fc45bce64e83a1d6cb431311', class: "blog-author-name mf-listen", tabindex: "0", href: this
                 .blogAuthorQueryHref, target: this
                 .blogAuthorQueryTarget, "aria-label": "Other blogs by author" }, this
-            .blogAuthorName))))))), this.hasCtaSlot && (h("div", { key: 'e0b09c042b90c598502ef32e81c3e35bdde600fc', class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === "text" ? " text-adjustment" : ""}` }, h("slot", { key: '1d9aa19f07c0d3a6a1bc7d11b04d581b4de34326', name: "j-cta" }))))), this.hasPopupVideo &&
+            .blogAuthorName))))))), this.hasCtaSlot && (h("div", { key: '99c039bbf1ca2456a4f5ada47f8e5fbe1c7cf109', class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === "text" ? " text-adjustment" : ""}` }, h("slot", { key: 'bafc22305e6883acb7daedaef37346e00d4bbd87', name: "j-cta" }))))), this.hasPopupVideo &&
             this.jumbotronType !== "png" ? (h("slot", { name: "video" })) : null, this.hasCountdown ? (h("slot", { name: "countdown" })) : null, this.jumbotronType === "png" ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: `img {${this.pngImgStyles}}` }), this.hasPopupVideo ? (h("slot", { name: "video" })) : null))) : null, this.jumbotronType === "gif" ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null, this.jumbotronType === "blog" ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc, styles: "img {height: 100%;}" })))) : null)))));
     }
     getCssClassMap() {

package/dist/components/ptc-jumbotron.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ptc-jumbotron.js","mappings":"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","names":["PtcJumbotron","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as ;\r\n@use 'utilities' as ;\r\n@use 'links' as ;\r\n@use 'mixins' as ;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(\r\n\t:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(\r\n\t\t\t.blog-jumbotron\r\n\t\t)\r\n) {\r\n\t.content-container {\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: 20px;\r\n\t\t\tpadding-bottom: 16px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.parent {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: auto 1fr;\r\n\tgrid-column-gap: 0px;\r\n\tgrid-row-gap: 0px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n\tbackground-color: transparent;\r\n\tmargin-top: 24px;\r\n\tdisplay: flex;\r\n\twidth: 152px;\r\n\theight: max-content;\r\n\r\n\timg {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 64.02px;\r\n\t}\r\n}\r\n\r\n.hp-adjustments {\r\n\tbackground-color: var(--color-black);\r\n\theight: auto;\r\n\tmin-height: 640px !important;\r\n\tmax-height: -webkit-fill-available;\r\n\t@media (min-height: 640px) {\r\n\t\tmin-height: 72vh !important;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 3 / 2;\r\n\t\tmin-height: 300px;\r\n\r\n\t\t&.hidden {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.bg-overlay {\r\n\t\tbackground:\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t180deg,\r\n\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t),\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t0deg,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 100%\r\n\t\t\t) !important;\r\n\t}\r\n\r\n\t@include screen-md {\r\n\t\t.div1 {\r\n\t\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\t\tmin-height: unset;\r\n\t\t}\r\n\t\t.bg-overlay {\r\n\t\t\tbackground:\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t\t),\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t90deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.6) 60%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 100%\r\n\t\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.div1,\r\n\t.main-content-items {\r\n\t\ttransition: opacity ease-out 250ms;\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t&.transitioning {\r\n\t\t.div1,\r\n\t\t.main-content-items {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.div1 {\r\n\tgrid-area: 1 / 1 / 2 / 2;\r\n\tmin-height: 300px;\r\n\r\n\t&.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.mobile-media-image {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.gif-bg {\r\n\tbackground-color: #f3f3f3;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.video-ratio {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\theight: 100%;\r\n}\r\n\r\n.div2 {\r\n\tgrid-area: 2 / 1 / 3 / 2;\r\n\tposition: relative;\r\n}\r\n\r\n.bg-overlay {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.content-layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t@include screen-md {\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t&.hp-container {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 120px;\r\n\t\tmargin-bottom: 120px;\r\n\r\n\t\t@media screen and (min-width: 768px) and (max-width: 992px) {\r\n\t\t\tmax-width: 720px;\r\n\t\t\tmargin-left: unset;\r\n\t\t\tmargin-top: 160px;\r\n\t\t\tmargin-bottom: 160px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\twidth: 1136px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\twidth: 1200px;\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&.blog-container {\r\n\t\tpadding-bottom: 48px;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: 100px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tgap: 43px;\r\n\t\t\tpadding-top: 75px;\r\n\r\n\t\t\tmax-width-container {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\r\n\t\t\tdiv.desktop-media-image {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tgap: var(--ptc-element-spacing-07);\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gap-adjustment {\r\n\tgap: var(--ptc-element-spacing-04);\r\n\tmargin-bottom: var(--ptc-element-spacing-07);\r\n\r\n\t@include screen-md {\r\n\t\tgap: var(--ptc-element-spacing-07);\r\n\t}\r\n}\r\n\r\n.text-adjustment {\r\n\tjustify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n\twidth: 40%;\r\n\tdisplay: none;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.desk-gif-adjustment {\r\n\tz-index: 3;\r\n\tdisplay: none;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t.parent {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-rows: 1fr;\r\n\t\tgrid-column-gap: 0px;\r\n\t\tgrid-row-gap: 0px;\r\n\t\tmin-height: 500px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\tmin-height: unset;\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\talign-self: center;\r\n\t\t//dont set the div2 to be relative, it will affect the background overlay\r\n\t\tposition: unset;\r\n\t}\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n\t.parent {\r\n\t\tmin-height: 120px;\r\n\t\tpadding: 48px 0 24px 0;\r\n\r\n\t\t.text-adjustment {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\r\n\t\t.logo-frame {\r\n\t\t\tjustify-self: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted(ptc-svg-btn) {\r\n\t\tposition: absolute;\r\n\t\tleft: 50% !important;\r\n\t\ttop: 50% !important;\r\n\t\ttransform: translate(-50%, -50%) !important;\r\n\t}\r\n\r\n\tmax-width-container {\r\n\t\t@include screen-md {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-right: 2rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n\t#header-blog-author {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tmargin-bottom: var(--ptc-layout-spacing-04);\r\n\t}\r\n\r\n\t#header-blog-author .image {\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n\r\n\t#header-blog-author .image img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\r\n\t.blog-author-name {\r\n\t\tcolor: inherit;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: inherit;\r\n\t\tfont-weight: inherit;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.blog-author-name:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tpadding: 16px;\r\n\t\tmargin: -16px;\r\n\t}\r\n\r\n\t.blog-author-name:hover {\r\n\t\tcolor: inherit;\r\n\t\tcursor: pointer;\r\n\t\ttext-decoration-line: underline;\r\n\t\ttext-decoration-style: solid;\r\n\t\ttext-decoration-color: var(--color-green-07);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttext-underline-offset: 4px;\r\n\t}\r\n\r\n\t.blog-author-name:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t.image-container {\r\n\t\tbackground: white;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tptc-picture {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image {\r\n\t\tdisplay: none;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\t// padding-top: 20px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.mobile-media-image {\r\n\t\tmargin: 75px 24px 32px 24px;\r\n\t\tdisplay: flex;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dl-img-wrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n\t.mobile-modal-play-btn {\r\n\t\t::slotted(ptc-svg-btn) {\r\n\t\t\tleft: 50% !important;\r\n\t\t\ttop: 50% !important;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nptc-info-tile {\r\n\t&:focus-visible {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" \| \"center\" \| \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t * delay loading of video to improve perfomance\r\n\t /\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" \|\|\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/ breadcrumb /}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/ added sub title slot for homepage jumbotron May, 2024 /}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ description /}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" \|\| this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/ <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> /}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog date /}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog author /}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ button div /}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/ popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t// const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t// const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t// if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t// videoEle.style.paddingBottom = '500px';\r\n\t// } else {\r\n\t// !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t// }\r\n\t// }\r\n}\r\n"],"version":3}
1	+ {"file":"ptc-jumbotron.js","mappings":"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","names":["PtcJumbotron","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as ;\r\n@use 'utilities' as ;\r\n@use 'links' as ;\r\n@use 'mixins' as ;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(\r\n\t:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(\r\n\t\t\t.blog-jumbotron\r\n\t\t)\r\n) {\r\n\t.content-container {\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: 20px;\r\n\t\t\tpadding-bottom: 16px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.parent {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: auto 1fr;\r\n\tgrid-column-gap: 0px;\r\n\tgrid-row-gap: 0px;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n\tbackground-color: transparent;\r\n\tmargin-top: 24px;\r\n\tdisplay: flex;\r\n\twidth: 152px;\r\n\theight: max-content;\r\n\r\n\timg {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 64.02px;\r\n\t}\r\n}\r\n\r\n.hp-adjustments {\r\n\tbackground-color: var(--color-black);\r\n\theight: auto;\r\n\tmin-height: 640px !important;\r\n\tmax-height: -webkit-fill-available;\r\n\t@media (min-height: 640px) {\r\n\t\tmin-height: 72vh !important;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 3 / 2;\r\n\t\tmin-height: 300px;\r\n\r\n\t\t&.hidden {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.bg-overlay {\r\n\t\tbackground:\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t180deg,\r\n\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t),\r\n\t\t\tlinear-gradient(\r\n\t\t\t\t0deg,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0.6) 100%\r\n\t\t\t) !important;\r\n\t}\r\n\r\n\t@include screen-md {\r\n\t\t.div1 {\r\n\t\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\t\tmin-height: unset;\r\n\t\t}\r\n\t\t.bg-overlay {\r\n\t\t\tbackground:\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t180deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.3) 0%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 20%\r\n\t\t\t\t),\r\n\t\t\t\tlinear-gradient(\r\n\t\t\t\t\t90deg,\r\n\t\t\t\t\trgba(0, 0, 0, 0.6) 60%,\r\n\t\t\t\t\trgba(0, 0, 0, 0) 100%\r\n\t\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.div1,\r\n\t.main-content-items {\r\n\t\ttransition: opacity ease-out 250ms;\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t&.transitioning {\r\n\t\t.div1,\r\n\t\t.main-content-items {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.div1 {\r\n\tgrid-area: 1 / 1 / 2 / 2;\r\n\tmin-height: 300px;\r\n\r\n\t&.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.mobile-media-image {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.gif-bg {\r\n\tbackground-color: #f3f3f3;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.video-ratio {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\theight: 100%;\r\n}\r\n\r\n.div2 {\r\n\tgrid-area: 2 / 1 / 3 / 2;\r\n\tposition: relative;\r\n}\r\n\r\n.bg-overlay {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.content-layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t@include screen-md {\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t&.hp-container {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 120px;\r\n\t\tmargin-bottom: 120px;\r\n\r\n\t\t@media screen and (min-width: 768px) and (max-width: 992px) {\r\n\t\t\tmax-width: 720px;\r\n\t\t\tmargin-left: unset;\r\n\t\t\tmargin-top: 160px;\r\n\t\t\tmargin-bottom: 160px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\twidth: 1136px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\twidth: 1200px;\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&.blog-container {\r\n\t\tpadding-bottom: 48px;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: 100px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tgap: 43px;\r\n\t\t\tpadding-top: 75px;\r\n\r\n\t\t\tmax-width-container {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\r\n\t\t\tdiv.desktop-media-image {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.gap-adjustment {\r\n\t\t\tgap: var(--ptc-element-spacing-07);\r\n\t\t\tmargin-bottom: unset;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gap-adjustment {\r\n\tgap: var(--ptc-element-spacing-04);\r\n\tmargin-bottom: var(--ptc-element-spacing-07);\r\n\r\n\t@include screen-md {\r\n\t\tgap: var(--ptc-element-spacing-07);\r\n\t}\r\n}\r\n\r\n.text-adjustment {\r\n\tjustify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n\twidth: 40%;\r\n\tdisplay: none;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.desk-gif-adjustment {\r\n\tz-index: 3;\r\n\tdisplay: none;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t.parent {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-rows: 1fr;\r\n\t\tgrid-column-gap: 0px;\r\n\t\tgrid-row-gap: 0px;\r\n\t\tmin-height: 500px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.div1 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\tmin-height: unset;\r\n\t}\r\n\r\n\t.div2 {\r\n\t\tgrid-area: 1 / 1 / 2 / 2;\r\n\t\talign-self: center;\r\n\t\t//dont set the div2 to be relative, it will affect the background overlay\r\n\t\tposition: unset;\r\n\t}\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n\t.parent {\r\n\t\tmin-height: 120px;\r\n\t\tpadding: 48px 0 24px 0;\r\n\r\n\t\t.text-adjustment {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\r\n\t\t.logo-frame {\r\n\t\t\tjustify-self: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted(ptc-svg-btn) {\r\n\t\tposition: absolute;\r\n\t\tleft: 50% !important;\r\n\t\ttop: 50% !important;\r\n\t\ttransform: translate(-50%, -50%) !important;\r\n\t}\r\n\r\n\tmax-width-container {\r\n\t\t@include screen-md {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-right: 2rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n\t#header-blog-author {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 12px;\r\n\t\tmargin-bottom: var(--ptc-layout-spacing-04);\r\n\t}\r\n\r\n\t#header-blog-author .image {\r\n\t\twidth: 48px;\r\n\t\theight: 48px;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t}\r\n\r\n\t#header-blog-author .image img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-circle);\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\r\n\t.blog-author-name {\r\n\t\tcolor: inherit;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: inherit;\r\n\t\tfont-weight: inherit;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.blog-author-name:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tpadding: 16px;\r\n\t\tmargin: -16px;\r\n\t}\r\n\r\n\t.blog-author-name:hover {\r\n\t\tcolor: inherit;\r\n\t\tcursor: pointer;\r\n\t\ttext-decoration-line: underline;\r\n\t\ttext-decoration-style: solid;\r\n\t\ttext-decoration-color: var(--color-green-07);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttext-underline-offset: 4px;\r\n\t}\r\n\r\n\t.blog-author-name:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t.image-container {\r\n\t\tbackground: white;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image,\r\n\t.mobile-media-image {\r\n\t\tposition: relative;\r\n\r\n\t\t.media-image-wrapper {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tptc-picture {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.desktop-media-image {\r\n\t\tdisplay: none;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 100%;\r\n\t\t\tmax-height: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\t// padding-top: 20px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.mobile-media-image {\r\n\t\tmargin: 75px 24px 32px 24px;\r\n\t\tdisplay: flex;\r\n\r\n\t\tptc-picture {\r\n\t\t\theight: 360px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dl-img-wrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n\t.mobile-modal-play-btn {\r\n\t\t::slotted(ptc-svg-btn) {\r\n\t\t\tleft: 50% !important;\r\n\t\t\ttop: 50% !important;\r\n\t\t\ttransform: translate(-50%, -50%) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nptc-info-tile {\r\n\t&:focus-visible {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" \| \"center\" \| \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t * delay loading of video to improve perfomance\r\n\t /\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" \|\|\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/ breadcrumb /}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/ added sub title slot for homepage jumbotron May, 2024 /}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ description /}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" \|\| this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/ <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> /}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog date /}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog author /}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ button div /}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/ popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t// const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t// const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t// if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t// videoEle.style.paddingBottom = '500px';\r\n\t// } else {\r\n\t// !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t// }\r\n\t// }\r\n}\r\n"],"version":3}

package/dist/components/ptc-link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcLink$1, d as defineCustomElement$1 } from './p-8vzwNc3z.js';
+import { P as PtcLink$1, d as defineCustomElement$1 } from './p-CA2kCxuI.js';
 const PtcLink = PtcLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ptc-media-card.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { i as isReducedMotion, o as onReducedMotionChange, h as getFileExtension } from './p-D8mHT2Sh.js';
-import { d as defineCustomElement$2 } from './p-DRHfC1tH.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { i as isReducedMotion, o as onReducedMotionChange, h as getFileExtension } from './p-DgwzgPHL.js';
+import { d as defineCustomElement$2 } from './p-1_hc7ycr.js';
 const ptcMediaCardCss = ":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host .anchor-wrap:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host video{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) ::slotted([slot=seo-content]){display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content p,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-densest);display:inline}@media only screen and (min-width: 768px){:host(.media-card) .card-wrap .car-content h3{font-size:var(--ptc-font-size-large)}}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content p{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small)}:host(.bureau-card){height:100%;position:relative}:host(.case-study-icon){width:296px}:host(.case-study-icon) ::slotted([slot=seo-content]){display:none}:host(.case-study-icon) .tracker-div{display:inline}:host(.case-study-icon) .case-study-img-anchor{position:relative;width:296px;height:396px;display:flex;justify-content:center;align-items:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{display:flex;width:296px;height:396px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1;box-shadow:var(--ptc-shadow-large)}:host(.case-study-icon) .case-study-img-anchor .after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:2;background:rgba(0, 0, 0, 0.5);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-icon-img{position:absolute;z-index:3;width:92px;height:42px;border-radius:4px;background:#fff;padding:24px;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.24);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor:hover .after{display:block;background:rgba(0, 0, 0, 0.07)}:host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img{width:96px;height:46px}:host(.case-study-icon) .case-study-img-anchor:active,:host(.case-study-icon) .case-study-img-anchor:focus{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .after,:host(.case-study-icon) .case-study-img-anchor:focus .after{display:block;background:rgba(0, 0, 0, 0.2);transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .case-study-icon-img,:host(.case-study-icon) .case-study-img-anchor:focus .case-study-icon-img{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media (min-width: 768px){:host(.case-study-icon){width:373px}:host(.case-study-icon) .case-study-img-anchor{width:373px;height:500px}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{width:373px;height:500px}}";
@@ -180,7 +180,7 @@ const PtcMediaCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcMediaCard exten
                 : false
             : false;
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '597cc05922300cf05b492fd7b5cf34608460e5bb', class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
+        return (h(Host, { key: '0457bf4149803c8ca67a9a489d0ca82c720fb724', class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.cardType != "case-study-icon"
                 ? this.isHovered && this.hoverBackgroundImage
                     ? {
                         backgroundImage: `url(${this.hoverBackgroundImage})`,
@@ -188,7 +188,7 @@ const PtcMediaCard$1 = /*@__PURE__*/ proxyCustomElement(class PtcMediaCard exten
                     : {
                         backgroundImage: `url(${this.activeBackgroundImage})`,
                     }
-                : {} }, h("slot", { key: 'c00aa8f0c71f018b096e02661eebdaa5bdbffde2', name: "seo-content" }), this.cardType != "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel, ...(this.isTabNavigated
+                : {} }, h("slot", { key: '707d00237566bdfb9d0bc8fca5162199ced252d7', name: "seo-content" }), this.cardType != "case-study-icon" ? (h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel, ...(this.isTabNavigated
                 ? { tabindex: 0 }
                 : { tabindex: -1 }), "aria-label": this.cardHref
                 ? "Read more about " + this.ariaLabel

package/dist/components/ptc-minimized-nav.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcMinimizedNavCss = ":host{display:block}.minimized-header .header{overflow:hidden;height:48px;background-color:var(--color-gray-10);display:flex;align-items:center;justify-content:center}.minimized-header .header a{float:left;color:var(--color-black);text-align:center;padding:0px 0;text-decoration:none;border-radius:var(--ptc-border-radius-standard);position:relative}.minimized-header .header a.mini-navbar-logo{font-weight:var(--ptc-font-weight-bold)}.minimized-header .header a.mini-navbar-logo img{width:65px;vertical-align:middle;border:0;height:auto}.minimized-header .header a::before{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:48px;transform:translateY(-4px)}.minimized-header .header a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255) !important;outline:rgb(0, 61, 214) solid 5px !important;background-color:transparent !important;outline-offset:0px}.mini-navbar-logo{outline:3px solid transparent}.mini-navbar-logo:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.ptc-container{margin-left:0}}@media only screen and (min-width: 1200px){.ptc-container{margin-left:auto;width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{width:1200px}}.ptc-min-footer{box-shadow:var(--ptc-shadow-medium);color:var(--color-white);position:relative;overflow:hidden;position:relative;z-index:1000;padding:0;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-10)}.min-footer-nav-list{margin:0;padding:0;list-style:none}.min-footer-copyright-wrapper{text-align:center;position:relative;z-index:20}.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center}@media screen-sm{.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0}}@media screen-xs{.minimized-header .header a{float:none;display:block;text-align:left}}";
@@ -16,7 +16,7 @@ const PtcMinimizedNav$1 = /*@__PURE__*/ proxyCustomElement(class PtcMinimizedNav
     navType = "minimized-header";
     trackerId;
     render() {
-        return (h(Host, { key: '4f9ba7034ea55efbcb033c8be4a059c1c14ef54d' }, this.navType == "minimized-header" ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
+        return (h(Host, { key: 'c83aeaa843b3736d4b9cc152dac17470f409adf9' }, this.navType == "minimized-header" ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "ptc-container" }, h("a", { class: "mini-navbar-logo mf-listen", href: this.linkUrl, tabindex: "0", id: this.trackerId }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == "minimized-footer" ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
     }
     static get style() { return ptcMinimizedNavCss; }
 }, [257, "ptc-minimized-nav", {

package/dist/components/ptc-mobile-select.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h as h$1 } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$2 } from './p-CXvPZ1oI.js';
+import { p as proxyCustomElement, H, e as createEvent, h as h$1 } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$2 } from './p-DBiVDa7C.js';
 /*
 * mobile-select v1.4.0
@@ -517,11 +517,11 @@ const PtcMobileSelect$1 = /*@__PURE__*/ proxyCustomElement(class PtcMobileSelect
         }
     }
     render() {
-        return (h$1("div", { key: '3e529cd952836b6d5eb909fc1c4c4dd68e673e73', class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => {
+        return (h$1("div", { key: 'c561137dbdc450d4db9479acdf9012ea06c5ccc4', class: "mobile-select-wrapper", "aria-selectlanguage": "Select Language", tabindex: "0", onKeyPress: (e) => {
                 this.wrapperClick(e);
-            } }, h$1("div", { key: '99861d4d7fbe8a9fe32f1b27b3222568c4961912', onClick: (e) => {
+            } }, h$1("div", { key: 'ded03c25ca82ce30f906173af26f8834316beb5b', onClick: (e) => {
                 this.wrapperClick(e);
-            } }, h$1("span", { key: 'cba1d84fb394e20e2db73ebf7559ddb187d0c56c', id: this.triggerName }, this.selectedText), h$1("icon-asset", { key: '600ab357558ee185d816bb5590bc51505c8bdb8d', type: "ptc", size: "x-small", name: "lang-drop-arrow", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}" }))));
+            } }, h$1("span", { key: '80ce41c10c3797cfb348d87ce190bab55436ffe7', id: this.triggerName }, this.selectedText), h$1("icon-asset", { key: '691811d0baea5958209aa095043096a86fc5306c', type: "ptc", size: "x-small", name: "lang-drop-arrow", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}" }))));
     }
     componentDidRender() {
         let that = this; //input current lang

package/dist/components/ptc-modal-quiz.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$5 } from './p-BTIxGOkl.js';
-import { d as defineCustomElement$4 } from './p-Bs970RWJ.js';
-import { d as defineCustomElement$3 } from './p-BtcjaYJo.js';
-import { d as defineCustomElement$2 } from './p-DFvvSoPo.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$5 } from './p-DGb1bK-E.js';
+import { d as defineCustomElement$4 } from './p-C0gVGnW4.js';
+import { d as defineCustomElement$3 } from './p-D2Uh7ppB.js';
+import { d as defineCustomElement$2 } from './p-DRaurB1z.js';
 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);height:-moz-max-content;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);margin-top:var(--ptc-element-spacing-05)}: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, rgba(0, 0, 0, 0) 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:-moz-max-content;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 input[type=radio]:after{content:\"\";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}: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}}";

package/dist/components/ptc-modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { P as PtcModal$1, d as defineCustomElement$1 } from './p-RXxAc6JR.js';
+import { P as PtcModal$1, d as defineCustomElement$1 } from './p-DClUcrE4.js';
 const PtcModal = PtcModal$1;
 const defineCustomElement = defineCustomElement$1;