@ptcwebops/ptcw-design 3.2.2 → 3.2.3

package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js

@@ -6,142 +6,142 @@ const index = require('./index-cd9a1b1a.js');
 
 const ptcBreadcrumbCss = ":host{display:block;margin-top:var(--ptc-element-spacing-05);display:flex;align-items:flex-start}:host .list-items{display:inline-block;margin-left:4px;margin-top:5px;text-align:center}:host .list-items::before{content:\"\"}@media only screen and (min-width: 480px){:host .list-items{text-align:unset}:host .list-items::before{content:none}}::slotted(*){transform:translate(-2px, -2px)}:host(.left){display:flex;justify-content:flex-start;align-items:flex-end}:host(.center){display:flex;justify-content:center}:host(.right){display:flex;justify-content:flex-end}:host(.remove-top-margin){margin-top:0px !important}";
 
-const PtcBreadcrumb = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.position = undefined;
-    this.removeTopMargin = false;
-    this.color = 'white';
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("div", { class: 'list-items' }, index.h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": "https://www.ptc.com" }, index.h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })), index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.position]: !!this.position && this.position !== undefined ? true : false,
-      ['remove-top-margin']: this.removeTopMargin ? true : false,
-    };
-  }
-};
+const PtcBreadcrumb = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.position = undefined;
+    this.removeTopMargin = false;
+    this.color = 'white';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("div", { class: 'list-items' }, index.h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": "https://www.ptc.com" }, index.h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })), index.h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.position]: !!this.position && this.position !== undefined ? true : false,
+      ['remove-top-margin']: this.removeTopMargin ? true : false,
+    };
+  }
+};
 PtcBreadcrumb.style = ptcBreadcrumbCss;
 
 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-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);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{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}.light-links a:not(.hero-footer-form-wrapper a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a):active,.light-links a:not(.hero-footer-form-wrapper 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):active,.background-grey-10 a:not(.hero-footer-form-wrapper 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):active,.background-plm-grey a:not(.hero-footer-form-wrapper a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a):hover,.light-links a:not(.hero-footer-form-wrapper 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):hover,.background-grey-10 a:not(.hero-footer-form-wrapper 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):hover,.background-plm-grey a:not(.hero-footer-form-wrapper 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).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.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{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{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-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:unset;z-index:999}.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}}.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(.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}}.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}";
 
