npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.10-upgrade → 7.0.12-upgrade - Mend

@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.12-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 (1020) hide show

package/dist/components/{p-BFdn6ZoH.js.map → p-DjfrVOwW.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BFdn6ZoH~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.scss?tag=ptc-theater-video-playlist&encapsulation=shadow","src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t.card-list {\r\n\t\tdisplay: flex;\r\n\t\toverflow-x: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, State, h, Element, Listen, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video-playlist\",\r\n\tstyleUrl: \"ptc-theater-video-playlist.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTheaterVideoPlaylist {\r\n\t@State() currentCardIndex: number = 0;\r\n\tprivate cards: any[] = [];\r\n\t@Element() host: HTMLElement;\r\n\t@State() filteredTagName: string;\r\n\t@Prop() cardElements: any;\r\n\tcomponentWillLoad() {\r\n\t\tthis.cardElements = this.host.querySelectorAll(\"ptc-theater-video\");\r\n\t}\r\n\tcomponentDidLoad() {\r\n\t\tthis.setupCards();\r\n\t\tthis.sortCards(\"\");\r\n\t}\r\n\r\n\t@Listen(\"filterCliked\", { target: \"document\" })\r\n\thandleFilterClick(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tthis.filteredTagName = filters[\"selected-tag\"];\r\n\t\tthis.sortCards(this.filteredTagName);\r\n\t\t//this.updateCardData(filters.cardNumber)\r\n\t}\r\n\t@Listen(\"vCardClicked\", { target: \"document\" })\r\n\thandleVCardClickedEvent(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tconsole.log(filters);\r\n\t}\r\n\tsortCards(filterVideo) {\r\n\t\tthis.cardElements.forEach((cardElement) => {\r\n\t\t\tlet tagNames: any;\r\n\t\t\tif (cardElement.getAttribute(\"vtag-name\")) {\r\n\t\t\t\ttagNames = cardElement\r\n\t\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t\t.split(\",\")\r\n\t\t\t\t\t.map((item) => {\r\n\t\t\t\t\t\treturn item.trim();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tconst trimFilterVideo = filterVideo.trim();\r\n\t\t\tif (trimFilterVideo !== \"\" && trimFilterVideo !== \"reset\") {\r\n\t\t\t\tif (tagNames.includes(trimFilterVideo)) {\r\n\t\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcardElement.classList.add(\"hide\");\r\n\t\t\t\t\tcardElement.classList.remove(\"show\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetupCards() {\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t});\r\n\r\n\t\t\tcardElement.addEventListener(\"keydown\", (e) => {\r\n\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\tupdateCardData(cardNumber: number) {\r\n\t\t// debugger\r\n\t\tthis.cards = [];\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tconst tagNames = cardElement\r\n\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t.split(\",\")\r\n\t\t\t\t.map((item) => {\r\n\t\t\t\t\treturn item.trim();\r\n\t\t\t\t});\r\n\t\t\tif (\r\n\t\t\t\tthis.filteredTagName !== \"\" &&\r\n\t\t\t\tthis.filteredTagName !== \"reset\" &&\r\n\t\t\t\tthis.filteredTagName !== undefined &&\r\n\t\t\t\ttagNames.includes(this.filteredTagName)\r\n\t\t\t) {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\t\tthis.showCardDetails(cardNumber);\r\n\t\t\t\t});\r\n\t\t\t} else if (this.filteredTagName === \"reset\") {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetCardData(cardElement, index) {\r\n\t\tconst cardData = {\r\n\t\t\ttitle: cardElement.querySelector(\".vcard-title\").textContent,\r\n\t\t\tcardDescription: cardElement.cardDescription,\r\n\t\t\tdescriptionModal:\r\n\t\t\t\tcardElement.querySelector(\".description\").innerHTML,\r\n\t\t\tvideoId: cardElement.getAttribute(\"video-id\"),\r\n\t\t\tvtagName: cardElement.getAttribute(\"vtag-name\"),\r\n\t\t\tcardNumber: cardElement.getAttribute(\"card-number\"),\r\n\t\t\tindex: index,\r\n\t\t\tmodalType: cardElement.getAttribute(\"modal-type\"),\r\n\t\t};\r\n\t\treturn cardData;\r\n\t}\r\n\r\n\tshowCardDetails(index: number, cardElement?: HTMLElement) {\r\n\t\tthis.currentCardIndex = index;\r\n\t\t// this.showModal = true;\r\n\t\tconst modalElement = document.querySelector(\"ptc-theater-video-modal\");\r\n\t\tif (modalElement) {\r\n\t\t\tmodalElement.updateData(\r\n\t\t\t\tthis.cards,\r\n\t\t\t\tthis.currentCardIndex,\r\n\t\t\t\tcardElement\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"card-list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DjfrVOwW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.scss?tag=ptc-theater-video-playlist&encapsulation=shadow","src/components/molecules/ptc-theater-video-playlist/ptc-theater-video-playlist.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t.card-list {\r\n\t\tdisplay: flex;\r\n\t\toverflow-x: auto;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, State, h, Element, Listen, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video-playlist\",\r\n\tstyleUrl: \"ptc-theater-video-playlist.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTheaterVideoPlaylist {\r\n\t@State() currentCardIndex: number = 0;\r\n\tprivate cards: any[] = [];\r\n\t@Element() host: HTMLElement;\r\n\t@State() filteredTagName: string;\r\n\t@Prop() cardElements: any;\r\n\tcomponentWillLoad() {\r\n\t\tthis.cardElements = this.host.querySelectorAll(\"ptc-theater-video\");\r\n\t}\r\n\tcomponentDidLoad() {\r\n\t\tthis.setupCards();\r\n\t\tthis.sortCards(\"\");\r\n\t}\r\n\r\n\t@Listen(\"filterCliked\", { target: \"document\" })\r\n\thandleFilterClick(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tthis.filteredTagName = filters[\"selected-tag\"];\r\n\t\tthis.sortCards(this.filteredTagName);\r\n\t\t//this.updateCardData(filters.cardNumber)\r\n\t}\r\n\t@Listen(\"vCardClicked\", { target: \"document\" })\r\n\thandleVCardClickedEvent(event: CustomEvent) {\r\n\t\tconst filters = event.detail;\r\n\t\tconsole.log(filters);\r\n\t}\r\n\tsortCards(filterVideo) {\r\n\t\tthis.cardElements.forEach((cardElement) => {\r\n\t\t\tlet tagNames: any;\r\n\t\t\tif (cardElement.getAttribute(\"vtag-name\")) {\r\n\t\t\t\ttagNames = cardElement\r\n\t\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t\t.split(\",\")\r\n\t\t\t\t\t.map((item) => {\r\n\t\t\t\t\t\treturn item.trim();\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tconst trimFilterVideo = filterVideo.trim();\r\n\t\t\tif (trimFilterVideo !== \"\" && trimFilterVideo !== \"reset\") {\r\n\t\t\t\tif (tagNames.includes(trimFilterVideo)) {\r\n\t\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcardElement.classList.add(\"hide\");\r\n\t\t\t\t\tcardElement.classList.remove(\"show\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcardElement.classList.add(\"show\");\r\n\t\t\t\tcardElement.classList.remove(\"hide\");\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetupCards() {\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t});\r\n\r\n\t\t\tcardElement.addEventListener(\"keydown\", (e) => {\r\n\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\tthis.showCardDetails(index, cardElement);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\tupdateCardData(cardNumber: number) {\r\n\t\t// debugger\r\n\t\tthis.cards = [];\r\n\t\tthis.cardElements.forEach((cardElement, index) => {\r\n\t\t\tconst tagNames = cardElement\r\n\t\t\t\t.getAttribute(\"vtag-name\")\r\n\t\t\t\t.split(\",\")\r\n\t\t\t\t.map((item) => {\r\n\t\t\t\t\treturn item.trim();\r\n\t\t\t\t});\r\n\t\t\tif (\r\n\t\t\t\tthis.filteredTagName !== \"\" &&\r\n\t\t\t\tthis.filteredTagName !== \"reset\" &&\r\n\t\t\t\tthis.filteredTagName !== undefined &&\r\n\t\t\t\ttagNames.includes(this.filteredTagName)\r\n\t\t\t) {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t\tcardElement.addEventListener(\"click\", () => {\r\n\t\t\t\t\tthis.showCardDetails(cardNumber);\r\n\t\t\t\t});\r\n\t\t\t} else if (this.filteredTagName === \"reset\") {\r\n\t\t\t\tthis.cards.push(this.setCardData(cardElement, index));\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetCardData(cardElement, index) {\r\n\t\tconst cardData = {\r\n\t\t\ttitle: cardElement.querySelector(\".vcard-title\").textContent,\r\n\t\t\tcardDescription: cardElement.cardDescription,\r\n\t\t\tdescriptionModal:\r\n\t\t\t\tcardElement.querySelector(\".description\").innerHTML,\r\n\t\t\tvideoId: cardElement.getAttribute(\"video-id\"),\r\n\t\t\tvtagName: cardElement.getAttribute(\"vtag-name\"),\r\n\t\t\tcardNumber: cardElement.getAttribute(\"card-number\"),\r\n\t\t\tindex: index,\r\n\t\t\tmodalType: cardElement.getAttribute(\"modal-type\"),\r\n\t\t};\r\n\t\treturn cardData;\r\n\t}\r\n\r\n\tshowCardDetails(index: number, cardElement?: HTMLElement) {\r\n\t\tthis.currentCardIndex = index;\r\n\t\t// this.showModal = true;\r\n\t\tconst modalElement = document.querySelector(\"ptc-theater-video-modal\");\r\n\t\tif (modalElement) {\r\n\t\t\tmodalElement.updateData(\r\n\t\t\t\tthis.cards,\r\n\t\t\t\tthis.currentCardIndex,\r\n\t\t\t\tcardElement\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"card-list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DzwB1rgn.js → p-Dks1swH6.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$4 } from './p-CdDs3va5.js';
-import { d as defineCustomElement$3 } from './p-DyAVOdhn.js';
-import { d as defineCustomElement$2 } from './p-D0flgWRD.js';
-import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$4 } from './p-BOFfUkjh.js';
+import { d as defineCustomElement$3 } from './p-DNUrNMft.js';
+import { d as defineCustomElement$2 } from './p--dcl5u53.js';
+import { d as defineCustomElement$1 } from './p-Dar8ay5I.js';
 const ptcImageDownloadStripCss = ":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .strip .dl-btn img{max-height:18px;width:12px}";
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImageDownloadStrip as P, defineCustomElement as d };
-//# sourceMappingURL=p-DzwB1rgn.js.map
+//# sourceMappingURL=p-Dks1swH6.js.map
-//# sourceMappingURL=p-DzwB1rgn.js.map
+//# sourceMappingURL=p-Dks1swH6.js.map

