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

@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.12-upgrade

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

Files changed (1020) hide show

package/dist/components/{p-DggZIpNT.js.map → p-CdRKzfXI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DggZIpNT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}
1	+ {"file":"p-CdRKzfXI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}

package/dist/components/{p-DChvQU0m.js → p-Ch6wYAB2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, e as createEvent, h } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$2 } from './p-paNBXAEe.js';
-import { d as defineCustomElement$1 } from './p-CL4G31qv.js';
+import { c as proxyCustomElement, H, e as createEvent, h } from './p-C2SefPLt.js';
+import { d as defineCustomElement$2 } from './p-BukvoEO-.js';
+import { d as defineCustomElement$1 } from './p-Dd730ed6.js';
 const ptcEllipsisDropdownCss = ".ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:\"\";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:\"Raleway\";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:\"\";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -234,6 +234,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcEllipsisDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-DChvQU0m.js.map
+//# sourceMappingURL=p-Ch6wYAB2.js.map
-//# sourceMappingURL=p-DChvQU0m.js.map
+//# sourceMappingURL=p-Ch6wYAB2.js.map

package/dist/components/{p-DChvQU0m.js.map → p-Ch6wYAB2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DChvQU0m.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\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=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Ch6wYAB2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\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=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Cmek7vlD.js → p-Cj1vpVKf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}:host(.hp-red){background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.white-bottom){background:linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
@@ -64,6 +64,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcOverlay as P, defineCustomElement as d };
-//# sourceMappingURL=p-Cmek7vlD.js.map
+//# sourceMappingURL=p-Cj1vpVKf.js.map
-//# sourceMappingURL=p-Cmek7vlD.js.map
+//# sourceMappingURL=p-Cj1vpVKf.js.map

