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

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

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

Files changed (1017) hide show

package/dist/cjs/ptc-white-paper.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DTPmF4gE.js');
+var index = require('./index-DD5N3UkK.js');
 const ptcWhitePaperCss = ":host{display:block}:host .text-center{text-align:center}:host .hero-image{height:550px;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}:host .hero-image::after{background:var(--color-standard-gray);content:\"\";height:100%;position:absolute;right:-40%;top:90%;transform:rotate(2.5deg);width:200%}:host .content-container{margin-top:5rem;background-color:var(--color-white)}:host .content-container .content-wrapper{padding:3rem 20px}@media only screen and (min-width: 992px){:host .content-container .content-wrapper{padding:3rem}}:host .content-container .content-wrapper .sub-heading{margin-bottom:20px}:host .pagination-wrap{display:flex;justify-content:space-between;box-sizing:border-box;margin-top:20px;position:sticky;transform:none;left:0px;top:0px;width:100%;z-index:900;transition:all 0.1s ease 0s;background-color:var(--color-standard-white);backdrop-filter:blur(22px);background-image:linear-gradient(93deg, #f4f4f4, #fff 100%);box-shadow:1px 1px 15px 0 rgba(0, 0, 0, 0.16)}:host .pagination-wrap .pagination{box-sizing:border-box;display:flex;justify-content:center;padding:1rem}:host .pagination-wrap .pagination button{box-sizing:border-box;margin:0 3px;padding:0 6px;height:28px;min-width:28px;cursor:pointer;border:none;background-color:transparent;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 768px){:host .pagination-wrap .pagination button{margin:0 5px;padding:0 8px;height:34px;min-width:34px}}:host .pagination-wrap .pagination button:hover{background-color:rgb(228, 231, 233)}:host .pagination-wrap .pagination button.active{background-color:rgb(174, 184, 189)}:host .pagination-wrap .pagination button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .pagination-wrap .dl-btn-wrapper{display:inline-block}:host .pagination-wrap .dl-btn{width:80px;height:52px;background-image:linear-gradient(288deg, var(--color-green-14), var(--color-green-09));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;box-sizing:border-box;display:flex;justify-content:center;align-self:center;border-radius:var(--ptc-border-radius-standard);margin-right:5px}:host .pagination-wrap .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none;font-family:Rajdhani, sans-serif;font-weight:600}:host .pagination-wrap .dl-btn:hover{box-shadow:0 3px 20px 0 var(--color-green-14)}:host .pagination-wrap .dl-btn:hover .dl-text{display:block}:host .pagination-wrap .dl-btn img{max-height:18px;width:12px}:host .wp-component{margin-bottom:24px}:host .wp-component img{max-width:100%}:host .wp-media{padding:1rem}:host .wp-media .image-description{margin-bottom:1rem}:host .sub-heading,:host .wp-component{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .sub-heading p,:host .sub-heading ul li,:host .sub-heading ol li,:host .wp-component p,:host .wp-component ul li,:host .wp-component ol li{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .sub-heading h1,:host .sub-heading h2,:host .sub-heading h3,:host .sub-heading h4,:host .sub-heading h5,:host .sub-heading h6,:host .wp-component h1,:host .wp-component h2,:host .wp-component h3,:host .wp-component h4,:host .wp-component h5,:host .wp-component h6{color:var(--color-gray-10)}";