-const PtcJumbotron = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.jumbotronType = 'light';
-    this.hasPopupVideo = false;
-    this.mainTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur';
-    this.subTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet';
-    this.pngSrc = undefined;
-    this.gifSrc = undefined;
-    this.bgVideoSrc = undefined;
-    this.bgSrc = undefined;
-    this.isIframe = false;
-    this.playButtonTitle = undefined;
-    this.pauseButtonTitle = undefined;
-    this.contentBackground = undefined;
-    this.contentColor = undefined;
-    this.textAlign = 'left';
-    this.isMobile = undefined;
-    this.hasCtaSlot = undefined;
-  }
-  componentWillLoad() {
-    this.hasCtaSlot = !!this.el.querySelector('[slot="j-cta"]');
-  }
-  handleResize() {
-    this.getContentBackground();
-    //this.adjustJumbotronHeight();
-  }
-  connectedCallback() {
-    this.getContentBackground();
-  }
-  componentDidLoad() {
-    //this.adjustJumbotronHeight();
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let mediaElement;
-    switch (this.jumbotronType) {
-      case 'png':
-        mediaElement = (index.h("div", { class: "mobile-media-image" }, index.h("div", { class: "media-image-wrapper" }, index.h("ptc-picture", { src: this.pngSrc }), (this.hasPopupVideo && this.isMobile) ? index.h("slot", { name: "video" }) : null)));
-        break;
-      case 'gif':
-        mediaElement = (index.h("div", { class: "mobile-media-image gif-bg" }, index.h("img", { src: this.gifSrc })));
-        break;
-      case 'dark-video':
-      case 'light-video':
-        mediaElement = (index.h("ptc-background-video", { class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle }, " ", (this.hasPopupVideo && this.isMobile) ? index.h("div", { class: 'mobile-modal-play-btn' }, " ", index.h("slot", { name: "video" })) : null));
-        break;
-      case 'dark':
-      case 'light':
-        mediaElement = (index.h("div", { class: 'dl-img-wrap' }, index.h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), (this.hasPopupVideo && this.isMobile) ? index.h("div", { class: 'mobile-modal-play-btn' }, " ", index.h("slot", { name: "video" })) : null));
-        break;
-      default:
-        mediaElement = index.h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
-    }
-    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "parent" }, index.h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), index.h("div", { class: "div2 content-container" }, index.h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), index.h("div", { class: "ptc-container content-layout" }, index.h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, index.h("slot", { name: "breadcrumb" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("slot", { name: "main-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (index.h("div", null, index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), index.h("ptc-para", { "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": 'w-4', "para-margin": `${this.jumbotronType === 'text' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left' }, index.h("ptc-tooltip", { "text-lines": "8", description: this.subTitle, position: "right", styles: `.ellipsis-by-line-boxing{color: ${this.contentColor};}` })), this.hasCtaSlot &&
-      index.h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, index.h("slot", { name: "j-cta" }))), (this.hasPopupVideo && this.jumbotronType !== 'png') ? index.h("slot", { name: "video" }) : null, this.jumbotronType === 'png' ? (index.h("div", { class: "desktop-media-image" }, index.h("div", { class: "media-image-wrapper" }, index.h("ptc-picture", { "is-full-width": true, src: this.pngSrc }), this.hasPopupVideo ? index.h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (index.h("div", { class: "desktop-media-image desk-gif-adjustment" }, index.h("img", { src: this.gifSrc }))) : null)))));
-  }
-  getCssClassMap() {
-    return {
-      // [this.imageZIndex] : true
-      "text-jumbotron": this.jumbotronType === "text" ? true : false,
-      "png-jumbotron": this.jumbotronType === "png" ? true : false,
-      "gif-jumbotron": this.jumbotronType === "gif" ? true : false,
-      "dark-video-jumbotron": this.jumbotronType === "dark-video" ? true : false,
-      "light-video-jumbotron": this.jumbotronType === "light-video" ? true : false,
-      "dark-jumbotron": this.jumbotronType === "dark" ? true : false,
-      "light-jumbotron": this.jumbotronType === "light" ? true : false
-    };
-  }
-  getContentBackground() {
-    if (window.innerWidth < 992) {
-      switch (this.jumbotronType) {
-        case 'light':
-        case 'light-video':
-          this.contentBackground = 'var(--color-white)';
-          this.contentColor = 'var(--color-gray-10)';
-          break;
-        case 'dark':
-        case 'dark-video':
-          this.contentBackground = 'var(--color-gray-09)';
-          this.contentColor = 'var(--color-gray-01)';
-          break;
-        default:
-          this.contentBackground = 'transparent';
-          this.contentColor = 'var(--color-gray-10)';
-      }
-      this.isMobile = true;
-    }
-    else {
-      switch (this.jumbotronType) {
-        case 'light':
-        case 'light-video':
-          this.contentBackground = 'linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)';
-          this.contentColor = 'var(--color-gray-10)';
-          break;
-        case 'dark':
-        case 'dark-video':
-          this.contentBackground = 'linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)';
-          this.contentColor = 'var(--color-gray-01)';
-          break;
-        case 'gif':
-          this.contentBackground = '#F3F3F3';
-          this.contentColor = 'var(--color-gray-10)';
-          break;
-        default:
-          this.contentBackground = 'transparent';
-          this.contentColor = 'var(--color-gray-10)';
-      }
-      this.isMobile = false;
-    }
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcJumbotron = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.jumbotronType = 'light';
+    this.hasPopupVideo = false;
+    this.mainTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur';
+    this.subTitle = 'Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet';
+    this.pngSrc = undefined;
+    this.gifSrc = undefined;
+    this.bgVideoSrc = undefined;
+    this.bgSrc = undefined;
+    this.isIframe = false;
+    this.playButtonTitle = undefined;
+    this.pauseButtonTitle = undefined;
+    this.contentBackground = undefined;
+    this.contentColor = undefined;
+    this.textAlign = 'left';
+    this.isMobile = undefined;
+    this.hasCtaSlot = undefined;
+  }
+  componentWillLoad() {
+    this.hasCtaSlot = !!this.el.querySelector('[slot="j-cta"]');
+  }
+  handleResize() {
+    this.getContentBackground();
+    //this.adjustJumbotronHeight();
+  }
+  connectedCallback() {
+    this.getContentBackground();
+  }
+  componentDidLoad() {
+    //this.adjustJumbotronHeight();
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let mediaElement;
+    switch (this.jumbotronType) {
+      case 'png':
+        mediaElement = (index.h("div", { class: "mobile-media-image" }, index.h("div", { class: "media-image-wrapper" }, index.h("ptc-picture", { src: this.pngSrc }), (this.hasPopupVideo && this.isMobile) ? index.h("slot", { name: "video" }) : null)));
+        break;
+      case 'gif':
+        mediaElement = (index.h("div", { class: "mobile-media-image gif-bg" }, index.h("img", { src: this.gifSrc })));
+        break;
+      case 'dark-video':
+      case 'light-video':
+        mediaElement = (index.h("ptc-background-video", { class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe, "play-button-title": this.playButtonTitle, "pause-button-title": this.pauseButtonTitle }, " ", (this.hasPopupVideo && this.isMobile) ? index.h("div", { class: 'mobile-modal-play-btn' }, " ", index.h("slot", { name: "video" })) : null));
+        break;
+      case 'dark':
+      case 'light':
+        mediaElement = (index.h("div", { class: 'dl-img-wrap' }, index.h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" }), (this.hasPopupVideo && this.isMobile) ? index.h("div", { class: 'mobile-modal-play-btn' }, " ", index.h("slot", { name: "video" })) : null));
+        break;
+      default:
+        mediaElement = index.h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
+    }
+    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "parent" }, index.h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), index.h("div", { class: "div2 content-container" }, index.h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), index.h("div", { class: "ptc-container content-layout" }, index.h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, index.h("slot", { name: "breadcrumb" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("slot", { name: "main-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (index.h("div", null, index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), index.h("ptc-para", { "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": 'w-4', "para-margin": `${this.jumbotronType === 'text' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left' }, index.h("ptc-tooltip", { "text-lines": "8", description: this.subTitle, position: "right", styles: `.ellipsis-by-line-boxing{color: ${this.contentColor};}` })), this.hasCtaSlot &&
+      index.h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, index.h("slot", { name: "j-cta" }))), (this.hasPopupVideo && this.jumbotronType !== 'png') ? index.h("slot", { name: "video" }) : null, this.jumbotronType === 'png' ? (index.h("div", { class: "desktop-media-image" }, index.h("div", { class: "media-image-wrapper" }, index.h("ptc-picture", { "is-full-width": true, src: this.pngSrc }), this.hasPopupVideo ? index.h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (index.h("div", { class: "desktop-media-image desk-gif-adjustment" }, index.h("img", { src: this.gifSrc }))) : null)))));
+  }
+  getCssClassMap() {
+    return {
+      // [this.imageZIndex] : true
+      "text-jumbotron": this.jumbotronType === "text" ? true : false,
+      "png-jumbotron": this.jumbotronType === "png" ? true : false,
+      "gif-jumbotron": this.jumbotronType === "gif" ? true : false,
+      "dark-video-jumbotron": this.jumbotronType === "dark-video" ? true : false,
+      "light-video-jumbotron": this.jumbotronType === "light-video" ? true : false,
+      "dark-jumbotron": this.jumbotronType === "dark" ? true : false,
+      "light-jumbotron": this.jumbotronType === "light" ? true : false
+    };
+  }
+  getContentBackground() {
+    if (window.innerWidth < 992) {
+      switch (this.jumbotronType) {
+        case 'light':
+        case 'light-video':
+          this.contentBackground = 'var(--color-white)';
+          this.contentColor = 'var(--color-gray-10)';
+          break;
+        case 'dark':
+        case 'dark-video':
+          this.contentBackground = 'var(--color-gray-09)';
+          this.contentColor = 'var(--color-gray-01)';
+          break;
+        default:
+          this.contentBackground = 'transparent';
+          this.contentColor = 'var(--color-gray-10)';
+      }
+      this.isMobile = true;
+    }
+    else {
+      switch (this.jumbotronType) {
+        case 'light':
+        case 'light-video':
+          this.contentBackground = 'linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)';
+          this.contentColor = 'var(--color-gray-10)';
+          break;
+        case 'dark':
+        case 'dark-video':
+          this.contentBackground = 'linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)';
+          this.contentColor = 'var(--color-gray-01)';
+          break;
+        case 'gif':
+          this.contentBackground = '#F3F3F3';
+          this.contentColor = 'var(--color-gray-10)';
+          break;
+        default:
+          this.contentBackground = 'transparent';
+          this.contentColor = 'var(--color-gray-10)';
+      }
+      this.isMobile = false;
+    }
+  }
+  get el() { return index.getElement(this); }
+};
 PtcJumbotron.style = ptcJumbotronCss;
 
 exports.ptc_breadcrumb = PtcBreadcrumb;