package/dist/components/{p-DzwB1rgn.js.map → p-Dks1swH6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DzwB1rgn~~.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Dks1swH6.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-D79DWyHQ.js → p-DoUbm6yJ.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$6 } from './p-CDH04Z6-.js';
-import { d as defineCustomElement$5 } from './p-CCrGe6qh.js';
-import { d as defineCustomElement$4 } from './p-Hswf-bm5.js';
-import { d as defineCustomElement$3 } from './p-CffVElHk.js';
-import { d as defineCustomElement$2 } from './p-CKp1G5v7.js';
-import { d as defineCustomElement$1 } from './p-BSMbwSEA.js';
+import { c as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$6 } from './p-DwR4-JBM.js';
+import { d as defineCustomElement$5 } from './p-l8keCSLZ.js';
+import { d as defineCustomElement$4 } from './p-4giqelZk.js';
+import { d as defineCustomElement$3 } from './p-CuEMGIos.js';
+import { d as defineCustomElement$2 } from './p-Dar8ay5I.js';
+import { d as defineCustomElement$1 } from './p-BI_M6kr3.js';
 const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box;word-break:break-word}";
@@ -106,6 +106,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPricingAddOnCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-D79DWyHQ.js.map
+//# sourceMappingURL=p-DoUbm6yJ.js.map
-//# sourceMappingURL=p-D79DWyHQ.js.map
+//# sourceMappingURL=p-DoUbm6yJ.js.map

