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

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

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

Files changed (1017) hide show

package/dist/components/{p-BjR4RKel.js.map → p-D1XLopgr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BjR4RKel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\theight: 100%;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n:host(.speed-bump) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06)\r\n\t\t28px;\r\n\ttext-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n\ttext-align: center;\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump-2) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\twidth: 112px;\r\n\t\theight: 112px;\r\n\t\t&::before {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 30px;\r\n\t\t\ttop: 50%;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.thumbnail-video-preview) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 1;\r\n\t\t\ttop: 60%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::after {\r\n\t\t\ttop: 59.5%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.mouse-hover) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 1 2 0%;\r\n\tmargin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 88px;\r\n\t\t\theight: 88px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 88px;\r\n\t\t\t\theight: 88px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 112px;\r\n\t\t\t\theight: 112px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 80% 8 1;\r\n\t}\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tpadding-bottom: 56.25%;\r\n\t\t::slotted() {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted() {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-wide) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 268px;\r\n\t\t::slotted() {\r\n\t\t\theight: 268px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted() {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: auto;\r\n\t\t::slotted() {\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 235px;\r\n\t\t::slotted() {\r\n\t\t\theight: 235px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xs {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 435px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 435px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 325px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 325px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 507px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 507px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 380px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 380px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-lg {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 663px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 663px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-2k {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 546px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 546px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.o-red) {\r\n\tborder: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n\tborder: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n\tborder: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n\tborder: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n\tborder: 2px solid var(--color-blue-07);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-content\",\r\n\tstyleUrl: \"ptc-card-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardContent {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() cardType?:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"speed-bump\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"card-video-intro\"\r\n\t\t\| \"card-dynamic\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"thumbnail-video-preview\"\r\n\t\t\| \"event-jumbotron-sub-card\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Prop() outlineColor?:\r\n\t\t\| \"o-red\"\r\n\t\t\| \"o-orange\"\r\n\t\t\| \"o-blue\"\r\n\t\t\| \"o-slate-grey\"\r\n\t\t\| \"o-green\";\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() isLoading?: boolean = false;\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.add(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.add(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.remove(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.remove(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync setHeight(height: number) {\r\n\t\tthis.el.style.height = height + \"px\";\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\timage.style.height = height + \"px\";\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeInlineHeight() {\r\n\t\tthis.el.style.removeProperty(\"height\");\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\tif (image) image.style.removeProperty(\"height\");\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\tpart=\"card-content\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-content-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: !!this.cardType ? true : false,\r\n\t\t\t[this.outlineColor]: !!this.outlineColor ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-D1XLopgr.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-content/ptc-card-content.scss?tag=ptc-card-content&encapsulation=shadow","src/components/molecules/ptc-card-content/ptc-card-content.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\theight: 100%;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n:host(.speed-bump) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06)\r\n\t\t28px;\r\n\ttext-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tpadding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n\ttext-align: center;\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n@include screen-sm {\r\n\t:host(.speed-bump-2) {\r\n\t\ttext-align: left;\r\n\t}\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 52.5%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-playlist) {\r\n\t.ptc-card-content-wrapper {\r\n\t\twidth: 112px;\r\n\t\theight: 112px;\r\n\t\t&::before {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 30px;\r\n\t\t\ttop: 50%;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.thumbnail-video-preview) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tz-index: 1;\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-small);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 1;\r\n\t\t\ttop: 60%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: opacity var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::after {\r\n\t\t\ttop: 59.5%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.mouse-hover) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\t&::before {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 1 2 0%;\r\n\tmargin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 88px;\r\n\t\t\theight: 88px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 88px;\r\n\t\t\t\theight: 88px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-playlist) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 112px;\r\n\t\t\t\theight: 112px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n\t:host(.card-playlist) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 80% 8 1;\r\n\t}\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n\t.ptc-card-content-wrapper {\r\n\t\tpadding-bottom: 56.25%;\r\n\t\t::slotted() {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted() {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-wide) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 268px;\r\n\t\t::slotted() {\r\n\t\t\theight: 268px;\r\n\t\t}\r\n\t}\r\n}\r\n:host(.card-2up) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 322px;\r\n\t\t::slotted() {\r\n\t\t\theight: 322px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: auto;\r\n\t\t::slotted() {\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\tbox-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n\t.ptc-card-content-wrapper {\r\n\t\theight: 235px;\r\n\t\t::slotted() {\r\n\t\t\theight: 235px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xs {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 435px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 435px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 325px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 325px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 268px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 268px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 507px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 507px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 380px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 380px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-lg {\r\n\t:host(.extra-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 663px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 663px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@include screen-2k {\r\n\t:host(.card-tall) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 546px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 546px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-wide) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-content-wrapper {\r\n\t\t\theight: 376px;\r\n\t\t\t::slotted() {\r\n\t\t\t\theight: 376px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.o-red) {\r\n\tborder: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n\tborder: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n\tborder: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n\tborder: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n\tborder: 2px solid var(--color-blue-07);\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-content\",\r\n\tstyleUrl: \"ptc-card-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardContent {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() cardType?:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"speed-bump\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"card-video-intro\"\r\n\t\t\| \"card-dynamic\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"thumbnail-video-preview\"\r\n\t\t\| \"event-jumbotron-sub-card\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Prop() outlineColor?:\r\n\t\t\| \"o-red\"\r\n\t\t\| \"o-orange\"\r\n\t\t\| \"o-blue\"\r\n\t\t\| \"o-slate-grey\"\r\n\t\t\| \"o-green\";\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() isLoading?: boolean = false;\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.add(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.add(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"speed-bump\") &&\r\n\t\t\t!this.el.classList.contains(\"card-video-intro\") &&\r\n\t\t\t!this.el.classList.contains(\"card-dynamic\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.hoverEvent.emit();\r\n\t\t\tthis.el.classList.remove(\"mouse-hover\");\r\n\t\t\tif (\r\n\t\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t\tthis.el.nextElementSibling\r\n\t\t\t) {\r\n\t\t\t\tthis.el.nextElementSibling.classList.remove(\r\n\t\t\t\t\t\"mouse-hover-card-bottom\",\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tconst bottomComponent = this.el\r\n\t\t\t\t.nextElementSibling as HTMLPtcCardBottomElement;\r\n\t\t\tbottomComponent.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync setHeight(height: number) {\r\n\t\tthis.el.style.height = height + \"px\";\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\timage.style.height = height + \"px\";\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeInlineHeight() {\r\n\t\tthis.el.style.removeProperty(\"height\");\r\n\t\tconst image = this.el.querySelector(\"ptc-picture\");\r\n\t\tif (image) image.style.removeProperty(\"height\");\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\tpart=\"card-content\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t\t{...(!this.isLoading\r\n\t\t\t\t\t? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n\t\t\t\t\t: {})}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-content-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: !!this.cardType ? true : false,\r\n\t\t\t[this.outlineColor]: !!this.outlineColor ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BtcjaYJo.js → p-D2Uh7ppB.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
@@ -24,7 +24,7 @@ const PtcSpacer = /*@__PURE__*/ proxyCustomElement(class PtcSpacer extends H {
     direction = "vertical";
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: 'f0c22ae67959137ec64cf34be194e2258aba3799', class: classMap });
+        return h(Host, { key: '234d6384225e9b3ab914784ab1013b7c8308cf8f', class: classMap });
     }
     getCssClassMap() {
         return {
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSpacer as P, defineCustomElement as d };
-//# sourceMappingURL=p-BtcjaYJo.js.map
+//# sourceMappingURL=p-D2Uh7ppB.js.map
-//# sourceMappingURL=p-BtcjaYJo.js.map
+//# sourceMappingURL=p-D2Uh7ppB.js.map

package/dist/components/{p-BtcjaYJo.js.map → p-D2Uh7ppB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BtcjaYJo~~.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\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.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-D2Uh7ppB.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\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.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DOyYGAMs.js → p-D3bpXdIz.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 import { R as ResponsiveBgVariables } from './p-La9TS7bL.js';
 const ptcImgCss = ".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}";
@@ -188,6 +188,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImg as P, defineCustomElement as d };
-//# sourceMappingURL=p-DOyYGAMs.js.map
+//# sourceMappingURL=p-D3bpXdIz.js.map
-//# sourceMappingURL=p-DOyYGAMs.js.map
+//# sourceMappingURL=p-D3bpXdIz.js.map

package/dist/components/{p-DOyYGAMs.js.map → p-D3bpXdIz.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DOyYGAMs.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-D3bpXdIz.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-CWqtJzrU.js → p-DA51SuKO.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$5 } from './p-CXvPZ1oI.js';
-import { d as defineCustomElement$4 } from './p-DXyFE3iB.js';
-import { d as defineCustomElement$3 } from './p-DOyYGAMs.js';
-import { d as defineCustomElement$2 } from './p-RXxAc6JR.js';
-import { d as defineCustomElement$1 } from './p-DFvvSoPo.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$5 } from './p-DBiVDa7C.js';
+import { d as defineCustomElement$4 } from './p-DV4OkgcS.js';
+import { d as defineCustomElement$3 } from './p-D3bpXdIz.js';
+import { d as defineCustomElement$2 } from './p-DClUcrE4.js';
+import { d as defineCustomElement$1 } from './p-DRaurB1z.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: 'c7ef8f91d0504fc2bd66f2fbc5159703a0e2cad2', class: classMap }, h("div", { key: 'ded834024af5253144a9fa0b832e91f4575ad5ab', 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: '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
                 ? { 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: 'fdb7f68332b90ce130ce4b7839dfef7b4158cb40', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '8fde781c03e940f16e59216f24125a5e15ce2247', 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: '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")))));
     }
     handleKeyDown(event) {
         if (event.key === "Enter") {
@@ -184,6 +184,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSocialShare as P, defineCustomElement as d };
-//# sourceMappingURL=p-CWqtJzrU.js.map
+//# sourceMappingURL=p-DA51SuKO.js.map
-//# sourceMappingURL=p-CWqtJzrU.js.map
+//# sourceMappingURL=p-DA51SuKO.js.map

package/dist/components/{p-CWqtJzrU.js.map → p-DA51SuKO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CWqtJzrU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\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<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DA51SuKO.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,ksBAAksB;;MCQ/sB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAGlB,IAAA,SAAS;IACT,OAAO,GACd,cAAc;IACP,SAAS,GAUI,SAAS;AACtB,IAAA,UAAU;AACV,IAAA,IAAI;AACJ,IAAA,GAAG;AACX;;AAEG;IACK,MAAM,GAAY,EAAE;AAC5B;;;AAGG;IACK,SAAS,GAAY,EAAE;AAC/B;;AAEG;IACK,SAAS,GAMF,OAAO;AACtB;;AAEG;IACK,cAAc,GAMP,MAAM;AACrB;;AAEG;IACM,OAAO,GAAY,KAAK;AAEjC;;AAEG;IACK,QAAQ,GAOE,OAAO;AAEzB;;AAEG;IAEK,cAAc,GAAY,KAAK;IAEvC,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACpB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EAC3B,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACtC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACtC,KAAK,EAAE,CAAyB,sBAAA,EAAA,IAAI,CAAC,cAAc,GAAG,6BAA6B,GAAG,EAAE,CAAA,CAAE,EAC1F,QAAQ,EAAC,GAAG,EACZ,SAAS,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAC/C,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EAEjB,IAAI,CAAC,SAAS,IAAI,MAAM,IACxB,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,UAAU,EACX,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,UAAU,IAC5B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,cAAc,EACf,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,SAAS,IAC3B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,WAAW,EACZ,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,UAAU,IAC5B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ,EACT,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,WAAW,IAC7B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,iBAAiB,EAClB,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,eAAe,IACjC,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,qBAAqB,EACtB,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,cAAc,IAChC,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,uBAAuB,EACxB,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,eAAe,IACjC,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,qBAAqB,EACtB,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,WAAW,IAC7B,CAAA,CAAA,YAAA,EAAA,EACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,cAAc,EACf,IAAC,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;kBAC5B,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAChB,CAAA,IACX,IAAI,EACP,IAAI,CAAC,SAAS,IAAI,UAAU,IAC5B,CACC,CAAA,YAAA,EAAA,EAAA,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,SAAS,EAAA,IACV,IAAI,CAAC;AACT,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;AAC9B,kBAAE,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,GAChB,IACX,IAAI,CACH,EACL,IAAI,CAAC,SAAS,IAAI,UAAU,KAC5B,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,EAAA,cAAA,EACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,QAAQ,kBACN,KAAK,EAClB,SAAS,EAAC,cAAc,EAGb,EAAA,wBAAA,CAAA,CACD,CACZ,CACK;;AAID,IAAA,aAAa,CAAC,KAAoB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YAC1B,IAAI,CAAC,KAAK,EAAE;;;IAIN,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,kBAAkB,GAAG,IAAI;AAC1B,YAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;SACpB;;IAGM,WAAW,GAAA;AAClB,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;;IAGrB,KAAK,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,cAAc,EAAE;AACpE,YAAA,MAAM,CAAC,IAAI,CACV,CAAA,+BAAA,EAAkC,IAAI,CAAC,IAAI,CAAA,KAAA,EAAQ,IAAI,CAAC,GAAG,CAAA,CAAE,CAC7D;;AAEF,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,IAAI,eAAe,EAAE;YACtE,MAAM,CAAC,IAAI,CACV,CAAA,6CAAA,EAAgD,IAAI,CAAC,GAAG,CAAE,CAAA,CAC1D;;AAEF,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,IAAI,eAAe,EAAE;YACtE,MAAM,CAAC,IAAI,CACV,CAAA,oDAAA,EAAuD,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,UAAU,CAAY,SAAA,EAAA,IAAI,CAAC,IAAI,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,CAAE,CAAA,CACrI;;AAEF,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE;AAC9D,YAAA,MAAM,CAAC,IAAI,CACV,CAAU,OAAA,EAAA,IAAI,CAAC,SAAS,CAAA,SAAA,EAAY,IAAI,CAAC,IAAI,CAAS,MAAA,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,CAChE;;AAEF,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE;AAClC,YAAA,IAAK,SAAiB,CAAC,KAAK,EAAE;gBAC5B;AACC,qBAAA,KAAK,CAAC;oBACN,KAAK,EAAE,IAAI,CAAC,UAAU;oBACtB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,GAAG,EAAE,IAAI,CAAC,GAAG;iBACb;qBACA,IAAI,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAC1C,qBAAA,KAAK,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;;iBACjD;;AAEN,gBAAA,MAAM,CAAC,IAAI,CACV,CAAA,8BAAA,EAAiC,IAAI,CAAC,IAAI,CAAA,KAAA,EAAQ,IAAI,CAAC,GAAG,CAAA,CAAE,CAC5D;;;AAGH,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,UAAU,EAAE;AACjC,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;AAC/D,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;YAClC,UAAU,CAAC,MAAK;AACf,gBAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;gBACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,GAAG,CAAE,CAAA,EAAE,OAAO,CAAC;aACnC,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\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<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CXvPZ1oI.js → p-DBiVDa7C.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-pbQYKnK9.js';
 const iconAssetCss = "icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.disabled.sc-icon-asset{fill:var(--color-gray-03)}svg.disabled.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-03)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex=\"0\"].sc-icon-asset:focus{outline:none !important}";
@@ -112,6 +112,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { IconAsset as I, defineCustomElement as d };
-//# sourceMappingURL=p-CXvPZ1oI.js.map
+//# sourceMappingURL=p-DBiVDa7C.js.map
-//# sourceMappingURL=p-CXvPZ1oI.js.map
+//# sourceMappingURL=p-DBiVDa7C.js.map

package/dist/components/{p-CXvPZ1oI.js.map → p-DBiVDa7C.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CXvPZ1oI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as ;\r\n\r\nicon-asset {\r\n\tvertical-align: middle;\r\n}\r\nsvg {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t&.micro {\r\n\t\twidth: calc(var(--ptc-font-size-x-small) / 2);\r\n\t\theight: calc(var(--ptc-font-size-x-small) / 2);\r\n\t}\r\n\t&.xxx-small {\r\n\t\twidth: var(--ptc-font-size-xxx-small);\r\n\t\theight: var(--ptc-font-size-xxx-small);\r\n\t}\r\n\t&.xx-small {\r\n\t\twidth: var(--ptc-font-size-xx-small);\r\n\t\theight: var(--ptc-font-size-xx-small);\r\n\t}\r\n\t&.x-small {\r\n\t\twidth: var(--ptc-font-size-x-small);\r\n\t\theight: var(--ptc-font-size-x-small);\r\n\t}\r\n\r\n\t&.small {\r\n\t\twidth: var(--ptc-font-size-small);\r\n\t\theight: var(--ptc-font-size-small);\r\n\t}\r\n\t&.medium {\r\n\t\twidth: var(--ptc-font-size-medium);\r\n\t\theight: var(--ptc-font-size-medium);\r\n\t}\r\n\t&.large {\r\n\t\twidth: var(--ptc-font-size-large);\r\n\t\theight: var(--ptc-font-size-large);\r\n\t}\r\n\r\n\t&.x-large {\r\n\t\twidth: var(--ptc-font-size-x-large);\r\n\t\theight: var(--ptc-font-size-x-large);\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\twidth: var(--ptc-font-size-xx-large);\r\n\t\theight: var(--ptc-font-size-xx-large);\r\n\t}\r\n\r\n\t&.xxx-large {\r\n\t\twidth: var(--ptc-font-size-xxx-large);\r\n\t\theight: var(--ptc-font-size-xxx-large);\r\n\t}\r\n\t&.xxxx-large {\r\n\t\twidth: var(--ptc-font-size-xxxx-large);\r\n\t\theight: var(--ptc-font-size-xxxx-large);\r\n\t}\r\n\r\n\t&.white {\r\n\t\tfill: var(--color-white);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\tfill: var(--color-black);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-black);\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\tfill: var(--color-green-07);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\tfill: var(--color-gray-06);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-06);\r\n\t\t}\r\n\t}\r\n\t&.light-gray {\r\n\t\tfill: var(--color-gray-05);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\t&.disabled {\r\n\t\tfill: var(--color-gray-03);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\t&.primary-gray {\r\n\t\tfill: var(--color-gray-10);\r\n\t}\r\n\t&.inherit {\r\n\t\tfill: inherit;\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: inherit;\r\n\t\t}\r\n\t}\r\n\t&:focus {\r\n\t\toutline: none !important;\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\nsvg[tabIndex=\"0\"] {\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: none !important;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/\r\n\t Icon ID name\r\n\t /\r\n\t@Prop() name: string;\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"micro\"\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"xx-small\";\r\n\t/\r\n\t Icon Type\r\n\t /\r\n\t@Prop() type: \"solid\" \| \"brands\" \| \"ptc\" \| \"regular\" = \"regular\";\r\n\t/\r\n\t Icon Spin Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() spin: \"fa-spin\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Pulse Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() pulse: \"fa-pulse\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"disabled\"\r\n\t\t\| \"inherit\" = \"default\";\r\n\t/\r\n\t (optional) is it for the ptc mobile select\r\n\t /\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}
1	+ {"file":"p-DBiVDa7C.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as ;\r\n\r\nicon-asset {\r\n\tvertical-align: middle;\r\n}\r\nsvg {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t&.micro {\r\n\t\twidth: calc(var(--ptc-font-size-x-small) / 2);\r\n\t\theight: calc(var(--ptc-font-size-x-small) / 2);\r\n\t}\r\n\t&.xxx-small {\r\n\t\twidth: var(--ptc-font-size-xxx-small);\r\n\t\theight: var(--ptc-font-size-xxx-small);\r\n\t}\r\n\t&.xx-small {\r\n\t\twidth: var(--ptc-font-size-xx-small);\r\n\t\theight: var(--ptc-font-size-xx-small);\r\n\t}\r\n\t&.x-small {\r\n\t\twidth: var(--ptc-font-size-x-small);\r\n\t\theight: var(--ptc-font-size-x-small);\r\n\t}\r\n\r\n\t&.small {\r\n\t\twidth: var(--ptc-font-size-small);\r\n\t\theight: var(--ptc-font-size-small);\r\n\t}\r\n\t&.medium {\r\n\t\twidth: var(--ptc-font-size-medium);\r\n\t\theight: var(--ptc-font-size-medium);\r\n\t}\r\n\t&.large {\r\n\t\twidth: var(--ptc-font-size-large);\r\n\t\theight: var(--ptc-font-size-large);\r\n\t}\r\n\r\n\t&.x-large {\r\n\t\twidth: var(--ptc-font-size-x-large);\r\n\t\theight: var(--ptc-font-size-x-large);\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\twidth: var(--ptc-font-size-xx-large);\r\n\t\theight: var(--ptc-font-size-xx-large);\r\n\t}\r\n\r\n\t&.xxx-large {\r\n\t\twidth: var(--ptc-font-size-xxx-large);\r\n\t\theight: var(--ptc-font-size-xxx-large);\r\n\t}\r\n\t&.xxxx-large {\r\n\t\twidth: var(--ptc-font-size-xxxx-large);\r\n\t\theight: var(--ptc-font-size-xxxx-large);\r\n\t}\r\n\r\n\t&.white {\r\n\t\tfill: var(--color-white);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\tfill: var(--color-black);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-black);\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\tfill: var(--color-green-07);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\tfill: var(--color-gray-06);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-06);\r\n\t\t}\r\n\t}\r\n\t&.light-gray {\r\n\t\tfill: var(--color-gray-05);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\t&.disabled {\r\n\t\tfill: var(--color-gray-03);\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\t&.primary-gray {\r\n\t\tfill: var(--color-gray-10);\r\n\t}\r\n\t&.inherit {\r\n\t\tfill: inherit;\r\n\r\n\t\tuse[href$=\"#minus\"],\r\n\t\tuse[href$=\"#plus\"],\r\n\t\tuse[href$=\"#checkmark\"] {\r\n\t\t\t//work around for stroke line only based icons\r\n\t\t\tstroke: inherit;\r\n\t\t}\r\n\t}\r\n\t&:focus {\r\n\t\toutline: none !important;\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\nsvg[tabIndex=\"0\"] {\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: none !important;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/\r\n\t Icon ID name\r\n\t /\r\n\t@Prop() name: string;\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"micro\"\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\" = \"xx-small\";\r\n\t/\r\n\t Icon Type\r\n\t /\r\n\t@Prop() type: \"solid\" \| \"brands\" \| \"ptc\" \| \"regular\" = \"regular\";\r\n\t/\r\n\t Icon Spin Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() spin: \"fa-spin\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Pulse Animation (not valid for ptc type)\r\n\t /\r\n\t@Prop() pulse: \"fa-pulse\" \| \"\" = \"\";\r\n\t/\r\n\t Icon Color\r\n\t /\r\n\t@Prop() color:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"light-gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"default\"\r\n\t\t\| \"disabled\"\r\n\t\t\| \"inherit\" = \"default\";\r\n\t/\r\n\t (optional) is it for the ptc mobile select\r\n\t /\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}