package/dist/cjs/ptc-brightcov-video.cjs.entry.js

@@ -6,52 +6,52 @@ const index = require('./index-cd9a1b1a.js');
 
 const ptcBrightcovVideoCss = ".sc-ptc-brightcov-video-h{display:block}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video{position:relative;width:100%;padding-top:56.25%;max-height:500px;background-color:var(--color-gray-10)}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video .video-container.sc-ptc-brightcov-video{position:absolute;top:0;left:0;width:100%;height:100%}";
 
-const PtcBrightcovVideo = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.videoId = undefined;
-  }
-  componentDidLoad() {
-    //  this.loadBrightcovePlayer();
-  }
-  // loadBrightcovePlayer() {
-  //   // Load the Brightcove Player library
-  //   const script = document.createElement('script');
-  //   script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
-  //   script.async = true;
-  //   script.onerror = (error) => {
-  //     console.error('Error loading Brightcove Player:', error);
-  //   };
-  //   this.el.appendChild(script);
-  //   script.onload = () => this.initializeVideo();
-  //   const bcStyle = document.createElement('link');
-  //   bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
-  //   bcStyle.onerror = (error) => {
-  //     console.error('Error loading Brightcove styles:', error);
-  //   };
-  //   this.el.appendChild(bcStyle);
-  //   bcStyle.onload = () => this.initializeVideo();
-  // }
-  // initializeVideo() {
-  //   console.log('Initializing video with ID:', this.videoId);
-  //   const videoContainer = this.el.querySelector('.video-container');
-  //   if (videoContainer && this.videoId) {
-  //     videoContainer.innerHTML = `<video-js
-  //       id="bcPlayer"
-  //       data-account="1532789042001"
-  //       data-player="dNyUv9zZ6_default"
-  //       data-embed="default"
-  //       data-video-id="${this.videoId}"
-  //       controls
-  //       class="vjs-fill"
-  //     ></video-js>`;
-  //   }
-  // }
-  render() {
-    return (index.h("div", { class: 'aspect-ratio-container' }, index.h("div", { class: "video-container" }, index.h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), index.h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcBrightcovVideo = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.videoId = undefined;
+  }
+  componentDidLoad() {
+    //  this.loadBrightcovePlayer();
+  }
+  // loadBrightcovePlayer() {
+  //   // Load the Brightcove Player library
+  //   const script = document.createElement('script');
+  //   script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
+  //   script.async = true;
+  //   script.onerror = (error) => {
+  //     console.error('Error loading Brightcove Player:', error);
+  //   };
+  //   this.el.appendChild(script);
+  //   script.onload = () => this.initializeVideo();
+  //   const bcStyle = document.createElement('link');
+  //   bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
+  //   bcStyle.onerror = (error) => {
+  //     console.error('Error loading Brightcove styles:', error);
+  //   };
+  //   this.el.appendChild(bcStyle);
+  //   bcStyle.onload = () => this.initializeVideo();
+  // }
+  // initializeVideo() {
+  //   console.log('Initializing video with ID:', this.videoId);
+  //   const videoContainer = this.el.querySelector('.video-container');
+  //   if (videoContainer && this.videoId) {
+  //     videoContainer.innerHTML = `<video-js
+  //       id="bcPlayer"
+  //       data-account="1532789042001"
+  //       data-player="dNyUv9zZ6_default"
+  //       data-embed="default"
+  //       data-video-id="${this.videoId}"
+  //       controls
+  //       class="vjs-fill"
+  //     ></video-js>`;
+  //   }
+  // }
+  render() {
+    return (index.h("div", { class: 'aspect-ratio-container' }, index.h("div", { class: "video-container" }, index.h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), index.h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
+  }
+  get el() { return index.getElement(this); }
+};
 PtcBrightcovVideo.style = ptcBrightcovVideoCss;
 
 exports.ptc_brightcov_video = PtcBrightcovVideo;