package/dist/components/{p-D79DWyHQ.js.map → p-DoUbm6yJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D79DWyHQ~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DoUbm6yJ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CDIX3Q8v.js → p-DpkOpe7p.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const flTabImageCss = ":host{display:none;height:240px}@media only screen and (min-width: 480px){:host{height:320px}}@media only screen and (min-width: 768px){:host{height:450px}}@media only screen and (min-width: 992px){:host{height:500px}}:host(.selected){display:block}";
@@ -39,6 +39,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabImage as F, defineCustomElement as d };
-//# sourceMappingURL=p-CDIX3Q8v.js.map
+//# sourceMappingURL=p-DpkOpe7p.js.map
-//# sourceMappingURL=p-CDIX3Q8v.js.map
+//# sourceMappingURL=p-DpkOpe7p.js.map

package/dist/components/{p-CDIX3Q8v.js.map → p-DpkOpe7p.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CDIX3Q8v~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,2PAA2P;;MCOpQ,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAY,KAAK;IACjC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.scss?tag=fl-tab-image&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: none;\r\n\theight: 240px;\r\n\t@include screen-xs {\r\n\t\theight: 320px;\r\n\t}\r\n\t@include screen-sm {\r\n\t\theight: 450px;\r\n\t}\r\n\t@include screen-md {\r\n\t\theight: 500px;\r\n\t}\r\n}\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n:host(.selected) {\r\n\tdisplay: block;\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-image\",\r\n\tstyleUrl: \"fl-tab-image.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabImage {\r\n\t/\r\n\t * Tab featured image name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-img ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DpkOpe7p.js","mappings":";;AAAA,MAAM,aAAa,GAAG,2PAA2P;;MCOpQ,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAY,KAAK;IACjC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.scss?tag=fl-tab-image&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-image/fl-tab-image.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: none;\r\n\theight: 240px;\r\n\t@include screen-xs {\r\n\t\theight: 320px;\r\n\t}\r\n\t@include screen-sm {\r\n\t\theight: 450px;\r\n\t}\r\n\t@include screen-md {\r\n\t\theight: 500px;\r\n\t}\r\n}\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n:host(.selected) {\r\n\tdisplay: block;\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-image\",\r\n\tstyleUrl: \"fl-tab-image.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabImage {\r\n\t/\r\n\t * Tab featured image name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-img ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-D9wrQ8dk.js → p-DtP0Ur7Z.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$7 } from './p-DXifBMax.js';
-import { d as defineCustomElement$6 } from './p-DggZIpNT.js';
-import { d as defineCustomElement$5 } from './p-DyAVOdhn.js';
-import { d as defineCustomElement$4 } from './p-CCrGe6qh.js';
-import { d as defineCustomElement$3 } from './p-CUXDowVt.js';
-import { d as defineCustomElement$2 } from './p-CffVElHk.js';
-import { d as defineCustomElement$1 } from './p-BSMbwSEA.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$7 } from './p-p2ZLmYhc.js';
+import { d as defineCustomElement$6 } from './p-CdRKzfXI.js';
+import { d as defineCustomElement$5 } from './p-DNUrNMft.js';
+import { d as defineCustomElement$4 } from './p-l8keCSLZ.js';
+import { d as defineCustomElement$3 } from './p-SaYc7Kjd.js';
+import { d as defineCustomElement$2 } from './p-CuEMGIos.js';
+import { d as defineCustomElement$1 } from './p-BI_M6kr3.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-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) .bg-overlay,:host(.light-jumbotron) .bg-overlay{border-bottom:1px solid rgba(0, 0, 0, 0.06);box-sizing:border-box}";
@@ -277,6 +277,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcJumbotron as P, defineCustomElement as d };
-//# sourceMappingURL=p-D9wrQ8dk.js.map
+//# sourceMappingURL=p-DtP0Ur7Z.js.map
-//# sourceMappingURL=p-D9wrQ8dk.js.map
+//# sourceMappingURL=p-DtP0Ur7Z.js.map