package/dist/components/{p-Cmek7vlD.js.map → p-Cj1vpVKf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Cmek7vlD~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,umGAAumG;;MCQhnG,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%);\r\n}\r\n\r\n:host(.red) {\r\n background: linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%);\r\n}\r\n\r\n:host(.orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%);\r\n}\r\n\r\n:host(.green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%);\r\n}\r\n\r\n:host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-4) {\r\n background: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n background: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n@include screen-sm {\r\n :host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%);\r\n }\r\n\r\n :host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n }\r\n}\r\n\r\n:host(.black-3) {\r\n background: linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%);\r\n}\r\n\r\n:host(.slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%);\r\n}\r\n\r\n:host(.bright-blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-red) {\r\n background: linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n background: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n background: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n background: linear-gradient(180deg, #00890b 0%, #33a13c 100%); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n background: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n background: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n border-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n border-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n z-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n z-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n z-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n z-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n z-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-Cj1vpVKf.js","mappings":";;AAAA,MAAM,aAAa,GAAG,umGAAumG;;MCQhnG,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%);\r\n}\r\n\r\n:host(.red) {\r\n background: linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%);\r\n}\r\n\r\n:host(.orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%);\r\n}\r\n\r\n:host(.green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%);\r\n}\r\n\r\n:host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n}\r\n\r\n:host(.black-4) {\r\n background: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n background: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n@include screen-sm {\r\n :host(.black-1) {\r\n background: linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%);\r\n }\r\n\r\n :host(.black-2) {\r\n background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);\r\n }\r\n}\r\n\r\n:host(.black-3) {\r\n background: linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%);\r\n}\r\n\r\n:host(.slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%);\r\n}\r\n\r\n:host(.bright-blue) {\r\n background: linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-red) {\r\n background: linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-orange) {\r\n background: linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-green) {\r\n background: linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n background: linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n background: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n background: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n background: linear-gradient(180deg, #00890b 0%, #33a13c 100%); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n background: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n background: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n border-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n border-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n z-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n z-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n z-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n z-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n z-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Iyni6s-X.js → p-CjjBPL13.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-numbered-subtitle{font-family:var(--ptc-font-secondary-latin)}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:4px}@media only screen and (min-width: 768px){:host .ptc-icon-list .ptc-content-simple{padding-top:unset}}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}:host(.last-item.no-bottom-space){padding-bottom:0;margin-bottom:0}:host(.feature-callout-list){padding-bottom:var(--ptc-element-spacing-04)}:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-x-small);font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:0;font-weight:var(--ptc-font-weight-semibold);word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}";
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcIconList as P, defineCustomElement as d };
-//# sourceMappingURL=p-Iyni6s-X.js.map
+//# sourceMappingURL=p-CjjBPL13.js.map
-//# sourceMappingURL=p-Iyni6s-X.js.map
+//# sourceMappingURL=p-CjjBPL13.js.map

package/dist/components/{p-Iyni6s-X.js.map → p-CjjBPL13.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Iyni6s-X~~.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CjjBPL13.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-EcTA3sjE.js → p-CmtcG8H9.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
-const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content: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\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content: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\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content: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\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";
+const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper,:host(.card-on-demand-video) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before,:host(.card-on-demand-video) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after,:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content: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\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content: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\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content: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\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute !important;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}:host(.card-on-demand-video) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.16);border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}:host(.card-on-demand-video) .ptc-card-content-wrapper::after{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');opacity:1;left:0;right:0;top:8px;bottom:0;transform:translate(0%) scale(1);width:100%;height:100%;transform:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before{background:transparent}:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after{transform:translate(0%) scale(1.07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.12)}:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before{border:1px solid rgba(255, 255, 255, 0.08);box-sizing:border-box}";
 const PtcCardContent = /*@__PURE__*/ proxyCustomElement(class PtcCardContent extends H {
     constructor(registerHost) {
@@ -117,6 +117,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardContent as P, defineCustomElement as d };
-//# sourceMappingURL=p-EcTA3sjE.js.map
+//# sourceMappingURL=p-CmtcG8H9.js.map
-//# sourceMappingURL=p-EcTA3sjE.js.map
+//# sourceMappingURL=p-CmtcG8H9.js.map

package/dist/components/{p-EcTA3sjE.js.map → p-CmtcG8H9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-EcTA3sjE.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 display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: 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 position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: 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 width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: 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 position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted() {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted() {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted() {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted() {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted() {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted() {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted() {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted() {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted() {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-2up\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-dynamic\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"thumbnail-video-preview\"\r\n \| \"event-jumbotron-sub-card\"\r\n \| \"event-podcast\"\r\n \| \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n \| \"o-red\"\r\n \| \"o-orange\"\r\n \| \"o-blue\"\r\n \| \"o-slate-grey\"\r\n \| \"o-green\";\r\n /\r\n (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" \| \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-CmtcG8H9.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 display: block;\r\n height: 100%;\r\n\r\n ::slotted([slot='seo-content']) {\r\n display: none;\r\n }\r\n}\r\n:host(.speed-bump) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;\r\n text-align: center;\r\n}\r\n:host(.speed-bump-2) {\r\n border: 1px solid var(--color-gray-08);\r\n border-radius: var(--ptc-border-radius-large);\r\n padding: var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);\r\n text-align: center;\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump) {\r\n text-align: left;\r\n }\r\n}\r\n@include screen-sm {\r\n :host(.speed-bump-2) {\r\n text-align: left;\r\n }\r\n}\r\n:host(.card-tall),\r\n:host(.card-video),\r\n:host(.card-wide),\r\n:host(.card-playlist),\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: 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 position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n }\r\n}\r\n\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n border-radius: var(--ptc-border-radius-large);\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-large);\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n opacity: 0;\r\n top: 52.5%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n:host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n &::after {\r\n content: 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 width: 40px;\r\n height: 30px;\r\n top: 50%;\r\n }\r\n }\r\n}\r\n:host(.thumbnail-video-preview) {\r\n .ptc-card-content-wrapper {\r\n cursor: pointer;\r\n position: relative;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n z-index: 1;\r\n box-shadow: var(--ptc-shadow-x-small);\r\n transition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n &::after {\r\n content: 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 position: absolute;\r\n opacity: 1;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n &::after {\r\n top: 59.5%;\r\n }\r\n }\r\n}\r\n\r\n:host(.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n height: 100%;\r\n }\r\n }\r\n}\r\n\r\n:host(.card-playlist) {\r\n flex: 1 2 0%;\r\n margin-right: var(--ptc-element-spacing-04);\r\n}\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-03);\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 88px;\r\n height: 88px;\r\n &::before {\r\n width: 88px;\r\n height: 88px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-playlist) {\r\n .ptc-card-content-wrapper {\r\n width: 112px;\r\n height: 112px;\r\n &::before {\r\n width: 112px;\r\n height: 112px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1981px) {\r\n :host(.card-playlist) {\r\n margin-right: var(--ptc-element-spacing-04);\r\n }\r\n}\r\n\r\n@include screen-lg {\r\n :host(.card-video-intro) {\r\n flex: 80% 8 1;\r\n }\r\n}\r\n\r\n// Responsive Card Hight\r\n// 16x9 video card\r\n:host(.card-video) {\r\n .ptc-card-content-wrapper {\r\n padding-bottom: 56.25%;\r\n ::slotted() {\r\n position: absolute !important;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n:host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n:host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n}\r\n:host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 322px;\r\n ::slotted() {\r\n height: 322px;\r\n }\r\n }\r\n}\r\n\r\n:host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: auto;\r\n ::slotted() {\r\n height: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.color-outlined) {\r\n border-radius: var(--ptc-border-radius-large);\r\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\r\n .ptc-card-content-wrapper {\r\n height: 235px;\r\n ::slotted() {\r\n height: 235px;\r\n }\r\n }\r\n}\r\n\r\n@include screen-xs {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 435px;\r\n ::slotted() {\r\n height: 435px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-sm {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 325px;\r\n ::slotted() {\r\n height: 325px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 268px;\r\n ::slotted() {\r\n height: 268px;\r\n }\r\n }\r\n }\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 507px;\r\n ::slotted() {\r\n height: 507px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include screen-md {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 380px;\r\n ::slotted() {\r\n height: 380px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-lg {\r\n :host(.extra-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 663px;\r\n ::slotted() {\r\n height: 663px;\r\n }\r\n }\r\n }\r\n}\r\n@include screen-2k {\r\n :host(.card-tall) {\r\n .ptc-card-content-wrapper {\r\n height: 546px;\r\n ::slotted() {\r\n height: 546px;\r\n }\r\n }\r\n }\r\n :host(.card-wide) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n :host(.card-2up) {\r\n .ptc-card-content-wrapper {\r\n height: 376px;\r\n ::slotted() {\r\n height: 376px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.o-red) {\r\n border: 2px solid var(--color-red-07);\r\n}\r\n\r\n:host(.o-green) {\r\n border: 2px solid var(--color-green-07);\r\n}\r\n\r\n:host(.o-slate-grey) {\r\n border: 2px solid var(--color-gray-07);\r\n}\r\n\r\n:host(.o-orange) {\r\n border: 2px solid var(--color-orange-07);\r\n}\r\n\r\n:host(.o-blue) {\r\n border: 2px solid var(--color-blue-07);\r\n}\r\n\r\n:host(.card-on-demand-video) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.16);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n &::after {\r\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"48\" viewBox=\"0 0 46 48\" fill=\"none\"><g filter=\"url(%23filter0_d_2245_7)\"><path d=\"M38 20L8 36V4L38 20Z\" fill=\"white\"/></g><defs><filter id=\"filter0_d_2245_7\" x=\"0\" y=\"0\" width=\"46\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix 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\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"4\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2245_7\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2245_7\" result=\"shape\"/></filter></defs></svg>');\r\n opacity: 1;\r\n left: 0;\r\n right: 0;\r\n top: 8px;\r\n bottom: 0;\r\n transform: translate(0%) scale(1);\r\n width: 100%;\r\n height: 100%;\r\n transform: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video.mouse-hover) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: transparent;\r\n }\r\n &::after {\r\n transform: translate(0%) scale(1.07);\r\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n }\r\n}\r\n\r\n:host(.card-on-demand-video:active) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n background: rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n}\r\n:host(.card-on-demand-video.dark) {\r\n .ptc-card-content-wrapper {\r\n &::before {\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n box-sizing: border-box;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Element,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-content\",\r\n styleUrl: \"ptc-card-content.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardContent {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() cardType?:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-2up\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-dynamic\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"thumbnail-video-preview\"\r\n \| \"event-jumbotron-sub-card\"\r\n \| \"event-podcast\"\r\n \| \"card-on-demand-video\";\r\n\r\n @Prop() outlineColor?:\r\n \| \"o-red\"\r\n \| \"o-orange\"\r\n \| \"o-blue\"\r\n \| \"o-slate-grey\"\r\n \| \"o-green\";\r\n /\r\n (optional) Injected CSS styles\r\n **/\r\n @Prop() styles?: string;\r\n\r\n @Prop() isLoading?: boolean = false;\r\n\r\n @Prop() cardOnDemandVideoTheme?: \"light\" \| \"dark\" = \"light\";\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.add(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.addClassOnDefaultSlot();\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (\r\n !this.el.classList.contains(\"speed-bump\") &&\r\n !this.el.classList.contains(\"card-video-intro\") &&\r\n !this.el.classList.contains(\"card-dynamic\") &&\r\n !this.el.classList.contains(\"card-on-demand-video\") &&\r\n !this.el.classList.contains(\"extra-tall\")\r\n ) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"mouse-hover\");\r\n if (\r\n !this.el.classList.contains(\"card-video\") &&\r\n !this.el.classList.contains(\"card-playlist\") &&\r\n this.el.nextElementSibling\r\n ) {\r\n this.el.nextElementSibling.classList.remove(\r\n \"mouse-hover-card-bottom\",\r\n );\r\n }\r\n }\r\n if (this.el.classList.contains(\"event-podcast\")) {\r\n const bottomComponent = this.el\r\n .nextElementSibling as HTMLPtcCardBottomElement;\r\n bottomComponent.removeClassOnDefaultSlot();\r\n }\r\n }\r\n\r\n @Method()\r\n async setHeight(height: number) {\r\n this.el.style.height = height + \"px\";\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n image.style.height = height + \"px\";\r\n }\r\n\r\n @Method()\r\n async removeInlineHeight() {\r\n this.el.style.removeProperty(\"height\");\r\n const image = this.el.querySelector(\"ptc-picture\");\r\n if (image) image.style.removeProperty(\"height\");\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n\r\n return (\r\n <Host\r\n part=\"card-content\"\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <slot name=\"slot-content\"></slot>\r\n <div class=\"ptc-card-content-wrapper\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: !!this.cardType ? true : false,\r\n [this.outlineColor]: !!this.outlineColor ? true : false,\r\n [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme\r\n ? true\r\n : false,\r\n };\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-CmPB_HxC.js → p-CpRUBnZv.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcProductDropdownCss = ":host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}:host .checkbox-label input[type=checkbox]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProductDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-CmPB_HxC.js.map
+//# sourceMappingURL=p-CpRUBnZv.js.map
-//# sourceMappingURL=p-CmPB_HxC.js.map
+//# sourceMappingURL=p-CpRUBnZv.js.map