npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.6-upgrade → 6.5.7-upgrade - Mend

@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-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 (880) hide show

package/dist/components/{p-u1d9Lu8W.js → p-B0NSTy2y.js} RENAMED Viewed

@@ -72,9 +72,9 @@ const PtcProductDropdown = /*@__PURE__*/ proxyCustomElement(class PtcProductDrop
         this.parseOptions();
     }
     render() {
-        return (h(Host, { key: 'f0ae8f80296a422c1c51deadfbdf2e82350ab3e6' }, h("div", { key: 'a9b2dd095ebcb309d94eb7e40f08ec1969b7bd65', class: "dropdown" }, h("div", { key: '3f9f1366af89a4bb3c39bb065a6e8c018b0b0a7c', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
+        return (h(Host, { key: '7a8e57df26e175f0570af84e0ebd229bf291b319' }, h("div", { key: '4f87fc310e4535f2c36f1293f988187e319820fa', class: "dropdown" }, h("div", { key: '75cba4c7fdca9faf850d4b4d7647840ebf1a7502', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
                 e.key === "Enter" ? this.toggleDropdown() : null;
-            }, tabIndex: 0 }, h("span", { key: 'd95e81dd28c48a2c366f6bb5e670771f3b115a9d', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: 'c9738005f388d2fbd0a3d2f8153de229bfd40951', class: "caret" }, h("svg", { key: '8855d428d7fced1c8692d53fe513be10ed21dc1c', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '703a344827f448bf4f1e7d8268557218fbf7c465', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'fd1de44a1b8daca811f25b41022d14a03344d6af', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '2861431ec20e138f3a6227635c43ffe823ac39ed', class: "hidden" }, h("slot", { key: '7db3d279c2fe072865439fdde5013528b72bdcab' }))));
+            }, tabIndex: 0 }, h("span", { key: '846131aae21dbfaeb632c50ddac744c956c77a97', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: '3b9df63720211807cd48f472fa0822af5384fe10', class: "caret" }, h("svg", { key: '551055b802a83225fedfc751de52c6d30cf8eff2', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '604863bb0dbad093c4fee97d4e50665d09f23ab8', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: '3637c053e3ea9354c4105f6a8f24642604b23442', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '6374c0c5a7cac46a29fe41b9668e32256ca959ab', class: "hidden" }, h("slot", { key: 'e75e1bc7c49a8be2482d7006eaf0e445702ad94b' }))));
     }
     static get style() { return ptcProductDropdownCss; }
 }, [257, "ptc-product-dropdown", {
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProductDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-u1d9Lu8W.js.map
+//# sourceMappingURL=p-B0NSTy2y.js.map
-//# sourceMappingURL=p-u1d9Lu8W.js.map
+//# sourceMappingURL=p-B0NSTy2y.js.map

package/dist/components/{p-u1d9Lu8W.js.map → p-B0NSTy2y.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~u1d9Lu8W~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\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=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\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{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\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-B0NSTy2y.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\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=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\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{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\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-rV440n48.js → p-BAW88YcS.js} RENAMED Viewed

@@ -53,7 +53,7 @@ const PtcDate = /*@__PURE__*/ proxyCustomElement(class PtcDate extends H {
     render() {
         // const newDate = new Date(this.year, this.month, this.day);
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f44f36607096e3347438c3d85bb709b03580f486', class: classMap }, this.dateStyles && h("style", { key: '60c1a041b8992cca04af1b754393552d00bf925d' }, this.dateStyles), h("span", { key: '3bfc459f181eae7c2dcd9e8fe4686589104d7a63', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
+        return (h(Host, { key: '056d08237afd75097e428311a14065d93e42e63b', class: classMap }, this.dateStyles && h("style", { key: 'ddcd788b88b80be7d0d723d610d4b60964260506' }, this.dateStyles), h("span", { key: 'd6264592f88b3b94e316dd94ddc94a1628ee23ae', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
     }
     getCssClassMap() {
         return {
@@ -114,6 +114,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcDate as P, defineCustomElement as d };
-//# sourceMappingURL=p-rV440n48.js.map
+//# sourceMappingURL=p-BAW88YcS.js.map
-//# sourceMappingURL=p-rV440n48.js.map
+//# sourceMappingURL=p-BAW88YcS.js.map

package/dist/components/{p-rV440n48.js.map → p-BAW88YcS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~rV440n48~~.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n tag: 'ptc-date',\r\n styleUrl: 'ptc-date.scss',\r\n shadow: true,\r\n})\r\nexport class PtcDate {\r\n /*\r\n\t Year\r\n\t /\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/\r\n\t Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t /\r\n\t@Prop() month: number = 1;\r\n\r\n\t/\r\n\t Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t /\r\n\t@Prop() day: number = 1;\r\n\r\n\t/\r\n\t Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t /\r\n\t@Prop() country: string \| undefined = \"en-US\";\r\n\r\n\t/\r\n\t Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t /\r\n\t@Prop() dateString?: string;\r\n\t/\r\n\t Date Color\r\n\t /\r\n\t@Prop() dateColor: \"white\" \| \"primary-grey\";\r\n\t/\r\n\t Injected styles\r\n\t /\r\n\t@Prop() dateStyles?: string;\r\n\t/\r\n\t Date Font Size\r\n\t /\r\n\t@Prop() dataSize: \"medium\" \| \"small\" = \"small\";\r\n\t/\r\n\t Custom object for formatting date e.i. { weekday: \"long\", year: \"numeric\", month: \"long\", day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n render() {\r\n // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BAW88YcS.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n tag: 'ptc-date',\r\n styleUrl: 'ptc-date.scss',\r\n shadow: true,\r\n})\r\nexport class PtcDate {\r\n /*\r\n\t Year\r\n\t /\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/\r\n\t Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t /\r\n\t@Prop() month: number = 1;\r\n\r\n\t/\r\n\t Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t /\r\n\t@Prop() day: number = 1;\r\n\r\n\t/\r\n\t Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t /\r\n\t@Prop() country: string \| undefined = \"en-US\";\r\n\r\n\t/\r\n\t Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t /\r\n\t@Prop() dateString?: string;\r\n\t/\r\n\t Date Color\r\n\t /\r\n\t@Prop() dateColor: \"white\" \| \"primary-grey\";\r\n\t/\r\n\t Injected styles\r\n\t /\r\n\t@Prop() dateStyles?: string;\r\n\t/\r\n\t Date Font Size\r\n\t /\r\n\t@Prop() dataSize: \"medium\" \| \"small\" = \"small\";\r\n\t/\r\n\t Custom object for formatting date e.i. { weekday: \"long\", year: \"numeric\", month: \"long\", day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n render() {\r\n // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CoxTlRBE.js → p-BE6xl5CV.js} RENAMED Viewed

@@ -31,7 +31,7 @@ const PtcOverlay = /*@__PURE__*/ proxyCustomElement(class PtcOverlay extends H {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: '5f9ef6e6176415c618a07b29fa625806c9c50614', class: classMap });
+        return h(Host, { key: 'd51bc2fabe980b78d83d0282aa21c775f817be4b', class: classMap });
     }
     getCssClassMap() {
         return {
@@ -64,6 +64,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcOverlay as P, defineCustomElement as d };
-//# sourceMappingURL=p-CoxTlRBE.js.map
+//# sourceMappingURL=p-BE6xl5CV.js.map
-//# sourceMappingURL=p-CoxTlRBE.js.map
+//# sourceMappingURL=p-BE6xl5CV.js.map

package/dist/components/{p-CoxTlRBE.js.map → p-BE6xl5CV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CoxTlRBE~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,42FAA42F;;MCQr3F,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttransition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.2) 0%,\r\n\t\tvar(--color-blue-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(209, 44, 58, 0.2) 0%,\r\n\t\tvar(--color-red-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.2) 0%,\r\n\t\tvar(--color-orange-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.2) 0%,\r\n\t\tvar(--color-green-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-1) {\r\n\tbackground: linear-gradient(\r\n\t\t270deg,\r\n\t\trgba(32, 38, 42, 0.32) 33.33%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-2) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(32, 38, 42, 0) 0%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-4) {\r\n\tbackground: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n\tbackground: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t:host(.black-1) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t270deg,\r\n// \t\t\trgba(32, 38, 42, 0) 33.33%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n\r\n// \t:host(.black-2) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t180deg,\r\n// \t\t\trgba(32, 38, 42, 0) 0%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n// }\r\n\r\n:host(.black-3) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\tvar(--color-gray-12) 0%,\r\n\t\trgba(32, 38, 42, 0.55) 100%\r\n\t);\r\n}\r\n\r\n:host(.slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.2) 0%,\r\n\t\tvar(--color-gray-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.72) 0%,\r\n\t\trgba(25, 123, 192, 0.85) 69.27%,\r\n\t\trgba(25, 123, 192, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(211, 62, 62, 0.72) 0%,\r\n\t\trgba(211, 62, 62, 0.85) 69.27%,\r\n\t\trgba(211, 62, 62, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.72) 0%,\r\n\t\trgba(195, 119, 41, 0.85) 69.27%,\r\n\t\trgba(195, 119, 41, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.72) 0%,\r\n\t\trgba(0, 137, 11, 0.85) 69.27%,\r\n\t\trgba(0, 137, 11, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.72) 0%,\r\n\t\trgba(97, 116, 128, 0.85) 69.27%,\r\n\t\trgba(97, 116, 128, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n\tbackground: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n\tbackground: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\t#00890b 0%,\r\n\t\t#33a13c 100%\r\n\t); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n\tbackground: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n\tbackground: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n\tz-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n\tz-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n\tz-index: 2;\r\n}\r\n","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"],"version":3}
1	+ {"file":"p-BE6xl5CV.js","mappings":";;AAAA,MAAM,aAAa,GAAG,42FAA42F;;MCQr3F,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttransition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.2) 0%,\r\n\t\tvar(--color-blue-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(209, 44, 58, 0.2) 0%,\r\n\t\tvar(--color-red-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.2) 0%,\r\n\t\tvar(--color-orange-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.2) 0%,\r\n\t\tvar(--color-green-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-1) {\r\n\tbackground: linear-gradient(\r\n\t\t270deg,\r\n\t\trgba(32, 38, 42, 0.32) 33.33%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-2) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(32, 38, 42, 0) 0%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-4) {\r\n\tbackground: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n\tbackground: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t:host(.black-1) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t270deg,\r\n// \t\t\trgba(32, 38, 42, 0) 33.33%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n\r\n// \t:host(.black-2) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t180deg,\r\n// \t\t\trgba(32, 38, 42, 0) 0%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n// }\r\n\r\n:host(.black-3) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\tvar(--color-gray-12) 0%,\r\n\t\trgba(32, 38, 42, 0.55) 100%\r\n\t);\r\n}\r\n\r\n:host(.slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.2) 0%,\r\n\t\tvar(--color-gray-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.72) 0%,\r\n\t\trgba(25, 123, 192, 0.85) 69.27%,\r\n\t\trgba(25, 123, 192, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(211, 62, 62, 0.72) 0%,\r\n\t\trgba(211, 62, 62, 0.85) 69.27%,\r\n\t\trgba(211, 62, 62, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.72) 0%,\r\n\t\trgba(195, 119, 41, 0.85) 69.27%,\r\n\t\trgba(195, 119, 41, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.72) 0%,\r\n\t\trgba(0, 137, 11, 0.85) 69.27%,\r\n\t\trgba(0, 137, 11, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.72) 0%,\r\n\t\trgba(97, 116, 128, 0.85) 69.27%,\r\n\t\trgba(97, 116, 128, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n\tbackground: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n\tbackground: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\t#00890b 0%,\r\n\t\t#33a13c 100%\r\n\t); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n\tbackground: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n\tbackground: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n\tz-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n\tz-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n\tz-index: 2;\r\n}\r\n","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"],"version":3}

package/dist/components/{p-B5fWr5oN.js → p-BFUh3kag.js} RENAMED Viewed

@@ -60,7 +60,7 @@ const PtcImg = /*@__PURE__*/ proxyCustomElement(class PtcImg extends H {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'c2fa502057e226f57193dab626e26c9226bb351b' }, this.styles && h("style", { key: 'f2ff5dfc15f748d1b9939fd6cf358c3f18f228d9' }, this.styles), h("div", { key: '3149bdb84f0bce798235eda8bdcd5a4d4ee155ea', class: classMap, "data-xs": `${this.imgUrl}`, "data-sm": `${this.imgUrl}`, "data-md": `${this.imgUrl}`, "data-lg": `${this.imgUrl}` }, this.imageType == "smart-bg" ? h("slot", null) : null)));
+        return (h(Host, { key: 'f2668530f67aa8a4ce0b63e49bd8d542ef15a8b7' }, this.styles && h("style", { key: 'fd31ef320414c681da742a294bbb606813ec6a3b' }, this.styles), h("div", { key: '9ba5c1c14c7eb460dbf37827932e08ccd1079353', class: classMap, "data-xs": `${this.imgUrl}`, "data-sm": `${this.imgUrl}`, "data-md": `${this.imgUrl}`, "data-lg": `${this.imgUrl}` }, this.imageType == "smart-bg" ? h("slot", null) : null)));
     }
     componentDidLoad() {
         this.addIntersectionObserver();
@@ -188,6 +188,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImg as P, defineCustomElement as d };
-//# sourceMappingURL=p-B5fWr5oN.js.map
+//# sourceMappingURL=p-BFUh3kag.js.map
-//# sourceMappingURL=p-B5fWr5oN.js.map
+//# sourceMappingURL=p-BFUh3kag.js.map

package/dist/components/{p-B5fWr5oN.js.map → p-BFUh3kag.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B5fWr5oN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-img/ptc-img.scss?tag=ptc-img","src/components/atoms/ptc-img/ptc-img.tsx"],"sourcesContent":[".smart-bg {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 50% 50%;\r\n}\r\n\r\n.smart-img {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 50% 50%;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-standard-top {\r\n\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.radius-large-top {\r\n\tborder-top-left-radius: var(--ptc-border-radius-large);\r\n\tborder-top-right-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.lazy-bg {\r\n\tbackground-image: none !important;\r\n\tbackground-color: var(--color-gray-03);\r\n}\r\n\r\n// .z-index-auto{\r\n// z-index: auto;\r\n// }\r\n// .z-index-n-1{\r\n// z-index: -1;\r\n// }\r\n// .z-index-n-2{\r\n// z-index: -2;\r\n// }\r\n// .z-index-p-1{\r\n// z-index: 1;\r\n// }\r\n// .z-index-p-2{\r\n// z-index: 2;\r\n// }\r\n\r\n/* XS /\r\n/ max-width: $screen-xs-max /\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t.hidden-xs {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ SM $breakpoint-md-max /\r\n/ min-width: $screen-sm-min) and (max-width: $screen-sm-max /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md-max) {\r\n// \t.hidden-sm {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ MD /\r\n/ min-width: $screen-md-min) and (max-width: $screen-md-max /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg-max) {\r\n// \t.hidden-md {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ LG /\r\n/ min-width: $screen-lg-min /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t.hidden-lg {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n","import { Component, Host, h, Prop, Listen, Element } from \"@stencil/core\";\r\nimport { CssClassMap, ResponsiveBgVariables } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-img\",\r\n\tstyleUrl: \"ptc-img.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcImg {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@Prop() imgUrl: string;\r\n\t/\r\n\t Image type\r\n\t /\r\n\t@Prop() imageType: \"smart-bg\" \| \"smart-img\" = \"smart-bg\";\r\n\t/\r\n\t Image 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-large-top\"\r\n\t\t\| \"radius-standard-top\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Lazy loading option\r\n\t /\r\n\t@Prop() loadMode: \"lazy-bg\" \| \"eager-bg\" = \"lazy-bg\";\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 * Image Z Index\r\n\t */\r\n\t// @Prop() imageZIndex: 'z-index-auto' \| 'z-index-n-2' \| 'z-index-n-1' \| 'z-index-p-1' \| 'z-index-p-2' = 'z-index-auto';\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\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={classMap}\r\n\t\t\t\t\tdata-xs={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-sm={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-md={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-lg={`${this.imgUrl}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.imageType == \"smart-bg\" ? <slot /> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (this.el \|\| document).querySelectorAll<HTMLElement>(\r\n\t\t\t\tResponsiveBgVariables.selector,\r\n\t\t\t),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\t// Loop through all target elements\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\r\n\t\t\t// If the data attribute exists, set the background\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\tel.style.backgroundImage = \"url('\" + elData + \"')\";\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//lazy loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.imgUrl) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadBgs = (this.el \|\| document).querySelectorAll(\r\n\t\t\t\t\".lazy-bg\",\r\n\t\t\t);\r\n\t\t\tlet bgObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image = entry.target;\r\n\t\t\t\t\t\timage.classList.remove(\"lazy-bg\");\r\n\t\t\t\t\t\tbgObserver.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tlazyLoadBgs.forEach((image) => {\r\n\t\t\t\tbgObserver.observe(image);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\t// setTimeout(() => {};\r\n\t\t\t// }, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imageType]: true,\r\n\t\t\t\"ptc-img\": true,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.loadMode]: true,\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsiveBgVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BFUh3kag.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-img/ptc-img.scss?tag=ptc-img","src/components/atoms/ptc-img/ptc-img.tsx"],"sourcesContent":[".smart-bg {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 50% 50%;\r\n}\r\n\r\n.smart-img {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 50% 50%;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-standard-top {\r\n\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.radius-large-top {\r\n\tborder-top-left-radius: var(--ptc-border-radius-large);\r\n\tborder-top-right-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.lazy-bg {\r\n\tbackground-image: none !important;\r\n\tbackground-color: var(--color-gray-03);\r\n}\r\n\r\n// .z-index-auto{\r\n// z-index: auto;\r\n// }\r\n// .z-index-n-1{\r\n// z-index: -1;\r\n// }\r\n// .z-index-n-2{\r\n// z-index: -2;\r\n// }\r\n// .z-index-p-1{\r\n// z-index: 1;\r\n// }\r\n// .z-index-p-2{\r\n// z-index: 2;\r\n// }\r\n\r\n/* XS /\r\n/ max-width: $screen-xs-max /\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t.hidden-xs {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ SM $breakpoint-md-max /\r\n/ min-width: $screen-sm-min) and (max-width: $screen-sm-max /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md-max) {\r\n// \t.hidden-sm {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ MD /\r\n/ min-width: $screen-md-min) and (max-width: $screen-md-max /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg-max) {\r\n// \t.hidden-md {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n/ LG /\r\n/ min-width: $screen-lg-min /\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t.hidden-lg {\r\n// \t\tdisplay: none !important;\r\n// \t}\r\n// }\r\n","import { Component, Host, h, Prop, Listen, Element } from \"@stencil/core\";\r\nimport { CssClassMap, ResponsiveBgVariables } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-img\",\r\n\tstyleUrl: \"ptc-img.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcImg {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@Prop() imgUrl: string;\r\n\t/\r\n\t Image type\r\n\t /\r\n\t@Prop() imageType: \"smart-bg\" \| \"smart-img\" = \"smart-bg\";\r\n\t/\r\n\t Image 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-large-top\"\r\n\t\t\| \"radius-standard-top\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Lazy loading option\r\n\t /\r\n\t@Prop() loadMode: \"lazy-bg\" \| \"eager-bg\" = \"lazy-bg\";\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 * Image Z Index\r\n\t */\r\n\t// @Prop() imageZIndex: 'z-index-auto' \| 'z-index-n-2' \| 'z-index-n-1' \| 'z-index-p-1' \| 'z-index-p-2' = 'z-index-auto';\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\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={classMap}\r\n\t\t\t\t\tdata-xs={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-sm={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-md={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-lg={`${this.imgUrl}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.imageType == \"smart-bg\" ? <slot /> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (this.el \|\| document).querySelectorAll<HTMLElement>(\r\n\t\t\t\tResponsiveBgVariables.selector,\r\n\t\t\t),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\t// Loop through all target elements\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\r\n\t\t\t// If the data attribute exists, set the background\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\tel.style.backgroundImage = \"url('\" + elData + \"')\";\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//lazy loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.imgUrl) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadBgs = (this.el \|\| document).querySelectorAll(\r\n\t\t\t\t\".lazy-bg\",\r\n\t\t\t);\r\n\t\t\tlet bgObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image = entry.target;\r\n\t\t\t\t\t\timage.classList.remove(\"lazy-bg\");\r\n\t\t\t\t\t\tbgObserver.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tlazyLoadBgs.forEach((image) => {\r\n\t\t\t\tbgObserver.observe(image);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\t// setTimeout(() => {};\r\n\t\t\t// }, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imageType]: true,\r\n\t\t\t\"ptc-img\": true,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.loadMode]: true,\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsiveBgVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-rp_eqs4l.js → p-BQjkh7kQ.js} RENAMED Viewed

@@ -194,11 +194,11 @@ const PtcPicture = /*@__PURE__*/ proxyCustomElement(class PtcPicture extends H {
     render() {
         const classMap = this.getCssClassMap();
         const classMapHost = this.getCssClassMapHost();
-        return (h(Host, { key: 'afe595bdc5eefb6a5113d76220e9664bdd24182f', class: classMapHost }, this.styles && h("style", { key: '66a224a59b94934069abd5c0ca1113ac00f287d4' }, this.styles), h("img", { key: '86f21c897bf2e4a42c1a0dda9be415f4d9c875bc', class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}`, ...(!!this.width ? { width: this.width } : {}), ...(!!this.height ? { height: this.height } : {}), alt: this.alt, style: {
+        return (h(Host, { key: '4b3ffdad0d6ad5c2e11639b3b1abb263fec316ce', class: classMapHost }, this.styles && h("style", { key: '07dda214d90869609d6701d94fd722ec429a764c' }, this.styles), h("img", { key: '297ace0559ac3e3cd258ce9a9bbfc23dbee6b4c6', class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}`, ...(!!this.width ? { width: this.width } : {}), ...(!!this.height ? { height: this.height } : {}), alt: this.alt, style: {
                 ...(!!this.maxWidth
                     ? { maxWidth: this.maxWidth + "px" }
                     : {}),
-            } }), h("slot", { key: 'ec7ea1eccb3dd47a65a47afbc277f213680cee41' })));
+            } }), h("slot", { key: '22eb62c26f45cc0a9b02beec30a07fcf0eb4ce03' })));
     }
     getCurrentBreakPoints() {
         // Define local variables
@@ -290,6 +290,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPicture as P, defineCustomElement as d };
-//# sourceMappingURL=p-rp_eqs4l.js.map
+//# sourceMappingURL=p-BQjkh7kQ.js.map
-//# sourceMappingURL=p-rp_eqs4l.js.map
+//# sourceMappingURL=p-BQjkh7kQ.js.map

package/dist/components/{p-rp_eqs4l.js.map → p-BQjkh7kQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-rp_eqs4l.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image 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 Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BQjkh7kQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image 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 Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Dy9aYfKt.js → p-BRkdgVC0.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-I15m-uFl.js';
-import { d as defineCustomElement$4 } from './p-Dws0e-v8.js';
-import { d as defineCustomElement$3 } from './p-B5fWr5oN.js';
-import { d as defineCustomElement$2 } from './p-DIQsWvTl.js';
+import { d as defineCustomElement$4 } from './p-CrO4JStG.js';
+import { d as defineCustomElement$3 } from './p-BFUh3kag.js';
+import { d as defineCustomElement$2 } from './p-DqEp_ABX.js';
 import { d as defineCustomElement$1 } from './p-DWccNsRu.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}";
@@ -24,9 +24,9 @@ const PtcImageDownloadStrip = /*@__PURE__*/ proxyCustomElement(class PtcImageDow
      */
     trackerId;
     render() {
-        return (h(Host, { key: '67076e6c6156ecf54f693b0518d76f23700238ca' }, h("slot", { key: '97aa077e9ced27503d3580b65a9656200bafd306' }), h("div", { key: '9ed610dbabaf01c164d4f524e1985fd1ef59a8da', class: "strip mf-listen" }, h("a", { key: '8bd03aefe234c77cd00688f53b58e48fd25fe3f6', class: "dl-btn", href: "javascript:void()", onClick: () => {
+        return (h(Host, { key: '329e39f449d2c864448b41fa3b49085589189c43' }, h("slot", { key: '613ead6a170bf4c34c9458ed3b82e196d3a361c8' }), h("div", { key: '2293f4aae90df88fd60044325e4e5c8597cc4b83', class: "strip mf-listen" }, h("a", { key: '270e4a6a885a8678f8e3f971aefd731944ee1dc0', class: "dl-btn", href: "javascript:void()", onClick: () => {
                 this.openModal();
-            }, tabindex: "0" }, h("span", { key: '294ffc352b8329c2608886fe260ea66d24062b1b', class: "dl-text" }, "Download"), h("img", { key: 'a8e15fd07ce9ba15277766076468abe5ef32af30', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '387deb87603282deadab0fc9cc2052e6282d37e7', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '9cc984041ff749ba292e5157c362e6721586c91f', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
+            }, tabindex: "0" }, h("span", { key: '3484e4d42382ca1d83955c370b4f9fc8f4b17543', class: "dl-text" }, "Download"), h("img", { key: '858d43c97350c043fd00811ff51159425b38daea', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '37b236e0c6c9e3efe150a9539c5c71e7efbb87a5', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: 'e4837f03ae7ad034dcf1fae82a25f0977e2e49f2', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
     }
     openModal() {
         let modal = this.el.shadowRoot.querySelector("#strip-download-modal");
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImageDownloadStrip as P, defineCustomElement as d };
-//# sourceMappingURL=p-Dy9aYfKt.js.map
+//# sourceMappingURL=p-BRkdgVC0.js.map
-//# sourceMappingURL=p-Dy9aYfKt.js.map
+//# sourceMappingURL=p-BRkdgVC0.js.map

package/dist/components/{p-Dy9aYfKt.js.map → p-BRkdgVC0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Dy9aYfKt~~.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-BRkdgVC0.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-sNBdP2gv.js → p-BeRHdpb-.js} RENAMED Viewed

@@ -28,7 +28,7 @@ const MaxWidthContainer = /*@__PURE__*/ proxyCustomElement(class MaxWidthContain
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'a3bcf7a544e69c6dc4c0a9c561dad746e1c88776', class: classMap }, this.styles && h("style", { key: '64c146027bcba5d22179375a194387e90ae6bc19' }, this.styles), h("slot", { key: '79b0a4ba34c10717bb7e080c883a7ce7546007a8' })));
+        return (h(Host, { key: 'a454075703a64018bac7a0ab5878f2f8c5c9668e', class: classMap }, this.styles && h("style", { key: '26d37696e92c8c2af9b4658b03574a83df763f52' }, this.styles), h("slot", { key: '7f054ad4a51b5c62cbe7c419c3181a7678d96c0a' })));
     }
     getCssClassMap() {
         return {
@@ -75,6 +75,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { MaxWidthContainer as M, defineCustomElement as d };
-//# sourceMappingURL=p-sNBdP2gv.js.map
+//# sourceMappingURL=p-BeRHdpb-.js.map
-//# sourceMappingURL=p-sNBdP2gv.js.map
+//# sourceMappingURL=p-BeRHdpb-.js.map

package/dist/components/{p-sNBdP2gv.js.map → p-BeRHdpb-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~sNBdP2gv.~~js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8HAA8H;;MCQ9I,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAErB,IAAA,SAAS;AACT,IAAA,QAAQ;IACR,UAAU,GAAW,GAAG;IACxB,YAAY,GAAgC,QAAQ;AAC5D;;AAEG;AACK,IAAA,MAAM;IAEd,gBAAgB,GAAA;QACf,IAAI,CAAC,YAAY,EAAE;AACnB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAEhE,oBAAoB,GAAA;QACnB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;;IAGxD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,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,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;SACzB;;IAGF,YAAY,GAAA;;AAGX,QAAA,IAAI,IAAI,CAAC,EAAE,EAAE;YACZ,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;AACzC,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AACnB,oBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,CAAA,CAAG;;qBACvC;AACN,oBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI;;;iBAExC;gBACN,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/max-width-container/max-width-container.css?tag=max-width-container&encapsulation=shadow","src/components/utilities/max-width-container/max-width-container.tsx"],"sourcesContent":[":host {\r\n display: block;\r\n}\r\n:host(.left){\r\n margin: auto auto auto 0;\r\n}\r\n:host(.right){\r\n margin: auto 0 auto auto;\r\n}\r\n:host(.center){\r\n margin: 0 auto;\r\n}","import { Component, h, Prop, Element, Host } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"max-width-container\",\r\n\tstyleUrl: \"max-width-container.css\",\r\n\tshadow: true,\r\n})\r\nexport class MaxWidthContainer {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() maxWidthP?: number;\r\n\t@Prop() maxWidth: number;\r\n\t@Prop() breakpoint: number = 768;\r\n\t@Prop() contentAlign: \"left\" \| \"center\" \| \"right\" = \"center\";\r\n\t/*\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.handleResize();\r\n\t\twindow.addEventListener(\"resize\", this.handleResize.bind(this));\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\twindow.removeEventListener(\"resize\", this.handleResize);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\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<slot />\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[this.contentAlign]: true,\r\n\t\t};\r\n\t}\r\n\r\n\thandleResize() {\r\n\t\t// const selectedContainer = this.el.querySelector('.max-width-container');\r\n\r\n\t\tif (this.el) {\r\n\t\t\tif (window.innerWidth >= this.breakpoint) {\r\n\t\t\t\tif (this.maxWidthP) {\r\n\t\t\t\t\tthis.el.style.maxWidth = `${this.maxWidthP}%`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.el.style.maxWidth = `${this.maxWidth}px`;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthis.el.style.maxWidth = \"initial\";\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BeRHdpb-.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8HAA8H;;MCQ9I,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAErB,IAAA,SAAS;AACT,IAAA,QAAQ;IACR,UAAU,GAAW,GAAG;IACxB,YAAY,GAAgC,QAAQ;AAC5D;;AAEG;AACK,IAAA,MAAM;IAEd,gBAAgB,GAAA;QACf,IAAI,CAAC,YAAY,EAAE;AACnB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAEhE,oBAAoB,GAAA;QACnB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;;IAGxD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,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,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;SACzB;;IAGF,YAAY,GAAA;;AAGX,QAAA,IAAI,IAAI,CAAC,EAAE,EAAE;YACZ,IAAI,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;AACzC,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AACnB,oBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,CAAA,CAAG;;qBACvC;AACN,oBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI;;;iBAExC;gBACN,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/max-width-container/max-width-container.css?tag=max-width-container&encapsulation=shadow","src/components/utilities/max-width-container/max-width-container.tsx"],"sourcesContent":[":host {\r\n display: block;\r\n}\r\n:host(.left){\r\n margin: auto auto auto 0;\r\n}\r\n:host(.right){\r\n margin: auto 0 auto auto;\r\n}\r\n:host(.center){\r\n margin: 0 auto;\r\n}","import { Component, h, Prop, Element, Host } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"max-width-container\",\r\n\tstyleUrl: \"max-width-container.css\",\r\n\tshadow: true,\r\n})\r\nexport class MaxWidthContainer {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() maxWidthP?: number;\r\n\t@Prop() maxWidth: number;\r\n\t@Prop() breakpoint: number = 768;\r\n\t@Prop() contentAlign: \"left\" \| \"center\" \| \"right\" = \"center\";\r\n\t/*\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.handleResize();\r\n\t\twindow.addEventListener(\"resize\", this.handleResize.bind(this));\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\twindow.removeEventListener(\"resize\", this.handleResize);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\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<slot />\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[this.contentAlign]: true,\r\n\t\t};\r\n\t}\r\n\r\n\thandleResize() {\r\n\t\t// const selectedContainer = this.el.querySelector('.max-width-container');\r\n\r\n\t\tif (this.el) {\r\n\t\t\tif (window.innerWidth >= this.breakpoint) {\r\n\t\t\t\tif (this.maxWidthP) {\r\n\t\t\t\t\tthis.el.style.maxWidth = `${this.maxWidthP}%`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.el.style.maxWidth = `${this.maxWidth}px`;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthis.el.style.maxWidth = \"initial\";\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BZmiyqIe.js → p-BoQK-f42.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-I15m-uFl.js';
 import { d as defineCustomElement$5 } from './p-BuzuopkV.js';
-import { d as defineCustomElement$4 } from './p-Dws0e-v8.js';
-import { d as defineCustomElement$3 } from './p-B5fWr5oN.js';
-import { d as defineCustomElement$2 } from './p-DIQsWvTl.js';
+import { d as defineCustomElement$4 } from './p-CrO4JStG.js';
+import { d as defineCustomElement$3 } from './p-BFUh3kag.js';
+import { d as defineCustomElement$2 } from './p-DqEp_ABX.js';
 import { d as defineCustomElement$1 } from './p-DWccNsRu.js';
 const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
@@ -53,7 +53,7 @@ const PtcSocialShare = /*@__PURE__*/ proxyCustomElement(class PtcSocialShare ext
     darkFocusState = false;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '604d8fca66740410a415546dd4a4d5d6e68ee00c', class: classMap }, h("div", { key: 'af7ce5b47dc2c5068921925487d9feef640cfe02', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
+        return (h(Host, { key: 'f7768192bb24a8f9bb445d31beb61ce7c6422385', class: classMap }, h("div", { key: '261f5d0e6f5a088fb50503340b5903b738d6d17f', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "linkedin" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-linkedin", ...(this.isHover
                 ? { color: this.iconHoverColor }
@@ -73,7 +73,7 @@ const PtcSocialShare = /*@__PURE__*/ proxyCustomElement(class PtcSocialShare ext
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "download" ? (h("icon-asset", { type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit", ...(this.isHover
                 ? { color: this.iconHoverColor }
-                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: '295ea776c8f456e28d7fc388d5f8209e26556173', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: 'a5ff16c957a902b225a99b64950a3c461e0006ac', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
+                : { color: this.iconColor }) })) : null), this.shareType == "download" && (h("ptc-modal", { key: 'a626bdd9900e75ed1bddad202c2a0030bdee2bf4', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '11889eae491d0fe2eeb8cf17ffcafa198340b46a', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
     }
     handleKeyDown(event) {
         if (event.key === "Enter") {
@@ -184,6 +184,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSocialShare as P, defineCustomElement as d };
-//# sourceMappingURL=p-BZmiyqIe.js.map
+//# sourceMappingURL=p-BoQK-f42.js.map
-//# sourceMappingURL=p-BZmiyqIe.js.map
+//# sourceMappingURL=p-BoQK-f42.js.map