package/dist/components/{p-D9wrQ8dk.js.map → p-DtP0Ur7Z.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D9wrQ8dk.js","mappings":"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","names":["__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 display: block;\r\n}\r\n\r\n:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) {\r\n .content-container {\r\n @include screen-md {\r\n padding-top: 20px;\r\n padding-bottom: 16px;\r\n }\r\n }\r\n}\r\n\r\n.parent {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n background-color: transparent;\r\n margin-top: 24px;\r\n display: flex;\r\n width: 152px;\r\n height: max-content;\r\n\r\n img {\r\n box-sizing: border-box;\r\n max-width: 100%;\r\n height: 100%;\r\n max-height: 64.02px;\r\n }\r\n}\r\n\r\n.hp-adjustments {\r\n background-color: var(--color-black);\r\n height: auto;\r\n min-height: 640px !important;\r\n max-height: -webkit-fill-available;\r\n @media (min-height: 640px) {\r\n min-height: 72vh !important;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 3 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .div2 {\r\n display: flex;\r\n }\r\n\r\n .bg-overlay {\r\n 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;\r\n }\r\n\r\n @include screen-md {\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n .bg-overlay {\r\n 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;\r\n }\r\n }\r\n\r\n .div1,\r\n .main-content-items {\r\n transition: opacity ease-out 250ms;\r\n opacity: 1;\r\n }\r\n\r\n &.transitioning {\r\n .div1,\r\n .main-content-items {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n.div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile-media-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n}\r\n\r\n.gif-bg {\r\n background-color: #f3f3f3;\r\n\r\n img {\r\n width: 100%;\r\n height: auto;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.video-ratio {\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n\r\n.div2 {\r\n grid-area: 2 / 1 / 3 / 2;\r\n position: relative;\r\n}\r\n\r\n.bg-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.content-layout {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include screen-md {\r\n flex-direction: row;\r\n }\r\n\r\n &.hp-container {\r\n width: 100%;\r\n margin-top: 120px;\r\n margin-bottom: 120px;\r\n\r\n @media screen and (min-width: 768px) and (max-width: 992px) {\r\n max-width: 720px;\r\n margin-left: unset;\r\n margin-top: 160px;\r\n margin-bottom: 160px;\r\n }\r\n\r\n @include screen-lg {\r\n width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n width: 1200px;\r\n }\r\n\r\n .gap-adjustment {\r\n margin-bottom: unset;\r\n }\r\n }\r\n\r\n &.blog-container {\r\n padding-bottom: 48px;\r\n\r\n @include screen-sm {\r\n padding-bottom: 100px;\r\n }\r\n\r\n @include screen-md {\r\n gap: 43px;\r\n padding-top: 75px;\r\n\r\n max-width-container {\r\n width: 50%;\r\n }\r\n\r\n div.desktop-media-image {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .gap-adjustment {\r\n gap: var(--ptc-element-spacing-07);\r\n margin-bottom: unset;\r\n }\r\n }\r\n}\r\n\r\n.gap-adjustment {\r\n gap: var(--ptc-element-spacing-04);\r\n margin-bottom: var(--ptc-element-spacing-07);\r\n\r\n @include screen-md {\r\n gap: var(--ptc-element-spacing-07);\r\n }\r\n}\r\n\r\n.text-adjustment {\r\n justify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n width: 40%;\r\n display: none;\r\n\r\n @include screen-md {\r\n display: block;\r\n }\r\n}\r\n\r\n.desk-gif-adjustment {\r\n z-index: 3;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: flex;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@include screen-md {\r\n .parent {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n min-height: 500px;\r\n position: relative;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n\r\n .div2 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n align-self: center;\r\n //dont set the div2 to be relative, it will affect the background overlay\r\n position: unset;\r\n }\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n .parent {\r\n min-height: 120px;\r\n padding: 48px 0 24px 0;\r\n\r\n .text-adjustment {\r\n margin-bottom: 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .logo-frame {\r\n justify-self: center;\r\n justify-content: center;\r\n }\r\n }\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n ::slotted(ptc-svg-btn) {\r\n position: absolute;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n\r\n max-width-container {\r\n @include screen-md {\r\n box-sizing: border-box;\r\n padding-right: 2rem;\r\n }\r\n }\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n #header-blog-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: var(--ptc-layout-spacing-04);\r\n }\r\n\r\n #header-blog-author .image {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n\r\n #header-blog-author .image img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-circle);\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n .blog-author-name {\r\n color: inherit;\r\n text-decoration: none;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n position: relative;\r\n }\r\n\r\n .blog-author-name:before {\r\n content: '';\r\n position: absolute;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 16px;\r\n margin: -16px;\r\n }\r\n\r\n .blog-author-name:hover {\r\n color: inherit;\r\n cursor: pointer;\r\n text-decoration-line: underline;\r\n text-decoration-style: solid;\r\n text-decoration-color: var(--color-green-07);\r\n text-decoration-thickness: 2px;\r\n text-underline-offset: 4px;\r\n }\r\n\r\n .blog-author-name:focus-visible {\r\n @include focus-state;\r\n }\r\n\r\n .image-container {\r\n background: white;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n max-height: 360px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n ptc-picture {\r\n width: 100%;\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n\r\n .desktop-media-image {\r\n display: none;\r\n\r\n ptc-picture {\r\n height: 100%;\r\n max-height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n // padding-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .mobile-media-image {\r\n margin: 75px 24px 32px 24px;\r\n display: flex;\r\n\r\n ptc-picture {\r\n height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.dl-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 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 .mobile-modal-play-btn {\r\n ::slotted(ptc-svg-btn) {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n }\r\n}\r\n\r\nptc-info-tile {\r\n &:focus-visible {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n .bg-overlay {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n box-sizing: border-box;\r\n }\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":"p-DtP0Ur7Z.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,6m9BAA6m9B;;MCgBxn9B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAGhB,aAAa,GAAW,OAAO;IAE/B,aAAa,GAAY,KAAK;IAE9B,SAAS,GAAW,wCAAwC;IAE5D,QAAQ,GACf,8HAA8H;AAEvH,IAAA,MAAM;IAEN,YAAY,GAAY,EAAE;AAE1B,IAAA,MAAM;AAEN,IAAA,UAAU;AAEV,IAAA,gBAAgB;AAEhB,IAAA,KAAK;IAEL,QAAQ,GAAa,KAAK;IAE1B,UAAU,GAAa,KAAK;AAE5B,IAAA,eAAe;AAEf,IAAA,gBAAgB;AAEhB,IAAA,cAAc;IAEd,cAAc,GAAW,CAAC;AAEzB,IAAA,iBAAiB;AAEjB,IAAA,YAAY;IAEZ,SAAS,GAAgC,MAAM;AAE/C,IAAA,QAAQ;AAET,IAAA,eAAe;IAEf,eAAe,GAAW,EAAE;IAE5B,kBAAkB,GAAW,EAAE;IAE/B,cAAc,GAAW,EAAE;IAE3B,mBAAmB,GAAW,EAAE;IAEhC,qBAAqB,GAAW,EAAE;IAElC,YAAY,GAAY,KAAK;IAE7B,IAAI,GAAY,EAAE;AAC1B;;AAEI;AACI,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,KAAK;;AAGY,IAAA,UAAU;IAEnC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;;IAI5D,YAAY,GAAA;QACX,IAAI,CAAC,oBAAoB,EAAE;;;IAI5B,iBAAiB,GAAA;QAChB,IAAI,CAAC,oBAAoB,EAAE;;IAG5B,gBAAgB,GAAA;;;IAIhB,kBAAkB,GAAA;QACjB,IAAI,CAAC,oBAAoB,EAAE;;IAG5B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,IAAI,YAAiB;AACrB,QAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,YAAA,KAAK,KAAK;AACT,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,GAAG,EAAE,IAAI,CAAC,MAAM,EAAgB,CAAA,EAC5C,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAQ,CAAA,IACvB,IAAI,CACH,CACD,CACN;gBACD;AACD,YAAA,KAAK,MAAM;gBACV,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,eAAA,EAAA,IAAA,EAEC,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,qBAAqB,EAAA,CACf,CACV,CACD,CACN;gBACD;AACD,YAAA,KAAK,KAAK;AACT,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAI,CAAA,CACpB,CACN;gBACD;AACD,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,aAAa;gBACjB,YAAY,IACX,CACC,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,KAAK,eACH,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,mBAAA,EACJ,IAAI,CAAC,eAAe,EACnB,oBAAA,EAAA,IAAI,CAAC,gBAAgB,EAAA,iBAAA,EACxB,IAAI,CAAC,cAAc,EAClB,kBAAA,EAAA,IAAI,CAAC,cAAc,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAA,EAE/B,GAAG,EACH,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,GAAG,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACrB,IACH,IAAI,CACc,CACvB;gBACD;AACD,YAAA,KAAK,MAAM;AACX,YAAA,KAAK,OAAO;AACX,gBAAA,YAAY,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EACxB,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAA,EACU,IAAI,CAAC,KAAK,EACnB,MAAM,EAAC,kDAAkD,EAC/C,CAAA,EACV,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,IACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,GAAG,EACJ,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACrB,IACH,IAAI,CACH,CACN;gBACD;AACD,YAAA;gBACC,YAAY,IACX,CACU,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAA,EAAA,IAAI,CAAC,KAAK,EACnB,MAAM,EAAC,kDAAkD,EAC/C,CAAA,CACX;;QAGH,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,aAAa,EACZ,IAAI,CAAC,aAAa,KAAK,MAAM;oBAC7B,IAAI,CAAC,aAAa,KAAK,YAAY;gBACpC,gBAAgB,EAAE,IAAI,CAAC,UAAU;gBACjC,aAAa,EAAE,IAAI,CAAC,eAAe;AACnC,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,CAAA,qBAAA,EAAwB,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAE,EAAA,EAE7E,YAAY,CACR,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,EACvC,CAAA,EACP,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,gBAAgB,EAAE,IAAI;gBACtB,cAAc,EAAE,IAAI,CAAC,UAAU;AAC/B,gBAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM;aAC/C,EAAA,EAED,CACa,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAA,IAAI,EAChB,UAAU,EAAE,GAAG,mBAEd,IAAI,CAAC,aAAa,KAAK;AACtB,kBAAE;AACF,kBAAE,IAAI,CAAC,SAAS,EAElB,MAAM,EAAC,qBAAqB,EAAA,EAG5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAC9B,CAAC,CAAC,IAAI,CAAC,IAAI,KACX,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAQ,CAAA,CACjC,CACN,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC/B,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,EAEd,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAE/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAQ,CAAA,EAChC,CAAC,IAAI,CAAC,aAAa,KAAK,MAAM;AAC9B,aAAC,IAAI,CAAC,aAAa,KAAK,MAAM;gBAC7B,IAAI,CAAC,QAAQ,CAAC;AACf,YAAA,CAAC,IAAI,CAAC,UAAU,KACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CACC,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,CACT,CACN,EAGD,CAAC,IAAI,CAAC,UAAU,KAChB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,MAAM,EAAE,YAAY,IAAI,CAAC,YAAY,CAAA,YAAA,CAAc,EAAA,WAAA,EAElD,IAAI,CAAC,aAAa,KAAK,MAAM;AAC7B,gBAAA,IAAI,CAAC;AACJ,kBAAE;kBACA,OAAO,EAEC,aAAA,EAAA,KAAK,iBACJ,CAAA,EAAG,IAAI,CAAC,aAAa,KAAK,MAAM,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAE,CAAA,EAAA,YAAA,EAC1G,OAAO,EAAA,aAAA,EACN,eAAe,EAE1B,YAAA,EAAA,IAAI,CAAC,aAAa,KAAK;AACtB,kBAAE;AACF,kBAAE,MAAM,EAAA,wBAAA,EAEc,IAAI,EAAA,EAE5B,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAClB,CAAA,EAIL,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CAC3B,EAGH,IAAI,CAAC,aAAa,KAAK,MAAM,KAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,QAAQ,EACA,CAAA,EACd,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACC,CAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,aAAa,EAAA,EAElB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EACF;iBACE,kBAAkB,EAErB,GAAG,EACF;iBACE,eAAe,GAEjB,CACG,EACN,CACW,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAA,OAAO,iBACL,KAAK,EAAA,YAAA,EACN,cAAc,EACb,aAAA,EAAA,eAAe,iBACf,cAAc,EAAA,EAE1B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,GAAG,EACZ,IAAI,EACH;iBACE,mBAAmB,EAEtB,MAAM,EACL;AACE,iBAAA,qBAAqB,EAAA,YAAA,EAEb,uBAAuB,EAAA,EAGjC;AACE,aAAA,cAAc,CAEd,CACM,CACN,CACD,CACN,CACS,CACX,EAGA,IAAI,CAAC,UAAU,KACf,4DACC,KAAK,EAAE,CAAoC,iCAAA,EAAA,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,kBAAkB,GAAG,EAAE,CAAA,CAAE,EAAA,EAEpG,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,GAAQ,CACrB,CACN,CACK,CACc,EAGrB,IAAI,CAAC,aAAa;YACnB,IAAI,CAAC,aAAa,KAAK,KAAK,IAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAA,CAAQ,IACvB,IAAI,EACP,IAAI,CAAC,YAAY,IACjB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,WAAW,EAAQ,CAAA,IAC3B,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,KAAK,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAA,CAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAEC,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,YAAY,CAAA,CAAA,CAAG,EACtB,CAAA,EACd,IAAI,CAAC,aAAa,IAClB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,IACvB,IAAI,CACH,CACD,IACH,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,KAAK,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yCAAyC,EAAA,EACnD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAI,CAAA,CACpB,IACH,IAAI,EACP,IAAI,CAAC,aAAa,KAAK,MAAM,IAC7B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAEC,CAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,MAAM,EAAE,qBAAqB,EACf,CAAA,CACV,CACD,IACH,IAAI,CACH,CACD,CACD,CACA;;IAGD,cAAc,GAAA;QACrB,OAAO;;AAEN,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC9D,YAAA,eAAe,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AAC5D,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC9D,YAAA,eAAe,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AAC5D,YAAA,kCAAkC,EACjC,IAAI,CAAC,aAAa,KAAK,YAAY,GAAG,IAAI,GAAG,KAAK;AACnD,YAAA,uBAAuB,EACtB,IAAI,CAAC,aAAa,KAAK,aAAa,GAAG,IAAI,GAAG,KAAK;AACpD,YAAA,4BAA4B,EAC3B,IAAI,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,iBAAiB,EAAE,IAAI,CAAC,aAAa,KAAK,OAAO,GAAG,IAAI,GAAG,KAAK;SAChE;;IAGM,oBAAoB,GAAA;AAC3B,QAAA,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE;AAC5B,YAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,gBAAA,KAAK,OAAO;AACZ,gBAAA,KAAK,aAAa;AAClB,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;AAC7C,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACX,gBAAA,KAAK,YAAY;AAChB,oBAAA,IAAI,CAAC,iBAAiB,GAAG,sBAAsB;AAC/C,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACV,oBAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO;AAChC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA;AACC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;AACtC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;;AAE5C,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;aACd;AACN,YAAA,QAAQ,IAAI,CAAC,aAAa;AACzB,gBAAA,KAAK,OAAO;AACZ,gBAAA,KAAK,aAAa;AAClB,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB;AACrB,wBAAA,2FAA2F;AAC5F,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACX,gBAAA,KAAK,YAAY;AAChB,oBAAA,IAAI,CAAC,iBAAiB;AACrB,wBAAA,8EAA8E;AAC/E,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,KAAK;AACT,oBAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;AAClC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA,KAAK,MAAM;AACV,oBAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO;AAChC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;oBAC1C;AACD,gBAAA;AACC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;AACtC,oBAAA,IAAI,CAAC,YAAY,GAAG,sBAAsB;;AAE5C,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__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 display: block;\r\n}\r\n\r\n:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) {\r\n .content-container {\r\n @include screen-md {\r\n padding-top: 20px;\r\n padding-bottom: 16px;\r\n }\r\n }\r\n}\r\n\r\n.parent {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n background-color: transparent;\r\n margin-top: 24px;\r\n display: flex;\r\n width: 152px;\r\n height: max-content;\r\n\r\n img {\r\n box-sizing: border-box;\r\n max-width: 100%;\r\n height: 100%;\r\n max-height: 64.02px;\r\n }\r\n}\r\n\r\n.hp-adjustments {\r\n background-color: var(--color-black);\r\n height: auto;\r\n min-height: 640px !important;\r\n max-height: -webkit-fill-available;\r\n @media (min-height: 640px) {\r\n min-height: 72vh !important;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 3 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .div2 {\r\n display: flex;\r\n }\r\n\r\n .bg-overlay {\r\n 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;\r\n }\r\n\r\n @include screen-md {\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n .bg-overlay {\r\n 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;\r\n }\r\n }\r\n\r\n .div1,\r\n .main-content-items {\r\n transition: opacity ease-out 250ms;\r\n opacity: 1;\r\n }\r\n\r\n &.transitioning {\r\n .div1,\r\n .main-content-items {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n.div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile-media-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n}\r\n\r\n.gif-bg {\r\n background-color: #f3f3f3;\r\n\r\n img {\r\n width: 100%;\r\n height: auto;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.video-ratio {\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n\r\n.div2 {\r\n grid-area: 2 / 1 / 3 / 2;\r\n position: relative;\r\n}\r\n\r\n.bg-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.content-layout {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include screen-md {\r\n flex-direction: row;\r\n }\r\n\r\n &.hp-container {\r\n width: 100%;\r\n margin-top: 120px;\r\n margin-bottom: 120px;\r\n\r\n @media screen and (min-width: 768px) and (max-width: 992px) {\r\n max-width: 720px;\r\n margin-left: unset;\r\n margin-top: 160px;\r\n margin-bottom: 160px;\r\n }\r\n\r\n @include screen-lg {\r\n width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n width: 1200px;\r\n }\r\n\r\n .gap-adjustment {\r\n margin-bottom: unset;\r\n }\r\n }\r\n\r\n &.blog-container {\r\n padding-bottom: 48px;\r\n\r\n @include screen-sm {\r\n padding-bottom: 100px;\r\n }\r\n\r\n @include screen-md {\r\n gap: 43px;\r\n padding-top: 75px;\r\n\r\n max-width-container {\r\n width: 50%;\r\n }\r\n\r\n div.desktop-media-image {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .gap-adjustment {\r\n gap: var(--ptc-element-spacing-07);\r\n margin-bottom: unset;\r\n }\r\n }\r\n}\r\n\r\n.gap-adjustment {\r\n gap: var(--ptc-element-spacing-04);\r\n margin-bottom: var(--ptc-element-spacing-07);\r\n\r\n @include screen-md {\r\n gap: var(--ptc-element-spacing-07);\r\n }\r\n}\r\n\r\n.text-adjustment {\r\n justify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n width: 40%;\r\n display: none;\r\n\r\n @include screen-md {\r\n display: block;\r\n }\r\n}\r\n\r\n.desk-gif-adjustment {\r\n z-index: 3;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: flex;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@include screen-md {\r\n .parent {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n min-height: 500px;\r\n position: relative;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n\r\n .div2 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n align-self: center;\r\n //dont set the div2 to be relative, it will affect the background overlay\r\n position: unset;\r\n }\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n .parent {\r\n min-height: 120px;\r\n padding: 48px 0 24px 0;\r\n\r\n .text-adjustment {\r\n margin-bottom: 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .logo-frame {\r\n justify-self: center;\r\n justify-content: center;\r\n }\r\n }\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n ::slotted(ptc-svg-btn) {\r\n position: absolute;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n\r\n max-width-container {\r\n @include screen-md {\r\n box-sizing: border-box;\r\n padding-right: 2rem;\r\n }\r\n }\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n #header-blog-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: var(--ptc-layout-spacing-04);\r\n }\r\n\r\n #header-blog-author .image {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n\r\n #header-blog-author .image img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-circle);\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n .blog-author-name {\r\n color: inherit;\r\n text-decoration: none;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n position: relative;\r\n }\r\n\r\n .blog-author-name:before {\r\n content: '';\r\n position: absolute;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 16px;\r\n margin: -16px;\r\n }\r\n\r\n .blog-author-name:hover {\r\n color: inherit;\r\n cursor: pointer;\r\n text-decoration-line: underline;\r\n text-decoration-style: solid;\r\n text-decoration-color: var(--color-green-07);\r\n text-decoration-thickness: 2px;\r\n text-underline-offset: 4px;\r\n }\r\n\r\n .blog-author-name:focus-visible {\r\n @include focus-state;\r\n }\r\n\r\n .image-container {\r\n background: white;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n max-height: 360px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n ptc-picture {\r\n width: 100%;\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n\r\n .desktop-media-image {\r\n display: none;\r\n\r\n ptc-picture {\r\n height: 100%;\r\n max-height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n // padding-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .mobile-media-image {\r\n margin: 75px 24px 32px 24px;\r\n display: flex;\r\n\r\n ptc-picture {\r\n height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.dl-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 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 .mobile-modal-play-btn {\r\n ::slotted(ptc-svg-btn) {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n }\r\n}\r\n\r\nptc-info-tile {\r\n &:focus-visible {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n .bg-overlay {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n box-sizing: border-box;\r\n }\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/{p-CDH04Z6-.js → p-DwR4-JBM.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 import { C as CheckDarkFocusState, g as getSeoTagType } from './p-DpFzAwLW.js';
 const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey span{color:var(--color-white)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01)}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green{box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.nav-store-btn{font-family:var(--ptc-font-latin);background-color:var(--color-green-07);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-green-07);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav-store-btn:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:var(--color-green-07) !important;outline-offset:0px !important}.nav-store-btn:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav-store-btn:hover{background-color:var(--color-green-08)}.nav-store-btn:active{background-color:var(--color-green-09);transition:none}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.secondary-cta-light,.secondary-cta-dark,.primary-cta{padding:0.875rem 1.25rem;font-size:var(--ptc-font-size-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);color:var(--color-white);border:2px solid transparent;text-decoration:none}.medium.secondary-cta-light,.medium.secondary-cta-dark,.medium.primary-cta{padding:0.75rem 1rem}.medium.secondary-cta-light span,.medium.secondary-cta-dark span,.medium.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.small.secondary-cta-light,.small.secondary-cta-dark,.small.primary-cta{padding:0.5rem 0.75rem}.small.secondary-cta-light span,.small.secondary-cta-dark span,.small.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.disabled.secondary-cta-light,.disabled.secondary-cta-dark,.disabled.primary-cta{pointer-events:none;color:var(--color-gray-03);border-color:var(--color-gray-03);background-color:var(--color-gray-02)}.disabled.secondary-cta-light icon-asset svg,.disabled.secondary-cta-dark icon-asset svg,.disabled.primary-cta icon-asset svg{fill:var(--color-gray-03)}.disabled.secondary-cta-light:focus-visible,.disabled.secondary-cta-dark:focus-visible,.disabled.primary-cta:focus-visible{background-color:var(--color-gray-02)}.secondary-cta-light:focus-visible,.secondary-cta-dark:focus-visible,.primary-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.full-width.secondary-cta-light,.full-width.secondary-cta-dark,.full-width.primary-cta{width:100%}.secondary-cta-light .cta-content-wrap,.secondary-cta-dark .cta-content-wrap,.primary-cta .cta-content-wrap{display:flex;justify-content:center;align-items:center;text-align:center}.secondary-cta-light .cta-content-wrap icon-asset,.secondary-cta-dark .cta-content-wrap icon-asset,.primary-cta .cta-content-wrap icon-asset{margin-right:8px;line-height:0}.secondary-cta-light .cta-content-wrap icon-asset+span,.secondary-cta-dark .cta-content-wrap icon-asset+span,.primary-cta .cta-content-wrap icon-asset+span{text-align:left}.primary-cta{background-color:var(--color-green-07);border-color:var(--color-green-07);transition:all 0.2s ease}.primary-cta:hover{background-color:var(--color-green-08)}.primary-cta:active{background-color:var(--color-green-09)}.primary-cta:focus-visible{background-color:var(--color-green-07)}.secondary-cta-dark{background-color:var(--color-gray-12);border-color:var(--color-gray-08)}.secondary-cta-dark:hover{background-color:var(--color-gray-10)}.secondary-cta-dark:active{background-color:var(--color-black)}.secondary-cta-dark:focus-visible{background-color:var(--color-gray-12)}.secondary-cta-light{background-color:var(--color-white);border-color:var(--color-gray-10);color:var(--color-gray-10)}.secondary-cta-light:hover{background-color:var(--color-gray-02)}.secondary-cta-light:active{background-color:var(--color-gray-03)}.secondary-cta-light:focus-visible{background-color:var(--color-white)}";
@@ -214,6 +214,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcButton as P, defineCustomElement as d };
-//# sourceMappingURL=p-CDH04Z6-.js.map
+//# sourceMappingURL=p-DwR4-JBM.js.map
-//# sourceMappingURL=p-CDH04Z6-.js.map
+//# sourceMappingURL=p-DwR4-JBM.js.map