@@ -136,9 +136,9 @@ const PtcWhitePaper = class {
         const startIndex = (this.currentPage - 1) * this.itemsPerPage;
         const endIndex = startIndex + this.itemsPerPage;
         const currentItems = JSON.parse(this.items).slice(startIndex, endIndex);
-        return (index.h(index.Host, { key: '92ced897ab7079e59c5a16ddfab716cc1942fbb3' }, index.h("div", { key: 'f48330f205ecf463ccc64d4616695c511f2071d8', class: "hero-image" }, index.h("ptc-img", { key: 'cc7ffeea9513f9bd195747901c25e5ebb82a46b1', "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), index.h("div", { key: '33eb84f2f6490c4754cd07af9015524e86d43972', class: "ptc-container " }, index.h("div", { key: '84678b059471a5c2ef8fc26385fc6dfb34f4064e', class: "content-container" }, index.h("div", { key: '54a4213bf0e56e5cfae4be37b97311dd9e411750', class: "pagination-wrap" }, index.h("div", { key: 'fdf827fec687ad66688b0446a7d65663af7dc156', class: "pagination" }, index.h("button", { key: 'e3229cfd80f157ac8eafe969f2bdc60a5991f6dd', class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, index.h("svg", { key: '4aaf2f5de52aacf93395fd4bab1dce488949567d', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, index.h("g", { key: '340bc6c0338af928f4865a130ba7d060562b40d3', id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, index.h("g", { key: 'a934c6417b0d7f15443c8efdf06fd9c1dc420c52', class: "icon_chevron_left_mini" }, index.h("path", { key: '3139d1762265eac8556832ef84fb045bb884f753', d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), index.h("button", { key: '614fba14fcd3d53fcbce5405ce28847de3123bbe', class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, index.h("svg", { key: 'd9d032c1f02303e85235ec774b74c1dddaae736b', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, index.h("g", { key: '26f852a8a87be547680d0eb08de039c3caba6d79', id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, index.h("g", { key: '47a9cc2f3fda9b31790cbc051071be8ec2391241', class: "icon_chevron_right_mini" }, index.h("path", { key: '614c81fe73993bd37a7d74f76b5967f2d98c233c', d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), index.h("div", { key: '8c03f185ee83153f54112e26d31a811b16d26116', class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, index.h("a", { key: 'dd95a918ec016168989df63dd3d7ccf2bd85cdcb', class: "dl-btn", tabindex: 0, onKeyPress: (e) => this.downloadCtaClicked.emit(e), onClick: (e) => {
+        return (index.h(index.Host, { key: '936a9d48a58e0e5f79824b251cd8e67cdb3639a8' }, index.h("div", { key: 'dd118558be474a41ff9e1ee9e20ef6e1f5c598ff', class: "hero-image" }, index.h("ptc-img", { key: '788f3ade496adc69491f8dd4c321c29d609aaf2d', "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), index.h("div", { key: 'fc857cca2e6cd330d7bd8a46804dd81a5f35ad54', class: "ptc-container " }, index.h("div", { key: '2dfe04f1e66dfa443e7e9106fca605280800d32a', class: "content-container" }, index.h("div", { key: '980f076b9fafe14f8703d30be160e24a6ea58605', class: "pagination-wrap" }, index.h("div", { key: 'c9f1267f83142d2c60f1d458bae204602e570770', class: "pagination" }, index.h("button", { key: '1c1bfa7d2bac82f44b2b92c3eb72a12c442ec14d', class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, index.h("svg", { key: 'a939614e7d4cab1b03437fcfdba0c17d89e3bde0', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, index.h("g", { key: '59fb33e60a82ebcfdfe4b07cbcc37bac070ac12d', id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, index.h("g", { key: '39f0c07842d73383c045d3309b391cf1adc3e72d', class: "icon_chevron_left_mini" }, index.h("path", { key: '2ea8c9d730194472a1971b643402526a73b5fc7b', d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), index.h("button", { key: '61b6ac8455c3013b2cc2502b8977c6406197fab7', class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, index.h("svg", { key: 'cfd25d0393b2ffaaad96b47441bae67cddfc953c', preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, index.h("g", { key: '8f0d12a5d3196908020efe9bfa2446630411095c', id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, index.h("g", { key: '80ddbbd1bcbcdad759a347b25f2be40c13a96953', class: "icon_chevron_right_mini" }, index.h("path", { key: 'f1fc669a639e5280bbb58c5cf1165e301e5ede08', d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), index.h("div", { key: '33a2c67098434971734f70b283c752e7be9ce6c2', class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, index.h("a", { key: 'cd0c77c5b11f0c5c99d12419f802a53f93f78f12', class: "dl-btn", tabindex: 0, onKeyPress: (e) => this.downloadCtaClicked.emit(e), onClick: (e) => {
                 this.downloadCtaClicked.emit(e);
-            } }, index.h("span", { key: 'b6fa5052a1d9541f6f7d70a037def82707aeb29a', class: "dl-text" }, "Download"), index.h("img", { key: '2213485f866d2e023cdf38ec8164135fd39e0ee1', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), index.h("div", { key: 'a483bfd8f9dd55ae49a629c07bf126042e77e63f' }, currentItems.map((item, index) => this.renderContent(item, index)))))));
+            } }, index.h("span", { key: 'bb71496639c2a19367ce77f93ce55cfe87a8dd6c', class: "dl-text" }, "Download"), index.h("img", { key: '44c5b7596e2db37eb93f646db9383dcfb4efb5f8', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), index.h("div", { key: '9056bf2548a092c6f0a574a71de9760289c15683' }, currentItems.map((item, index) => this.renderContent(item, index)))))));
     }
     static get watchers() { return {
         "items": ["itemsChanged"]

package/dist/cjs/tab-content.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DTPmF4gE.js');
+var index = require('./index-DD5N3UkK.js');
 const tabContentCss = ".tab-content p,.tab-content ul,.tab-content ol,.tab-content span,.tab-content h1,.tab-content h2,.tab-content h3,.tab-content h4,.tab-content h5,.tab-content h6{max-width:720px;font-weight:var(--ptc-font-weight-normal)}.tab-content h3{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-01)}@media only screen and (min-width: 768px){.tab-content h3{font-size:var(--ptc-font-size-large)}}.tab-content :first-child{margin-top:0px}.tab-content :last-child{margin-bottom:0px}";
@@ -37,11 +37,11 @@ const TabContent = class {
             "tab-content-selected": this.isSelected,
         };
         const hidden = (this.isSelected ? false : "until-found");
-        return (index.h("div", { key: '9669a06c5c459f2d5c69105b0e20e17dfc2d11cd', class: classes, hidden: hidden,
+        return (index.h("div", { key: 'b0118f446e37bfa58ed8218ea30916662e75d619', class: classes, hidden: hidden,
             //@ts-ignore
             onBeforeMatch: () => {
                 this.beforeMatch();
-            } }, index.h("slot", { key: '6250ebd7dbed5531e32e83f8ad0acc9c629188db' })));
+            } }, index.h("slot", { key: 'a6b09fe92817d43d20965cb943353944acd8d8d4' })));
     }
 };
 TabContent.style = tabContentCss;

package/dist/cjs/tab-header.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DTPmF4gE.js');
+var index = require('./index-DD5N3UkK.js');
 const tabHeaderCss = ".tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;width:100%;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:\"Raleway\";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;padding-bottom:16px;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:\"\";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}.tab-header:hover{color:var(--color-gray-10)}tab-header:focus-visible{outline:none}tab-header:focus-visible .tab-header{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);transition:none}tab-header:focus-visible .tab-header::after{background-color:var(--keyboard-nav-outline)}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}.tab-header ::slotted([slot=seo-content]),.tab-header-selected ::slotted([slot=seo-content]){display:none}";
@@ -75,7 +75,7 @@ const TabHeader = class {
             "tab-header-selected": this.isSelected,
         };
         return [
-            index.h("div", { key: 'c5b056e900165bcb083b5f0758074f3ff0ed6564', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '977214dfa88ba658f6413aba484eb015780bd613', name: "seo-content" }), index.h("span", { key: '2fc37f6b10851483fbb99917464be350529f99b5', class: "header-content" }, index.h("span", { key: '97d75dc5a72bb44128432e234c44b6a5077c22c4', class: "text-cont" }, this.tabHeaderText))),
+            index.h("div", { key: 'ae8f7304ebac75d733d10961e508be43dfee8730', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: 'ec20f5e834db58718db89e2a61cda42df61f1320', name: "seo-content" }), index.h("span", { key: '72309b4d47d4f7a8febd7d4cf510dfafa974e003', class: "header-content" }, index.h("span", { key: '38043328e86f017a49a9e5c18a9efad8ca5ec32d', class: "text-cont" }, this.tabHeaderText))),
         ];
     }
 };

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -34,6 +34,7 @@
     "components/molecules/ptc-background-video/ptc-background-video.js",
     "components/molecules/ptc-badge/ptc-badge.js",
     "components/molecules/ptc-bio-card/ptc-bio-card.js",
+    "components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.js",
     "components/molecules/ptc-breadcrumb/ptc-breadcrumb.js",
     "components/molecules/ptc-brightcov-video/ptc-brightcov-video.js",
     "components/molecules/ptc-card/ptc-card.js",
@@ -119,6 +120,8 @@
     "components/molecules/ptc-sticky-icons/ptc-sticky-icons.js",
     "components/molecules/ptc-sticky-section/ptc-sticky-section.js",
     "components/molecules/ptc-sticky-title/ptc-sticky-title.js",
+    "components/molecules/ptc-store-card/ptc-store-card.js",
+    "components/molecules/ptc-store-card-list/ptc-store-card-list.js",
     "components/molecules/ptc-subnav-v2/ptc-subnav-v2.js",
     "components/molecules/ptc-tab-list/ptc-tab-list.js",
     "components/molecules/ptc-tabs/ptc-tab.js",

package/dist/collection/components/atoms/my-component/my-component.css CHANGED Viewed

@@ -1,3 +1,3 @@
-:host {
-  display: block;
-}
+:host {
+  display: block;
+}

package/dist/collection/components/atoms/my-component/my-component.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class MyComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '8922bcc5693180fdcb6c15d0e1fe038e4c21deb8' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '5af9a20b447edd4ffa167dff7ae73d8d0d6f9492' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "my-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/my-component/my-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"my-component.js","sourceRoot":"","sources":["../../../../src/components/atoms/my-component/my-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C,MAAM,OAAO,WAAW;IACtB;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAS;IAEb,OAAO;QACb,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,OAAO;;YAAwB,IAAI,CAAC,OAAO,EAAE,CAAO,CAAC;IACvD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { format } from '../../../utils/utils';\n\n@Component({\n tag: 'my-component',\n styleUrl: 'my-component.css',\n shadow: true,\n})\nexport class MyComponent {\n /*\n The first name\n /\n @Prop() first: string;\n\n /\n The middle name\n /\n @Prop() middle: string;\n\n /\n The last name\n */\n @Prop() last: string;\n\n private getText(): string {\n return format(this.first, this.middle, this.last);\n }\n\n render() {\n return <div>Hello, World! I'm {this.getText()}</div>;\n }\n}\n"]}
1	+ {"version":3,"file":"my-component.js","sourceRoot":"","sources":["../../../../src/components/atoms/my-component/my-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C,MAAM,OAAO,WAAW;IACtB;;OAEG;IACK,KAAK,CAAS;IAEtB;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAS;IAEb,OAAO;QACb,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,OAAO;;YAAwB,IAAI,CAAC,OAAO,EAAE,CAAO,CAAC;IACvD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\nimport { format } from '../../../utils/utils';\r\n\r\n@Component({\r\n tag: 'my-component',\r\n styleUrl: 'my-component.css',\r\n shadow: true,\r\n})\r\nexport class MyComponent {\r\n /*\r\n The first name\r\n /\r\n @Prop() first: string;\r\n\r\n /\r\n The middle name\r\n /\r\n @Prop() middle: string;\r\n\r\n /\r\n The last name\r\n */\r\n @Prop() last: string;\r\n\r\n private getText(): string {\r\n return format(this.first, this.middle, this.last);\r\n }\r\n\r\n render() {\r\n return <div>Hello, World! I'm {this.getText()}</div>;\r\n }\r\n}\r\n"]}

package/dist/collection/components/atoms/ptc-link/ptc-link.css CHANGED Viewed

@@ -206,7 +206,7 @@ ptc-modal inline-form a,
 ptc-modal inline-form a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
-  color: var(--color-blue-04);
+  color: var(--color-blue-06);
   margin: -2px;
   border: 2px solid transparent;
 }
@@ -319,6 +319,10 @@ ptc-modal inline-form a,
   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;

package/dist/collection/components/atoms/ptc-modal/ptc-modal.css CHANGED Viewed

@@ -98,6 +98,16 @@
 .wrapper .modal-popup .modal-body.html {
   overflow: hidden;
 }
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar {
+  width: 6px;
+}
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-track {
+  border-radius: var(--ptc-border-radius-pill);
+}
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--color-gray-03);
+  border-radius: var(--ptc-border-radius-pill);
+}
 .wrapper .modal-popup.frame .modal-body {
   display: flex;
   flex: 1;

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

@@ -49,6 +49,14 @@ export class PtcModal {
      * Sets if popup should have header footer sections
      */
     showHeaderFooter = false;
+    /**
+     * Sets if popup should hide header
+     */
+    hideHeader = false;
+    /**
+     * Use modern scrollbar styling for the modal body.
+     */
+    modernScrollbar = false;
     overlayHeight;
     /**
      * Event for modal popup closed
@@ -284,7 +292,7 @@ export class PtcModal {
         let content;
         let overlay;
         let type = this.iframeUrl ? "frame" : "html";
-        let closebtn = (h("div", { key: '81b8e38e0378ead18c46f6d5f6edce479411b529', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '022229067f0d3f9f442d6edf095cbfaaaab3e318', onClick: (e) => {
+        let closebtn = (h("div", { key: '2fe5826d46d2336460a573a64d17a6bb0c069525', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '05ee0e583bdc0d2c896d341ff99121fa32536e61', onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -295,7 +303,7 @@ export class PtcModal {
                     this.trap.deactivate();
                 }
             } })));
-        let bottomCloseBtnEle = (h("div", { key: '4c0ebd35a47a6d560bf6d2a3d96ba75fbf1a3f05', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
+        let bottomCloseBtnEle = (h("div", { key: '4bfb66399d0ba1cdca7cd8f84ff98dff54d25573', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -305,27 +313,27 @@ export class PtcModal {
                 if (this.trap) {
                     this.trap.deactivate();
                 }
-            } }, h("span", { key: '5ad52812ad110b74eb50419e05f2083f08b6b178' }, this.bottomCloseBtn)));
+            } }, h("span", { key: 'f39b0d51585387b74ba635c773aab8d3ee7bce86' }, this.bottomCloseBtn)));
         if (this.iframeUrl) {
-            content = (h("iframe", { key: 'cea1c036404cd7c2eccd8b62bec9cce0014f53c8', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+            content = (h("iframe", { key: '08de42df270b85d1f711885e872864625ac21639', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
         }
         else {
             if (this.showHeaderFooter) {
-                content = h("slot", { key: '678415400a6c09a907048b4f53f9a063018ed27d', name: "body" });
+                content = h("slot", { key: 'e8207bcf3e3e5b48407085d323ec76351631a15f', name: "body" });
             }
             else {
-                content = h("slot", { key: 'fd45003c71bf3dc6fe2fa41c08ee1bb851a02b46' });
+                content = h("slot", { key: '3b852d2dc3906ed47db1922bed2ad5d425eaaafd' });
             }
         }
         if (this.overlay) {
             if (this.closeOnBlur) {
-                overlay = (h("div", { key: 'b081cb3203066bc73eb575977d9c34c3bad7028e', class: "overlay", onClick: (_) => this.close() }));
+                overlay = (h("div", { key: 'd24337fb3b0b566f6a07059eceb525e5806c2830', class: "overlay", onClick: (_) => this.close() }));
             }
             else {
-                overlay = h("div", { key: 'b7a60618432460defec04fde4363e9c5d423c721', class: "overlay" });
+                overlay = h("div", { key: '14a5e89df1579fe0ff4b2d568cdf388fb6ffe3d6', class: "overlay" });
             }
         }
-        return (h(Host, { key: 'c1a8c3236d7d54a05fdcef957eb506b5d270b9e2', class: this.getCssClassMap() }, this.styles && h("style", { key: '2555ae0c9eb9250dcb543b0ecf58be0a23879bb5' }, this.styles), h("div", { key: '44f930f66bbacffb8b952e23d5704d849a227db7', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ab1601c1e7e1ef553e724b6ad5e6784e9afa2a1e', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
+        return (h(Host, { key: '0dc4b256306db321c8b413b069b48cc5a753022d', class: this.getCssClassMap() }, this.styles && h("style", { key: '5e32b5f75febaed14f65a6f1e0ede9ff870bdfc5' }, this.styles), h("div", { key: 'b64190d249b568cd7923ad3ab6c570eae51db476', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ac739c42564f4b05db4ba0f1993d34d5a6260c10', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
             ? [
                 h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1
                     ? this.headerOnlyText1
@@ -335,13 +343,18 @@ export class PtcModal {
             ]
             : null, this.showHeaderFooter
             ? [
-                h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
-                h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+                !this.hideHeader && (h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn)),
+                this.hideHeader && closebtn,
+                h("div", { class: `modal-body ${this.modernScrollbar
+                        ? "modern-scrollbar"
+                        : ""}`, onScroll: () => this.handleScroll() }, content),
                 h("div", { class: "modal-footer" }, h("slot", { name: "footer" })),
             ]
             : [
                 closebtn,
-                h("div", { class: "modal-body" }, content),
+                h("div", { class: `modal-body ${this.modernScrollbar
+                        ? "modern-scrollbar"
+                        : ""}` }, content),
             ], this.modalType === "event-listing" &&
             this.bottomCloseBtn
             ? [bottomCloseBtnEle]
@@ -606,6 +619,46 @@ export class PtcModal {
                 "attribute": "show-header-footer",
                 "defaultValue": "false"
             },
+            "hideHeader": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets if popup should hide header"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-header",
+                "defaultValue": "false"
+            },
+            "modernScrollbar": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Use modern scrollbar styling for the modal body."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "modern-scrollbar",
+                "defaultValue": "false"
+            },
             "borderRadius": {
                 "type": "string",
                 "mutable": true,

package/dist/collection/components/atoms/ptc-modal/ptc-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-modal.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-modal/ptc-modal.tsx"],"names":[],"mappings":"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E,CAAC;gBACZ,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;YACzB,CAAC;QACF,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\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 Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\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={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\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: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass=\"modal-body\"\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\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: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">{content}</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\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\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"ptc-modal.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-modal/ptc-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\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 Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should hide header\r\n\t /\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/\r\n\t Use modern scrollbar styling for the modal body.\r\n\t /\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\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={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\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: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\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\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\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: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\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{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\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\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}

package/dist/collection/components/atoms/ptc-overlay/ptc-overlay.css CHANGED Viewed

@@ -100,6 +100,10 @@
   background: linear-gradient(180deg, transparent 0%, transparent 100%);
 }
+:host(.white-bottom) {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);
+}
 :host(.radius-standard) {
   border-radius: var(--ptc-border-radius-standard);
 }

package/dist/collection/components/atoms/ptc-overlay/ptc-overlay.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class PtcOverlay {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: 'cec47cfc18024879f6884e23238ba7f073640b87', class: classMap });
+        return h(Host, { key: '5f9ef6e6176415c618a07b29fa625806c9c50614', class: classMap });
     }
     getCssClassMap() {
         return {
@@ -48,7 +48,7 @@ export class PtcOverlay {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "| \"blue\"\r\n\t\t| \"red\"\r\n\t\t| \"orange\"\r\n\t\t| \"green\"\r\n\t\t| \"black-1\"\r\n\t\t| \"black-2\"\r\n\t\t| \"black-3\"\r\n\t\t| \"black-4\"\r\n\t\t| \"black-5\"\r\n\t\t| \"slate-grey\"\r\n\t\t| \"bright-blue\"\r\n\t\t| \"bright-red\"\r\n\t\t| \"bright-orange\"\r\n\t\t| \"bright-green\"\r\n\t\t| \"bright-slate-grey\"\r\n\t\t| \"solid-black-1\"\r\n\t\t| \"solid-black-2\"\r\n\t\t| \"hp-blue\"\r\n\t\t| \"hp-green\"\r\n\t\t| \"hp-red\"\r\n\t\t| \"hp-gray\"\r\n\t\t| \"hp-orange\"\r\n\t\t| \"transparent\"\r\n\t\t| string",
+                    "original": "| \"blue\"\r\n\t\t| \"red\"\r\n\t\t| \"orange\"\r\n\t\t| \"green\"\r\n\t\t| \"black-1\"\r\n\t\t| \"black-2\"\r\n\t\t| \"black-3\"\r\n\t\t| \"black-4\"\r\n\t\t| \"black-5\"\r\n\t\t| \"slate-grey\"\r\n\t\t| \"bright-blue\"\r\n\t\t| \"bright-red\"\r\n\t\t| \"bright-orange\"\r\n\t\t| \"bright-green\"\r\n\t\t| \"bright-slate-grey\"\r\n\t\t| \"solid-black-1\"\r\n\t\t| \"solid-black-2\"\r\n\t\t| \"hp-blue\"\r\n\t\t| \"hp-green\"\r\n\t\t| \"hp-red\"\r\n\t\t| \"hp-gray\"\r\n\t\t| \"hp-orange\"\r\n\t\t| \"transparent\"\r\n\t\t| \"white-bottom\"\r\n\t\t| string",
                     "resolved": "string",
                     "references": {}
                 },

package/dist/collection/components/atoms/ptc-overlay/ptc-overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-overlay.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,WAAW,~~CAwBT~~;IACV;;OAEG;IACK,YAAY,CAID;IACnB;;OAEG;IACK,aAAa,GAKF,cAAc,CAAC;IAElC;;OAEG;IACK,MAAM,CAAU;IAGxB,KAAK,CAAC,UAAU,CAAC,WAAmB;QACnC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IAChC,CAAC;IAED,MAAM;QACL,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEvC,OAAO,EAAC,IAAI,qDAAC,KAAK,EAAE,QAAQ,GAAS,CAAC;IACvC,CAAC;IAEO,cAAc;QACrB,OAAO;YACN,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACrD,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACvD,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI;SAC1B,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/*\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"]}
1	+ {"version":3,"file":"ptc-overlay.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,WAAW,CAyBT;IACV;;OAEG;IACK,YAAY,CAID;IACnB;;OAEG;IACK,aAAa,GAKF,cAAc,CAAC;IAElC;;OAEG;IACK,MAAM,CAAU;IAGxB,KAAK,CAAC,UAAU,CAAC,WAAmB;QACnC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IAChC,CAAC;IAED,MAAM;QACL,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEvC,OAAO,EAAC,IAAI,qDAAC,KAAK,EAAE,QAAQ,GAAS,CAAC;IACvC,CAAC;IAEO,cAAc;QACrB,OAAO;YACN,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACrD,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACvD,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI;SAC1B,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/*\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/atoms/ptc-readmore-char/ptc-readmore-char.css CHANGED Viewed

@@ -38,7 +38,7 @@ ptc-modal inline-form a,
 ptc-modal inline-form a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
-  color: var(--color-blue-04);
+  color: var(--color-blue-06);
   margin: -2px;
   border: 2px solid transparent;
 }
@@ -151,6 +151,10 @@ ptc-modal inline-form a,
   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;

package/dist/collection/components/molecules/innovator-toggle-container/innovator-toggle-container.css CHANGED Viewed

@@ -38,7 +38,7 @@ ptc-modal inline-form a,
 ptc-modal inline-form a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
-  color: var(--color-blue-04);
+  color: var(--color-blue-06);
   margin: -2px;
   border: 2px solid transparent;
 }
@@ -151,6 +151,10 @@ ptc-modal inline-form a,
   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;

package/dist/collection/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.css ADDED Viewed

@@ -0,0 +1,33 @@
+:host {
+  display: block;
+  text-align: center;
+}
+:host .blue-pill-announcement-bar-wrapper {
+  display: inline-flex;
+  padding: 12px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  border-radius: 30px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: var(--blue-7-base-color, #197bc0);
+  /* Drop Shadow (X-Large) */
+  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.24);
+  color: var(--color-white);
+  font-family: var(--ptc-font-latin);
+  font-size: var(--ptc-font-size-x-small);
+  font-weight: var(--ptc-font-weight-regular);
+  line-height: var(--ptc-line-height-p);
+  text-align: left;
+}
+:host .blue-pill-announcement-bar-wrapper svg {
+  min-width: 16px;
+}
+:host ::slotted(p) {
+  margin-bottom: 0 !important;
+  color: var(--color-white) !important;
+  font-size: var(--ptc-font-size-x-small) !important;
+  font-weight: var(--ptc-font-weight-regular) !important;
+  line-height: var(--ptc-line-height-p) !important;
+  text-align: left !important;
+}

package/dist/collection/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.js ADDED Viewed

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class PtcBluePillAnnouncementBar {
+    render() {
+        return (h(Host, { key: 'e786c0fa4eda135b8d1a13b4ae5aef95dd839554' }, h("div", { key: '37720ec3ed46b55102907135b91f2b8825667a1e', class: "blue-pill-announcement-bar-wrapper" }, h("svg", { key: '031960653f6a40f56c8febf7adc564cc7854738a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("g", { key: '7ba96299bc2a84af602da7a2e937e8de3e51294d', "clip-path": "url(#clip0_96_14879)" }, h("path", { key: '94585aed00299afac90f2716539f9f2ab91312f2', d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), h("rect", { key: 'c2bb512ea83c27538c3f6476e6439d161b823757', x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), h("circle", { key: 'c70d80f3fa62dd12bd89a412ff2cc9d747b05b31', cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), h("defs", { key: '71023f90d3026e3ae646bd9f5387589d7bf6348e' }, h("clipPath", { key: '44211853d6cf843f5b562459e38ba47ba163adbb', id: "clip0_96_14879" }, h("rect", { key: '6d8440f153fd078211d2ade2ec5f463c80ca6516', width: "16", height: "16", fill: "white" })))), h("div", { key: '8e1fda2cb3ce01e9aa27d10fa59a4c8ca431946a' }, h("slot", { key: '96ea69e31dce240b5b7e55f7d892a9b70cb94dee' })))));
+    }
+    static get is() { return "ptc-blue-pill-announcement-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ptc-blue-pill-announcement-bar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ptc-blue-pill-announcement-bar.css"]
+        };
+    }
+}
+//# sourceMappingURL=ptc-blue-pill-announcement-bar.js.map

package/dist/collection/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ptc-blue-pill-announcement-bar.js","sourceRoot":"","sources":["../../../../src/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,0BAA0B;IACtC,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4DAAK,KAAK,EAAC,oCAAoC;gBAC9C,4DACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;oBAEX,uEAAa,sBAAsB;wBAClC,6DACC,CAAC,EAAC,oNAAoN,EACtN,IAAI,EAAC,OAAO,GACX;wBACF,6DACC,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,GACb;wBACF,+DACC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,KAAK,EACP,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,GACb,CACC;oBACJ;wBACC,iEAAU,EAAE,EAAC,gBAAgB;4BAC5B,6DAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAClC,CACL,CACF;gBACN;oBACC,8DAAa,CACR,CACD,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-blue-pill-announcement-bar\",\r\n\tstyleUrl: \"ptc-blue-pill-announcement-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcBluePillAnnouncementBar {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"blue-pill-announcement-bar-wrapper\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_96_14879)\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<rect\r\n\t\t\t\t\t\t\t\tx=\"7.5\"\r\n\t\t\t\t\t\t\t\ty=\"6.5\"\r\n\t\t\t\t\t\t\t\twidth=\"1\"\r\n\t\t\t\t\t\t\t\theight=\"6\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t\tstroke=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<circle\r\n\t\t\t\t\t\t\t\tcx=\"8\"\r\n\t\t\t\t\t\t\t\tcy=\"4\"\r\n\t\t\t\t\t\t\t\tr=\"0.5\"\r\n\t\t\t\t\t\t\t\tfill=\"white\"\r\n\t\t\t\t\t\t\t\tstroke=\"white\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t<clipPath id=\"clip0_96_14879\">\r\n\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<slot></slot>\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}\r\n"]}