npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-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 (1014) hide show

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

	@@ -1 +1 @@
1	- {"file":"p-SlS-Vuu1.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-DggZIpNT.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,uwHAAuwH;;MCgBxxH,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGrB,IAAA,QAAQ;;AAER,IAAA,SAAS;;IAET,OAAO,GAAa,IAAI;;IAExB,WAAW,GAAwB,UAAU;;AAE7C,IAAA,eAAe;;AAEf,IAAA,gBAAgB;;IAEhB,cAAc,GAKK,cAAc;;IAEjC,cAAc,GAAW,CAAC;;AAE1B,IAAA,SAAS;;AAET,IAAA,KAAK;AACb;;;;;;;;;AASC;IACO,IAAI,GAAyB,SAAS;;IAEtC,QAAQ,GAAY,KAAK;;AAExB,IAAA,MAAM;;IAEN,UAAU,GAAG,KAAK;;IAElB,aAAa,GAAG,KAAK;;AAEtB,IAAA,iBAAiB;AACjB,IAAA,OAAO;IAEf,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,aAAa,GAAG,eAAe,EAAE;;IAExC,gBAAgB,GAAA;QACd,MAAM,UAAU,GAAG,MAAK;AACtB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;YACtB,IAAI,CAAC,0BAA0B,EAAE;AACnC,SAAC;AACD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,wBAAwB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;aAC1C;AACL,YAAA,UAAU,EAAE;;QAEd,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,CAAC,OAAO,KAAI;AACzD,YAAA,IAAI,CAAC,aAAa,GAAG,OAAO;;YAE5B,UAAU,CAAC,MAAM,IAAI,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;AACxD,SAAC,CAAC;;IAEJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,IAAI;;;AAGpB,IAAA,cAAc,GAAG,CAAC,CAAmB,KAAI;AAC/C,QAAA,CAAC,CAAC,OAAO,GAAG,MAAM;AAClB,QAAA,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC;AAC7B,QAAA,CAAC,CAAC,IAAI,GAAG,KAAK;QACd,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,IAAI;;;AAGD,gBAAA,CAAC,CAAC,WAAW,GAAG,GAAG;;YACpB,MAAM;YACR,CAAC,CAAC,KAAK,EAAE;AACX,SAAC;QACD,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,4CAA4C;AAC/D,YAAA,KAAK,EAAE;;aACF;YACL,MAAM,QAAQ,GAAG,MAAK;AACpB,gBAAA,CAAC,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC;AAC7C,gBAAA,KAAK,EAAE;AACT,aAAC;AACD,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YAC1D,CAAC,CAAC,IAAI,EAAE;;AAEZ,KAAC;IAEO,0BAA0B,GAAA;AACnC,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAC;YAChB;;AAEE,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO;AACtB,QAAA,IAAI,CAAC,CAAC;YAAE;AACR,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;;AAEtB,YAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;aACd;;AAEL,YAAA,CAAC,CAAC,OAAO,GAAG,MAAM;AAClB,YAAA,CAAC,CAAC,IAAI,GAAG,IAAI;AACb,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;gBAC9B,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,MAAK,GAAG,CAAC;AACxB,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;iBAChB;gBACJ,CAAC,CAAC,KAAK,EAAE;AACT,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;IAMzB,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACrC,QAAA,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,aAAa,KAC/C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,EACxB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,QACL,WAAW,EAAA,IAAA,EACX,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,EAC7C,IAAI,EAAE,CAAC,IAAI,CAAC,aAAa,EACzB,OAAO,EAAC,MAAM,EAAA,aAAA,EACF,MAAM,EAClB,QAAQ,EAAC,IAAI,EACb,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAsB,CAAC,EAAA,CACpD,CACH;AACD,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,aAAa,KAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAC,kBAAkB,EACrB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,WAAW,EAAE,CAAC,EACd,KAAK,EAAC,UAAU,EAChB,eAAe,EAAA,IAAA,EACf,KAAK,EAAC,wBAAwB,EAClB,aAAA,EAAA,MAAM,EAClB,QAAQ,EAAC,IAAI,EACb,CAAA,CACE,CACP;QACD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACf,SAAS,EACT,UAAU,CACP,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,KACtC,4DAAK,KAAK,EAAE,CAAe,YAAA,EAAA,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7C,IAAI,CAAC,MAAM,KACV,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,QAAQ,EACN,IAAI,CAAC,cAAc,KAAK;AACtB,kBAAE;kBACA,cAAc,EAEpB,MAAM,EAAC,yGAAyG,EAAA,EAEhH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACpD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAC5B,YAAA,EAAA,mBAAmB,EACtB,CAAA,CACN,CACM,CACf,EACA,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,gBAAgB,KACtC,CACE,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,QAAQ,EACN,IAAI,CAAC,cAAc,KAAK;AACtB,kBAAE;kBACA,cAAc,EAEpB,MAAM,EAAC,yGAAyG,EAAA,EAEhH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACpD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAA,YAAA,EAC5B,oBAAoB,EACvB,CAAA,CACN,CACM,CACf,CACG,CACP,EACA,IAAI,CAAC,OAAO,GAAG,WAAK,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,GAAQ,GAAG,EAAE,EAC3E,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,EAAE,CACxC;;AAIX,IAAA,eAAe,CAAC,CAAa,EAAA;QAC3B,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAE1B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO;AACtB,QAAA,IAAI,CAAC,CAAC;YAAE;AACR,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,CAAC,CAAC,KAAK,EAAE;;aACJ;AACL,YAAA,CAAC,CAAC,IAAI,GAAG,IAAI;YACb,IAAI,CAAC,IAAI,CAAC,aAAa;AAAE,gBAAA,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;AACvD,YAAA,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;AAI3C,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE;;AAGvB,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa;gBAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;YAClE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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-DsIhqKIY.js → p-DlY3q-CU.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-BvGlmU4v.js';
 import { b as getLanguageFromURL } from './p-DpFzAwLW.js';
 import { M as MDCSelect } from './p-DqpxE8oT.js';
@@ -260,6 +260,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSelect as P, defineCustomElement as d };
-//# sourceMappingURL=p-DsIhqKIY.js.map
+//# sourceMappingURL=p-DlY3q-CU.js.map
-//# sourceMappingURL=p-DsIhqKIY.js.map
+//# sourceMappingURL=p-DlY3q-CU.js.map

package/dist/components/{p-DsIhqKIY.js.map → p-DlY3q-CU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DsIhqKIY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-select/ptc-select.scss?tag=ptc-select","src/components/atoms/ptc-select/ptc-select.tsx"],"sourcesContent":["@import \"~@material/select/dist/mdc.select.css\";\r\n@import \"~@material/list/dist/mdc.list.css\";\r\n@import \"~@material/menu/dist/mdc.menu.css\";\r\n@import \"~@material/menu-surface/dist/mdc.menu-surface.css\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.ptc-select {\r\n\t.ptc-label-select {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t.mdc-select--invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\tbackground-color: var(--color-white) !important;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined {\r\n\t\twidth: 273px;\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\theight: 34px;\r\n\t\t\twidth: 273px;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__trailing {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__leading {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select-helper-text {\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\topacity: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\t//margin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t.select-error-svg {\r\n\t\ttransform: translate(-8px, 3px);\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\tcolor: #af3231;\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: 14px;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--info-msg {\r\n\t\tcolor: #40434a;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmax-width: 240px;\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\ttransform: translateX(8px);\r\n\t}\r\n\r\n\t.mdc-select-helper-text--validation-msg,\r\n\t.mdc-select-helper-text--info-msg {\r\n\t\tline-height: 0.66;\r\n\t\theight: 0;\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-color: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(\r\n\t\t\t.mdc-select--disabled\r\n\t\t).mdc-select--focused.keyboard-focus {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\t//Update for tab navigation\r\n\t\t\t\tborder-color: var(--keyboard-nav-outline);\r\n\t\t\t\tborder-width: 5px;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__leading {\r\n\t\t\t\tborder-top-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-top-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\tfill: var(--color-hyperlink);\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t// .placehoder-li {\r\n\t// color: var(--color-gray-07);\r\n\t// font-family: Raleway;\r\n\t// font-size: var(--ptc-font-size-xx-small);\r\n\t// font-weight: var(--ptc-font-weight-regular);\r\n\t// line-height:var(--ptc-line-height-normal);\r\n\t// }\r\n\r\n\t.mdc-list {\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t}\r\n\r\n\t.mdc-list-item {\r\n\t\tpadding: 5px 8px;\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t&:focus .mdc-list-item__ripple::before,\r\n\t\t&:focus .mdc-list-item__ripple::after,\r\n\t\t&:focus-visible .mdc-list-item__ripple::before,\r\n\t\t&:focus-visible .mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item--selected {\r\n\t\t.mdc-list-item__ripple::before,\r\n\t\t.mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-04) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item__text,\r\n\t.mdc-select__selected-text {\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: 24px;\r\n\t\t/* 171.429% /\r\n\t}\r\n\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\r\n\t\tbackground-color: unset;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n h,\r\n Element,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n State,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n open: boolean;\r\n}\r\n\r\n@Component({\r\n tag: \"ptc-select\",\r\n styleUrl: \"ptc-select.scss\",\r\n shadow: false,\r\n})\r\nexport class PtcSelect {\r\n @Element() el: HTMLElement;\r\n @Prop() fieldId: string;\r\n @Prop() label: string;\r\n @Prop() isRequired: boolean = true;\r\n @Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n @Prop() fieldName: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop({ mutable: true }) selectedValue: string = \"\";\r\n @Prop({ mutable: true }) defaultValue: string = \"\";\r\n @Prop() infoText: string;\r\n /\r\n Eloqua Data\r\n /\r\n @Prop() ptcDataEloquaName: string;\r\n @Prop() ptcDataTargetEloquaName: string;\r\n @State() language: string = \"en\";\r\n\r\n @Event() valueChange: EventEmitter<string>;\r\n\r\n defaultSelect: ExtendedMDCSelect;\r\n lastInteraction: \"mouse\" \| \"keyboard\" = \"mouse\";\r\n private documentMousedownHandler: () => void;\r\n private documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n async setValue() {\r\n this.defaultSelect.value = this.defaultValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.language = getLanguageFromURL();\r\n this.helpertext = this.getValidationMessage(\"select\");\r\n }\r\n\r\n componentDidLoad() {\r\n // Use requestAnimationFrame to ensure slotted content is fully rendered\r\n requestAnimationFrame(() => {\r\n this.initializeMDCSelect();\r\n });\r\n }\r\n\r\n private initializeMDCSelect() {\r\n console.log(\"[ptc-select DEBUG] Starting initialization for field:\", this.fieldId);\r\n\r\n const selectElement = this.el.querySelector(\".mdc-select\");\r\n if (!selectElement) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-select element.\");\r\n return;\r\n }\r\n console.log(\"[ptc-select DEBUG] Found .mdc-select element:\", selectElement);\r\n\r\n // Ensure the menu has the mdc-list inside it\r\n const menu = selectElement.querySelector(\".mdc-select__menu\");\r\n const list = menu?.querySelector(\".mdc-list\");\r\n console.log(\"[ptc-select DEBUG] Menu element:\", menu);\r\n console.log(\"[ptc-select DEBUG] List element:\", list);\r\n\r\n if (!list) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...\");\r\n // Retry after a short delay if list is not found (slot content may not be ready)\r\n setTimeout(() => this.initializeMDCSelect(), 100);\r\n return;\r\n }\r\n\r\n try {\r\n this.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n console.log(\"[ptc-select DEBUG] MDCSelect initialized successfully:\", this.defaultSelect);\r\n } catch (error) {\r\n console.error(\"[ptc-select DEBUG] Error initializing MDCSelect:\", error);\r\n return;\r\n }\r\n\r\n // Add click listener for debugging\r\n const anchor = selectElement.querySelector(\".mdc-select__anchor\");\r\n if (anchor) {\r\n anchor.addEventListener(\"click\", (e) => {\r\n console.log(\"[ptc-select DEBUG] Anchor clicked!\", e);\r\n console.log(\"[ptc-select DEBUG] MDCSelect open state:\", this.defaultSelect?.open);\r\n console.log(\"[ptc-select DEBUG] Menu classes:\", menu?.className);\r\n console.log(\"[ptc-select DEBUG] Select classes:\", selectElement.className);\r\n });\r\n console.log(\"[ptc-select DEBUG] Click listener added to anchor\");\r\n }\r\n\r\n // Listen for MDCSelect events\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n console.log(\"[ptc-select DEBUG] MDCSelect:change event fired, value:\", this.defaultSelect.value);\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:opened\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu opened!\");\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:closed\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu closed!\");\r\n });\r\n\r\n if (this.defaultValue) this.setValue();\r\n\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n if (this.selectedValue !== this.defaultSelect.value) {\r\n this.valueChange.emit(this.defaultSelect.value);\r\n this.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n // if (this.fieldId === \"contact-country\") {\r\n // \tconst countryCode = this.selectedValue\r\n // \t\t? this.map[this.selectedValue]\r\n // \t\t: \"\";\r\n // \tconst telField = document.querySelector(\r\n // \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n // \t) as HTMLPtcTextfieldElement;\r\n // \t// if (telField && countryCode) {\r\n // \t// \ttelField.syncCountry(countryCode);\r\n // \t// }\r\n // }\r\n }\r\n });\r\n this.addKeyboardAccessibility();\r\n\r\n this.setupFocusHandlers();\r\n\r\n }\r\n\r\n\r\n disconnectedCallback() {\r\n // Remove document event listeners to prevent memory leaks\r\n if (this.documentMousedownHandler) {\r\n document.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n }\r\n if (this.defaultSelect) {\r\n this.defaultSelect.destroy();\r\n }\r\n }\r\n\r\n addKeyboardAccessibility() {\r\n const selectAnchor = this.el.querySelector(\r\n \".mdc-select__anchor\",\r\n ) as HTMLElement;\r\n const menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n if (!selectAnchor \|\| !menu) {\r\n console.warn(\r\n \"ptc-select: Unable to find select anchor or menu elements.\",\r\n );\r\n return;\r\n }\r\n\r\n selectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n const key = event.key;\r\n\r\n switch (key) {\r\n case \"Enter\":\r\n event.preventDefault();\r\n this.defaultSelect.open = !this.defaultSelect.open;\r\n if (this.defaultSelect.open) {\r\n this.setFocusToFirstMenuitem();\r\n }\r\n break;\r\n case \"ArrowDown\":\r\n case \"ArrowUp\":\r\n break;\r\n case \"Escape\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n selectAnchor.focus();\r\n event.preventDefault();\r\n }\r\n break;\r\n case \"Tab\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n // Focus the first menu item in the dropdown\r\n setFocusToFirstMenuitem() {\r\n const firstMenuItem = this.el.querySelector(\r\n \".mdc-list-item\",\r\n ) as HTMLElement;\r\n if (firstMenuItem) {\r\n firstMenuItem.focus();\r\n }\r\n }\r\n\r\n setFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const nextIndex = (currentIndex + 1) % menuItems.length;\r\n menuItems[nextIndex].focus();\r\n }\r\n\r\n setFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const previousIndex =\r\n (currentIndex - 1 + menuItems.length) % menuItems.length;\r\n menuItems[previousIndex].focus();\r\n }\r\n\r\n getValidationMessage(type: string) {\r\n return ValidationMessages[this.language][type];\r\n }\r\n\r\n getSelectClassName() {\r\n let className =\r\n \"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n if (this.isRequired) {\r\n className = `${className} mdc-select--required`;\r\n }\r\n return className;\r\n }\r\n\r\n setupFocusHandlers() {\r\n // Track the last interaction type - use bound handlers for proper cleanup\r\n this.documentMousedownHandler = () => {\r\n this.lastInteraction = \"mouse\";\r\n };\r\n this.documentKeydownHandler = (e: KeyboardEvent) => {\r\n if (e.key === \"Tab\") {\r\n this.lastInteraction = \"keyboard\";\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n document.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n // Only query select fields within this component, not globally\r\n const selectField = this.el.querySelector(\r\n \".mdc-select\",\r\n ) as HTMLElement;\r\n if (selectField) {\r\n const select = selectField.querySelector(\".mdc-select__anchor\");\r\n if (select) {\r\n select.addEventListener(\"focus\", () => {\r\n if (this.lastInteraction === \"keyboard\") {\r\n selectField.classList.add(\"keyboard-focus\");\r\n selectField.classList.remove(\"mouse-focus\");\r\n } else {\r\n selectField.classList.add(\"mouse-focus\");\r\n selectField.classList.remove(\"keyboard-focus\");\r\n }\r\n });\r\n select.addEventListener(\"blur\", () => {\r\n selectField.classList.remove(\r\n \"keyboard-focus\",\r\n \"mouse-focus\",\r\n );\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class=\"ptc-select mf-listen\">\r\n <div class={this.getSelectClassName()}>\r\n <label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n {this.label}\r\n </label>\r\n <div\r\n class=\"mdc-select__anchor\"\r\n role=\"button\"\r\n aria-haspopup=\"listbox\"\r\n aria-labelledby=\"outlined-select-label\"\r\n tabindex=\"0\"\r\n {...(this.isRequired ? { ariaRequired: true } : null)}\r\n >\r\n <span class=\"mdc-notched-outline\">\r\n <span class=\"mdc-notched-outline__leading\"></span>\r\n <span class=\"mdc-notched-outline__trailing\"></span>\r\n </span>\r\n <span class=\"mdc-select__selected-text-container\">\r\n <span\r\n id={this.fieldId}\r\n class=\"mdc-select__selected-text\"\r\n aria-controls={this.fieldName}\r\n aria-describedby={this.fieldName}\r\n data-eloqua-name={this.ptcDataEloquaName}\r\n data-target-eloqua-name={\r\n this.ptcDataTargetEloquaName\r\n }\r\n ></span>\r\n </span>\r\n <span class=\"mdc-select__dropdown-icon\">\r\n <svg\r\n class=\"\"\r\n width=\"10\"\r\n height=\"10\"\r\n viewBox=\"0 0 10 10\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n role=\"listbox\"\r\n aria-label={this.label}\r\n >\r\n <slot></slot>\r\n </div>\r\n\r\n <p\r\n id={this.fieldName}\r\n class=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n >\r\n <svg\r\n class=\"select-error-svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g clip-path=\"url(#clip0_12_1424)\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n fill=\"#AF3231\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12_1424\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n {this.helpertext}\r\n </p>\r\n {this.infoText ? (\r\n <p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n {this.infoText}\r\n </p>\r\n ) : null}\r\n </div>\r\n\r\n {/ helper text */}\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-DlY3q-CU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-select/ptc-select.scss?tag=ptc-select","src/components/atoms/ptc-select/ptc-select.tsx"],"sourcesContent":["@import \"~@material/select/dist/mdc.select.css\";\r\n@import \"~@material/list/dist/mdc.list.css\";\r\n@import \"~@material/menu/dist/mdc.menu.css\";\r\n@import \"~@material/menu-surface/dist/mdc.menu-surface.css\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.ptc-select {\r\n\t.ptc-label-select {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t.mdc-select--invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\tbackground-color: var(--color-white) !important;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined {\r\n\t\twidth: 273px;\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\theight: 34px;\r\n\t\t\twidth: 273px;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__trailing {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__leading {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select-helper-text {\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\topacity: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\t//margin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t.select-error-svg {\r\n\t\ttransform: translate(-8px, 3px);\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\tcolor: #af3231;\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: 14px;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--info-msg {\r\n\t\tcolor: #40434a;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmax-width: 240px;\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\ttransform: translateX(8px);\r\n\t}\r\n\r\n\t.mdc-select-helper-text--validation-msg,\r\n\t.mdc-select-helper-text--info-msg {\r\n\t\tline-height: 0.66;\r\n\t\theight: 0;\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-color: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(\r\n\t\t\t.mdc-select--disabled\r\n\t\t).mdc-select--focused.keyboard-focus {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\t//Update for tab navigation\r\n\t\t\t\tborder-color: var(--keyboard-nav-outline);\r\n\t\t\t\tborder-width: 5px;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__leading {\r\n\t\t\t\tborder-top-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-top-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\tfill: var(--color-hyperlink);\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t// .placehoder-li {\r\n\t// color: var(--color-gray-07);\r\n\t// font-family: Raleway;\r\n\t// font-size: var(--ptc-font-size-xx-small);\r\n\t// font-weight: var(--ptc-font-weight-regular);\r\n\t// line-height:var(--ptc-line-height-normal);\r\n\t// }\r\n\r\n\t.mdc-list {\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t}\r\n\r\n\t.mdc-list-item {\r\n\t\tpadding: 5px 8px;\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t&:focus .mdc-list-item__ripple::before,\r\n\t\t&:focus .mdc-list-item__ripple::after,\r\n\t\t&:focus-visible .mdc-list-item__ripple::before,\r\n\t\t&:focus-visible .mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item--selected {\r\n\t\t.mdc-list-item__ripple::before,\r\n\t\t.mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-04) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item__text,\r\n\t.mdc-select__selected-text {\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: 24px;\r\n\t\t/* 171.429% /\r\n\t}\r\n\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\r\n\t\tbackground-color: unset;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n h,\r\n Element,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n State,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n open: boolean;\r\n}\r\n\r\n@Component({\r\n tag: \"ptc-select\",\r\n styleUrl: \"ptc-select.scss\",\r\n shadow: false,\r\n})\r\nexport class PtcSelect {\r\n @Element() el: HTMLElement;\r\n @Prop() fieldId: string;\r\n @Prop() label: string;\r\n @Prop() isRequired: boolean = true;\r\n @Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n @Prop() fieldName: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop({ mutable: true }) selectedValue: string = \"\";\r\n @Prop({ mutable: true }) defaultValue: string = \"\";\r\n @Prop() infoText: string;\r\n /\r\n Eloqua Data\r\n /\r\n @Prop() ptcDataEloquaName: string;\r\n @Prop() ptcDataTargetEloquaName: string;\r\n @State() language: string = \"en\";\r\n\r\n @Event() valueChange: EventEmitter<string>;\r\n\r\n defaultSelect: ExtendedMDCSelect;\r\n lastInteraction: \"mouse\" \| \"keyboard\" = \"mouse\";\r\n private documentMousedownHandler: () => void;\r\n private documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n async setValue() {\r\n this.defaultSelect.value = this.defaultValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.language = getLanguageFromURL();\r\n this.helpertext = this.getValidationMessage(\"select\");\r\n }\r\n\r\n componentDidLoad() {\r\n // Use requestAnimationFrame to ensure slotted content is fully rendered\r\n requestAnimationFrame(() => {\r\n this.initializeMDCSelect();\r\n });\r\n }\r\n\r\n private initializeMDCSelect() {\r\n console.log(\"[ptc-select DEBUG] Starting initialization for field:\", this.fieldId);\r\n\r\n const selectElement = this.el.querySelector(\".mdc-select\");\r\n if (!selectElement) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-select element.\");\r\n return;\r\n }\r\n console.log(\"[ptc-select DEBUG] Found .mdc-select element:\", selectElement);\r\n\r\n // Ensure the menu has the mdc-list inside it\r\n const menu = selectElement.querySelector(\".mdc-select__menu\");\r\n const list = menu?.querySelector(\".mdc-list\");\r\n console.log(\"[ptc-select DEBUG] Menu element:\", menu);\r\n console.log(\"[ptc-select DEBUG] List element:\", list);\r\n\r\n if (!list) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...\");\r\n // Retry after a short delay if list is not found (slot content may not be ready)\r\n setTimeout(() => this.initializeMDCSelect(), 100);\r\n return;\r\n }\r\n\r\n try {\r\n this.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n console.log(\"[ptc-select DEBUG] MDCSelect initialized successfully:\", this.defaultSelect);\r\n } catch (error) {\r\n console.error(\"[ptc-select DEBUG] Error initializing MDCSelect:\", error);\r\n return;\r\n }\r\n\r\n // Add click listener for debugging\r\n const anchor = selectElement.querySelector(\".mdc-select__anchor\");\r\n if (anchor) {\r\n anchor.addEventListener(\"click\", (e) => {\r\n console.log(\"[ptc-select DEBUG] Anchor clicked!\", e);\r\n console.log(\"[ptc-select DEBUG] MDCSelect open state:\", this.defaultSelect?.open);\r\n console.log(\"[ptc-select DEBUG] Menu classes:\", menu?.className);\r\n console.log(\"[ptc-select DEBUG] Select classes:\", selectElement.className);\r\n });\r\n console.log(\"[ptc-select DEBUG] Click listener added to anchor\");\r\n }\r\n\r\n // Listen for MDCSelect events\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n console.log(\"[ptc-select DEBUG] MDCSelect:change event fired, value:\", this.defaultSelect.value);\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:opened\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu opened!\");\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:closed\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu closed!\");\r\n });\r\n\r\n if (this.defaultValue) this.setValue();\r\n\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n if (this.selectedValue !== this.defaultSelect.value) {\r\n this.valueChange.emit(this.defaultSelect.value);\r\n this.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n // if (this.fieldId === \"contact-country\") {\r\n // \tconst countryCode = this.selectedValue\r\n // \t\t? this.map[this.selectedValue]\r\n // \t\t: \"\";\r\n // \tconst telField = document.querySelector(\r\n // \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n // \t) as HTMLPtcTextfieldElement;\r\n // \t// if (telField && countryCode) {\r\n // \t// \ttelField.syncCountry(countryCode);\r\n // \t// }\r\n // }\r\n }\r\n });\r\n this.addKeyboardAccessibility();\r\n\r\n this.setupFocusHandlers();\r\n\r\n }\r\n\r\n\r\n disconnectedCallback() {\r\n // Remove document event listeners to prevent memory leaks\r\n if (this.documentMousedownHandler) {\r\n document.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n }\r\n if (this.defaultSelect) {\r\n this.defaultSelect.destroy();\r\n }\r\n }\r\n\r\n addKeyboardAccessibility() {\r\n const selectAnchor = this.el.querySelector(\r\n \".mdc-select__anchor\",\r\n ) as HTMLElement;\r\n const menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n if (!selectAnchor \|\| !menu) {\r\n console.warn(\r\n \"ptc-select: Unable to find select anchor or menu elements.\",\r\n );\r\n return;\r\n }\r\n\r\n selectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n const key = event.key;\r\n\r\n switch (key) {\r\n case \"Enter\":\r\n event.preventDefault();\r\n this.defaultSelect.open = !this.defaultSelect.open;\r\n if (this.defaultSelect.open) {\r\n this.setFocusToFirstMenuitem();\r\n }\r\n break;\r\n case \"ArrowDown\":\r\n case \"ArrowUp\":\r\n break;\r\n case \"Escape\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n selectAnchor.focus();\r\n event.preventDefault();\r\n }\r\n break;\r\n case \"Tab\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n // Focus the first menu item in the dropdown\r\n setFocusToFirstMenuitem() {\r\n const firstMenuItem = this.el.querySelector(\r\n \".mdc-list-item\",\r\n ) as HTMLElement;\r\n if (firstMenuItem) {\r\n firstMenuItem.focus();\r\n }\r\n }\r\n\r\n setFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const nextIndex = (currentIndex + 1) % menuItems.length;\r\n menuItems[nextIndex].focus();\r\n }\r\n\r\n setFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const previousIndex =\r\n (currentIndex - 1 + menuItems.length) % menuItems.length;\r\n menuItems[previousIndex].focus();\r\n }\r\n\r\n getValidationMessage(type: string) {\r\n return ValidationMessages[this.language][type];\r\n }\r\n\r\n getSelectClassName() {\r\n let className =\r\n \"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n if (this.isRequired) {\r\n className = `${className} mdc-select--required`;\r\n }\r\n return className;\r\n }\r\n\r\n setupFocusHandlers() {\r\n // Track the last interaction type - use bound handlers for proper cleanup\r\n this.documentMousedownHandler = () => {\r\n this.lastInteraction = \"mouse\";\r\n };\r\n this.documentKeydownHandler = (e: KeyboardEvent) => {\r\n if (e.key === \"Tab\") {\r\n this.lastInteraction = \"keyboard\";\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n document.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n // Only query select fields within this component, not globally\r\n const selectField = this.el.querySelector(\r\n \".mdc-select\",\r\n ) as HTMLElement;\r\n if (selectField) {\r\n const select = selectField.querySelector(\".mdc-select__anchor\");\r\n if (select) {\r\n select.addEventListener(\"focus\", () => {\r\n if (this.lastInteraction === \"keyboard\") {\r\n selectField.classList.add(\"keyboard-focus\");\r\n selectField.classList.remove(\"mouse-focus\");\r\n } else {\r\n selectField.classList.add(\"mouse-focus\");\r\n selectField.classList.remove(\"keyboard-focus\");\r\n }\r\n });\r\n select.addEventListener(\"blur\", () => {\r\n selectField.classList.remove(\r\n \"keyboard-focus\",\r\n \"mouse-focus\",\r\n );\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class=\"ptc-select mf-listen\">\r\n <div class={this.getSelectClassName()}>\r\n <label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n {this.label}\r\n </label>\r\n <div\r\n class=\"mdc-select__anchor\"\r\n role=\"button\"\r\n aria-haspopup=\"listbox\"\r\n aria-labelledby=\"outlined-select-label\"\r\n tabindex=\"0\"\r\n {...(this.isRequired ? { ariaRequired: true } : null)}\r\n >\r\n <span class=\"mdc-notched-outline\">\r\n <span class=\"mdc-notched-outline__leading\"></span>\r\n <span class=\"mdc-notched-outline__trailing\"></span>\r\n </span>\r\n <span class=\"mdc-select__selected-text-container\">\r\n <span\r\n id={this.fieldId}\r\n class=\"mdc-select__selected-text\"\r\n aria-controls={this.fieldName}\r\n aria-describedby={this.fieldName}\r\n data-eloqua-name={this.ptcDataEloquaName}\r\n data-target-eloqua-name={\r\n this.ptcDataTargetEloquaName\r\n }\r\n ></span>\r\n </span>\r\n <span class=\"mdc-select__dropdown-icon\">\r\n <svg\r\n class=\"\"\r\n width=\"10\"\r\n height=\"10\"\r\n viewBox=\"0 0 10 10\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n role=\"listbox\"\r\n aria-label={this.label}\r\n >\r\n <slot></slot>\r\n </div>\r\n\r\n <p\r\n id={this.fieldName}\r\n class=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n >\r\n <svg\r\n class=\"select-error-svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g clip-path=\"url(#clip0_12_1424)\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n fill=\"#AF3231\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12_1424\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n {this.helpertext}\r\n </p>\r\n {this.infoText ? (\r\n <p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n {this.infoText}\r\n </p>\r\n ) : null}\r\n </div>\r\n\r\n {/ helper text */}\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-BFqAfied.js → p-DpJkvZ-n.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 const ptcTooltipV2Css = ":host(.block){display:block}:host(.inline-block){display:inline-block}:host(.inline){display:inline}.tooltip-container{display:inherit;position:relative}.tooltip-text{width:100%}.description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tooltip-content{display:none;position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:-moz-fit-content;height:fit-content;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip-content{width:273px}}.tooltip-content::after{content:\" \";position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-content.bottom{transform:translate(50%, 12px)}.tooltip-content.top::after{top:auto;bottom:0;left:50%;transform:translate(-50%, 100%);border-top:8px solid var(--color-gray-09);border-bottom:unset}.tooltip-content.top{transform:translate(-50%, 0%);top:-70%;left:50%}.tooltip-content.left::after{left:5%}.tooltip-content.left{transform:translate(95%, 12px)}.tooltip-content.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip-container.with-tip:hover .tooltip-content{display:block}@media (max-width: 767px){.hide-on-mobile .tooltip-content{display:none !important}}";
@@ -107,6 +107,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTooltipV2 as P, defineCustomElement as d };
-//# sourceMappingURL=p-BFqAfied.js.map
+//# sourceMappingURL=p-DpJkvZ-n.js.map
-//# sourceMappingURL=p-BFqAfied.js.map
+//# sourceMappingURL=p-DpJkvZ-n.js.map

package/dist/components/{p-BFqAfied.js.map → p-DpJkvZ-n.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BFqAfied~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-tooltip-v2/ptc-tooltip-v2.scss?tag=ptc-tooltip-v2&encapsulation=shadow","src/components/atoms/ptc-tooltip-v2/ptc-tooltip-v2.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host(.block) {\r\n display: block;\r\n}\r\n:host(.inline-block) {\r\n display: inline-block;\r\n}\r\n:host(.inline) {\r\n display: inline;\r\n}\r\n\r\n.tooltip-container {\r\n display: inherit;\r\n position: relative;\r\n}\r\n\r\n.tooltip-text {\r\n width: 100%;\r\n}\r\n\r\n.description {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n}\r\n\r\n.tooltip-content {\r\n display: none;\r\n position: absolute;\r\n padding: 8px;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-weight: var(--ptc-font-weight-semibold);\r\n background: var(--color-gray-09);\r\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n border: none;\r\n border-radius: 2px;\r\n width: auto;\r\n height: fit-content;\r\n text-align: left;\r\n text-shadow: none;\r\n white-space: normal;\r\n\r\n @include screen-xs {\r\n width: 273px;\r\n }\r\n\r\n &::after {\r\n content: ' ';\r\n position: absolute;\r\n top: 1px;\r\n left: 50%;\r\n transform: translate(-50%, -100%);\r\n border: 8px solid transparent;\r\n border-bottom: 8px solid var(--color-gray-09);\r\n }\r\n\r\n &.bottom {\r\n transform: translate(50%, 12px);\r\n }\r\n\r\n &.top {\r\n &::after {\r\n top: auto;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 100%);\r\n border-top: 8px solid var(--color-gray-09);\r\n border-bottom: unset;\r\n }\r\n\r\n transform: translate(-50%, 0%);\r\n top: -70%;\r\n left: 50%;\r\n }\r\n\r\n &.left {\r\n &::after {\r\n left: 5%;\r\n }\r\n\r\n transform: translate(95%, 12px);\r\n }\r\n\r\n &.right {\r\n bottom: -12px;\r\n transform: translateY(100%);\r\n right: 0px;\r\n }\r\n}\r\n\r\n.tooltip-container.with-tip:hover .tooltip-content {\r\n display: block;\r\n}\r\n\r\n.hide-on-mobile {\r\n @media (max-width: 767px) {\r\n .tooltip-content {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tState,\r\n\tElement,\r\n\th,\r\n\tListen,\r\n\tHost,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-tooltip-v2\",\r\n\tstyleUrl: \"ptc-tooltip-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTooltipV2 {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() elementDisplay: \"block\" \| \"inline-block\" \| \"inline\" = \"block\";\r\n\t@Prop() maxLength: number = 45;\r\n\t@Prop() maxLines: number;\r\n\t@Prop() zIndex: number = 1000;\r\n\t@Prop() width: \"full-width\" \| \"default\" = \"default\";\r\n\t@Prop() position: \"top\" \| \"bottom\" \| \"left\" \| \"right\" = \"bottom\";\r\n\t@Prop() hideOnMobile: boolean = false;\r\n\t@State() fullText: string = \"\";\r\n\t@State() displayText: string = \"\";\r\n\t@State() showTip: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\tthis.fullText = nodes.map((node) => node.textContent).join(\"\");\r\n\t\tthis.processText();\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\t// Process text initially in case slotchange does not fire on load\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tthis.processText(true);\r\n\t\t});\r\n\t}\r\n\tprocessText(initial: boolean = false) {\r\n\t\tif (initial) {\r\n\t\t\tconst slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tif (slot) {\r\n\t\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\t\tthis.fullText = nodes\r\n\t\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t\t.join(\"\")\r\n\t\t\t\t\t.trim();\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.displayText = this.fullText;\r\n\r\n\t\tif (\r\n\t\t\tthis.fullText.length > this.maxLength &&\r\n\t\t\tthis.maxLines === undefined\r\n\t\t) {\r\n\t\t\tconst trimmedText = this.fullText\r\n\t\t\t\t.substring(0, this.maxLength)\r\n\t\t\t\t.trim();\r\n\t\t\tconst lastSpace = trimmedText.lastIndexOf(\" \");\r\n\t\t\tthis.displayText = trimmedText.substring(0, lastSpace) + \"...\";\r\n\t\t\tthis.showTip = true;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst style = {\r\n\t\t\tzIndex: this.zIndex.toString(),\r\n\t\t\twidth: this.width === \"full-width\" ? \"100%\" : \"auto\",\r\n\t\t\toverflow: \"hidden\",\r\n\t\t\tdisplay: this.maxLines ? \"-webkit-box !important\" : \"inherit\",\r\n\t\t\tWebkitBoxOrient: \"vertical\",\r\n\t\t\tWebkitLineClamp: this.maxLines ? this.maxLines.toString() : \"none\",\r\n\t\t};\r\n\t\tconst tooltipClass = {\r\n\t\t\t\"tooltip-container\": true,\r\n\t\t\t\"with-tip\": this.showTip, // Conditionally applying the 'with-tip' class\r\n\t\t};\r\n\t\treturn (\r\n\t\t\t<Host class={this.elementDisplay}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={tooltipClass}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tzIndex: this.zIndex.toString(),\r\n\t\t\t\t\t\twidth: this.width === \"full-width\" ? \"100%\" : \"auto\",\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"tooltip-text\" style={style}>\r\n\t\t\t\t\t\t{this.displayText}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={`tooltip-content ${this.position}`}>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DpJkvZ-n.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-tooltip-v2/ptc-tooltip-v2.scss?tag=ptc-tooltip-v2&encapsulation=shadow","src/components/atoms/ptc-tooltip-v2/ptc-tooltip-v2.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host(.block) {\r\n display: block;\r\n}\r\n:host(.inline-block) {\r\n display: inline-block;\r\n}\r\n:host(.inline) {\r\n display: inline;\r\n}\r\n\r\n.tooltip-container {\r\n display: inherit;\r\n position: relative;\r\n}\r\n\r\n.tooltip-text {\r\n width: 100%;\r\n}\r\n\r\n.description {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n}\r\n\r\n.tooltip-content {\r\n display: none;\r\n position: absolute;\r\n padding: 8px;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-weight: var(--ptc-font-weight-semibold);\r\n background: var(--color-gray-09);\r\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n border: none;\r\n border-radius: 2px;\r\n width: auto;\r\n height: fit-content;\r\n text-align: left;\r\n text-shadow: none;\r\n white-space: normal;\r\n\r\n @include screen-xs {\r\n width: 273px;\r\n }\r\n\r\n &::after {\r\n content: ' ';\r\n position: absolute;\r\n top: 1px;\r\n left: 50%;\r\n transform: translate(-50%, -100%);\r\n border: 8px solid transparent;\r\n border-bottom: 8px solid var(--color-gray-09);\r\n }\r\n\r\n &.bottom {\r\n transform: translate(50%, 12px);\r\n }\r\n\r\n &.top {\r\n &::after {\r\n top: auto;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 100%);\r\n border-top: 8px solid var(--color-gray-09);\r\n border-bottom: unset;\r\n }\r\n\r\n transform: translate(-50%, 0%);\r\n top: -70%;\r\n left: 50%;\r\n }\r\n\r\n &.left {\r\n &::after {\r\n left: 5%;\r\n }\r\n\r\n transform: translate(95%, 12px);\r\n }\r\n\r\n &.right {\r\n bottom: -12px;\r\n transform: translateY(100%);\r\n right: 0px;\r\n }\r\n}\r\n\r\n.tooltip-container.with-tip:hover .tooltip-content {\r\n display: block;\r\n}\r\n\r\n.hide-on-mobile {\r\n @media (max-width: 767px) {\r\n .tooltip-content {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tState,\r\n\tElement,\r\n\th,\r\n\tListen,\r\n\tHost,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-tooltip-v2\",\r\n\tstyleUrl: \"ptc-tooltip-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcTooltipV2 {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() elementDisplay: \"block\" \| \"inline-block\" \| \"inline\" = \"block\";\r\n\t@Prop() maxLength: number = 45;\r\n\t@Prop() maxLines: number;\r\n\t@Prop() zIndex: number = 1000;\r\n\t@Prop() width: \"full-width\" \| \"default\" = \"default\";\r\n\t@Prop() position: \"top\" \| \"bottom\" \| \"left\" \| \"right\" = \"bottom\";\r\n\t@Prop() hideOnMobile: boolean = false;\r\n\t@State() fullText: string = \"\";\r\n\t@State() displayText: string = \"\";\r\n\t@State() showTip: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\tthis.fullText = nodes.map((node) => node.textContent).join(\"\");\r\n\t\tthis.processText();\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\t// Process text initially in case slotchange does not fire on load\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tthis.processText(true);\r\n\t\t});\r\n\t}\r\n\tprocessText(initial: boolean = false) {\r\n\t\tif (initial) {\r\n\t\t\tconst slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tif (slot) {\r\n\t\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\t\tthis.fullText = nodes\r\n\t\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t\t.join(\"\")\r\n\t\t\t\t\t.trim();\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.displayText = this.fullText;\r\n\r\n\t\tif (\r\n\t\t\tthis.fullText.length > this.maxLength &&\r\n\t\t\tthis.maxLines === undefined\r\n\t\t) {\r\n\t\t\tconst trimmedText = this.fullText\r\n\t\t\t\t.substring(0, this.maxLength)\r\n\t\t\t\t.trim();\r\n\t\t\tconst lastSpace = trimmedText.lastIndexOf(\" \");\r\n\t\t\tthis.displayText = trimmedText.substring(0, lastSpace) + \"...\";\r\n\t\t\tthis.showTip = true;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst style = {\r\n\t\t\tzIndex: this.zIndex.toString(),\r\n\t\t\twidth: this.width === \"full-width\" ? \"100%\" : \"auto\",\r\n\t\t\toverflow: \"hidden\",\r\n\t\t\tdisplay: this.maxLines ? \"-webkit-box !important\" : \"inherit\",\r\n\t\t\tWebkitBoxOrient: \"vertical\",\r\n\t\t\tWebkitLineClamp: this.maxLines ? this.maxLines.toString() : \"none\",\r\n\t\t};\r\n\t\tconst tooltipClass = {\r\n\t\t\t\"tooltip-container\": true,\r\n\t\t\t\"with-tip\": this.showTip, // Conditionally applying the 'with-tip' class\r\n\t\t};\r\n\t\treturn (\r\n\t\t\t<Host class={this.elementDisplay}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={tooltipClass}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tzIndex: this.zIndex.toString(),\r\n\t\t\t\t\t\twidth: this.width === \"full-width\" ? \"100%\" : \"auto\",\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"tooltip-text\" style={style}>\r\n\t\t\t\t\t\t{this.displayText}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={`tooltip-content ${this.position}`}>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DpmhPWpv.js → p-DuPnO5c5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 const ptcCardWrapperCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible::before,:host(.card-wide) a:focus-visible::before,:host(.card-video) a:focus-visible::before,:host(.card-playlist) a:focus-visible::before,:host(.card-2up) a:focus-visible::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:var(--ptc-border-radius-large);outline:5px solid var(--keyboard-nav-outline)}:host(.card-tall) a.focus-state-dark-background:focus-visible::before,:host(.card-wide) a.focus-state-dark-background:focus-visible::before,:host(.card-video) a.focus-state-dark-background:focus-visible::before,:host(.card-playlist) a.focus-state-dark-background:focus-visible::before,:host(.card-2up) a.focus-state-dark-background:focus-visible::before{border:2px solid rgb(255, 255, 255)}:host(.card-playlist) div:not(.tracker-div),:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:not(.tracker-div):hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) a{text-decoration:none}:host(.card-video-intro) div:not(.tracker-div){display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.extra-tall) a::after{content:\"\";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);bottom:0;left:0;border-radius:var(--ptc-border-radius-large);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.color-outlined) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;border:2px solid rgb(255, 255, 255);display:block;outline:none}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{background:rgba(0, 0, 0, 0.6)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div:not(.tracker-div){display:flex}}:host(.result-box){width:505px;border:1px solid #6a6a6a;padding-top:56px;padding-bottom:56px;border-radius:var(--ptc-border-radius-large)}:host(.result-box) div:not(.tracker-div){display:flex;justify-content:center;align-items:center;flex-direction:column}:host(.simple-card){border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:var(--ptc-layout-spacing-03)}:host(.simple-card) a{text-decoration:none}:host(.simple-card) a:hover{text-decoration:none}:host(.most-popular){position:relative;margin:12px;background-color:var(--color-white)}:host(.most-popular) a{text-decoration:none}:host(.most-popular) a:hover{text-decoration:none}:host(.most-popular) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;display:block;outline:none}:host(.disabled) a{pointer-events:none;cursor:default;text-decoration:none}:host(.event-podcast) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;display:block;outline:none}:host(.speed-bump) a{text-decoration:none}";
@@ -171,6 +171,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardPlm as P, defineCustomElement as d };
-//# sourceMappingURL=p-DpmhPWpv.js.map
+//# sourceMappingURL=p-DuPnO5c5.js.map
-//# sourceMappingURL=p-DpmhPWpv.js.map
+//# sourceMappingURL=p-DuPnO5c5.js.map

package/dist/components/{p-DpmhPWpv.js.map → p-DuPnO5c5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DpmhPWpv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.scss?tag=ptc-card-wrapper&encapsulation=shadow","src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\ttext-decoration: none !important;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\t\toutline: 5px solid var(--keyboard-nav-outline);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tdiv:not(.tracker-div),\r\n\ta {\r\n\t\tdisplay: flex;\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-intro) {\r\n\tborder-bottom-left-radius: var(--ptc-border-radius-large);\r\n\tborder-bottom-right-radius: var(--ptc-border-radius-large);\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n:host(.card-video-shadow) {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0px;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: rgba(0, 0, 0, 0);\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tposition: relative;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-p) {\r\n\tpadding: var(--ptc-element-spacing-05);\r\n\tpadding-bottom: var(--ptc-element-spacing-06);\r\n}\r\n\r\n:host(.card-m-right) {\r\n\tmargin-right: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.card-m-left) {\r\n\tmargin-left: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.extraT-overlay) {\r\n\ta {\r\n\t\t&::after {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tdiv:not(.tracker-div) {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.result-box) {\r\n\twidth: 505px;\r\n\tborder: 1px solid #6a6a6a;\r\n\tpadding-top: 56px;\r\n\tpadding-bottom: 56px;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n:host(.simple-card) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbackground-color: var(--color-white);\r\n\tbox-shadow: var(--ptc-shadow-small);\r\n\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tposition: relative;\r\n\tmargin: 12px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.disabled) {\r\n\ta {\r\n\t\tpointer-events: none;\r\n\t\tcursor: default;\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.speed-bump) {\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n Element,\r\n EventEmitter,\r\n Listen,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-wrapper\",\r\n styleUrl: \"ptc-card-wrapper.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardPlm {\r\n @Element() el: HTMLElement;\r\n /Card Type /\r\n @Prop() cardType:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-2up\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"result-box\"\r\n \| \"most-popular\"\r\n \| \"simple-card\"\r\n \| \"event-podcast\";\r\n /*Card link /\r\n @Prop() cardLink: string;\r\n /*link Title /\r\n @Prop() linkTitle?: string;\r\n /** link Target /\r\n @Prop() linkTarget?: string = \"_self\";\r\n /* Internal Screen Size State /\r\n @Prop() isLoading?: boolean = false;\r\n /* Tracker Id for Mouseflow /\r\n @Prop() trackerId?: string;\r\n /* Disable links /\r\n @Prop() disabled?: boolean = false;\r\n /* Turn off hover Title /\r\n @Prop() hideLinkTitle?: boolean = false;\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() styles?: string;\r\n\r\n /\r\n darkFocusState for dark background\r\n */\r\n\r\n @Prop() darkFocusState: boolean = false;\r\n\r\n @Listen(\"resize\", { target: \"window\" })\r\n handleResize() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-5\");\r\n }\r\n\r\n // Only toggle mouse-hover on nested ptc-card-content for on-demand video cards\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.add(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-4\");\r\n }\r\n\r\n // Remove hover state only for on-demand video card content\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.remove(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n\r\n @Event() squareHeightChanged: EventEmitter<number>;\r\n\r\n componentDidLoad() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const Tag = !!this.cardLink ? \"a\" : \"div\";\r\n\r\n return (\r\n <Host\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 <div class=\"tracker-div mf-listen\" id={this.trackerId}>\r\n <Tag\r\n class={`mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n {...(!!this.cardLink && this.cardType !== \"simple-card\"\r\n ? { tabindex: \"0\" }\r\n : { tabindex: \"-1\" })}\r\n {...(!!this.cardLink && !this.isLoading\r\n ? { href: this.cardLink }\r\n : {})}\r\n {...(!!this.linkTarget &&\r\n !!this.cardLink &&\r\n !this.isLoading\r\n ? { target: this.linkTarget }\r\n : {})}\r\n {...(!!this.cardLink &&\r\n !this.isLoading &&\r\n !this.hideLinkTitle\r\n ? {\r\n title: this.linkTitle\r\n ? this.linkTitle\r\n : this.cardLink,\r\n }\r\n : {})}\r\n >\r\n <slot></slot>\r\n </Tag>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: this.cardType ? true : false,\r\n [\"disabled\"]: this.disabled,\r\n };\r\n }\r\n\r\n private emitHeight() {\r\n const height = this.el.offsetHeight;\r\n this.squareHeightChanged.emit(height);\r\n }\r\n\r\n private getBtmContentHeight(): number {\r\n const bottomContent = this.el.querySelector(\"ptc-card-bottom\");\r\n return bottomContent.offsetHeight;\r\n }\r\n\r\n private checkScreenSize() {\r\n if (this.cardType === \"extra-tall\") {\r\n if (window.innerWidth < 768) {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.setHeight(this.getBtmContentHeight());\r\n }\r\n } else {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.removeInlineHeight();\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-DuPnO5c5.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.scss?tag=ptc-card-wrapper&encapsulation=shadow","src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\ttext-decoration: none !important;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\t\toutline: 5px solid var(--keyboard-nav-outline);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tdiv:not(.tracker-div),\r\n\ta {\r\n\t\tdisplay: flex;\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-intro) {\r\n\tborder-bottom-left-radius: var(--ptc-border-radius-large);\r\n\tborder-bottom-right-radius: var(--ptc-border-radius-large);\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n:host(.card-video-shadow) {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0px;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: rgba(0, 0, 0, 0);\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tposition: relative;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-p) {\r\n\tpadding: var(--ptc-element-spacing-05);\r\n\tpadding-bottom: var(--ptc-element-spacing-06);\r\n}\r\n\r\n:host(.card-m-right) {\r\n\tmargin-right: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.card-m-left) {\r\n\tmargin-left: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.extraT-overlay) {\r\n\ta {\r\n\t\t&::after {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tdiv:not(.tracker-div) {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.result-box) {\r\n\twidth: 505px;\r\n\tborder: 1px solid #6a6a6a;\r\n\tpadding-top: 56px;\r\n\tpadding-bottom: 56px;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n:host(.simple-card) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbackground-color: var(--color-white);\r\n\tbox-shadow: var(--ptc-shadow-small);\r\n\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tposition: relative;\r\n\tmargin: 12px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.disabled) {\r\n\ta {\r\n\t\tpointer-events: none;\r\n\t\tcursor: default;\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.speed-bump) {\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n Element,\r\n EventEmitter,\r\n Listen,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-wrapper\",\r\n styleUrl: \"ptc-card-wrapper.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardPlm {\r\n @Element() el: HTMLElement;\r\n /Card Type /\r\n @Prop() cardType:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-2up\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"result-box\"\r\n \| \"most-popular\"\r\n \| \"simple-card\"\r\n \| \"event-podcast\";\r\n /*Card link /\r\n @Prop() cardLink: string;\r\n /*link Title /\r\n @Prop() linkTitle?: string;\r\n /** link Target /\r\n @Prop() linkTarget?: string = \"_self\";\r\n /* Internal Screen Size State /\r\n @Prop() isLoading?: boolean = false;\r\n /* Tracker Id for Mouseflow /\r\n @Prop() trackerId?: string;\r\n /* Disable links /\r\n @Prop() disabled?: boolean = false;\r\n /* Turn off hover Title /\r\n @Prop() hideLinkTitle?: boolean = false;\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() styles?: string;\r\n\r\n /\r\n darkFocusState for dark background\r\n */\r\n\r\n @Prop() darkFocusState: boolean = false;\r\n\r\n @Listen(\"resize\", { target: \"window\" })\r\n handleResize() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-5\");\r\n }\r\n\r\n // Only toggle mouse-hover on nested ptc-card-content for on-demand video cards\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.add(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-4\");\r\n }\r\n\r\n // Remove hover state only for on-demand video card content\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.remove(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n\r\n @Event() squareHeightChanged: EventEmitter<number>;\r\n\r\n componentDidLoad() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const Tag = !!this.cardLink ? \"a\" : \"div\";\r\n\r\n return (\r\n <Host\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 <div class=\"tracker-div mf-listen\" id={this.trackerId}>\r\n <Tag\r\n class={`mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n {...(!!this.cardLink && this.cardType !== \"simple-card\"\r\n ? { tabindex: \"0\" }\r\n : { tabindex: \"-1\" })}\r\n {...(!!this.cardLink && !this.isLoading\r\n ? { href: this.cardLink }\r\n : {})}\r\n {...(!!this.linkTarget &&\r\n !!this.cardLink &&\r\n !this.isLoading\r\n ? { target: this.linkTarget }\r\n : {})}\r\n {...(!!this.cardLink &&\r\n !this.isLoading &&\r\n !this.hideLinkTitle\r\n ? {\r\n title: this.linkTitle\r\n ? this.linkTitle\r\n : this.cardLink,\r\n }\r\n : {})}\r\n >\r\n <slot></slot>\r\n </Tag>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: this.cardType ? true : false,\r\n [\"disabled\"]: this.disabled,\r\n };\r\n }\r\n\r\n private emitHeight() {\r\n const height = this.el.offsetHeight;\r\n this.squareHeightChanged.emit(height);\r\n }\r\n\r\n private getBtmContentHeight(): number {\r\n const bottomContent = this.el.querySelector(\"ptc-card-bottom\");\r\n return bottomContent.offsetHeight;\r\n }\r\n\r\n private checkScreenSize() {\r\n if (this.cardType === \"extra-tall\") {\r\n if (window.innerWidth < 768) {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.setHeight(this.getBtmContentHeight());\r\n }\r\n } else {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.removeInlineHeight();\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-C4blRuk5.js → p-DxuCKCzq.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
 const ptcCardBottomCss = ":host{display:block}:host ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
@@ -94,6 +94,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardBottom as P, defineCustomElement as d };
-//# sourceMappingURL=p-C4blRuk5.js.map
+//# sourceMappingURL=p-DxuCKCzq.js.map
-//# sourceMappingURL=p-C4blRuk5.js.map
+//# sourceMappingURL=p-DxuCKCzq.js.map

package/dist/components/{p-C4blRuk5.js.map → p-DxuCKCzq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C4blRuk5~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DxuCKCzq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-bottom/ptc-card-bottom.scss?tag=ptc-card-bottom&encapsulation=shadow","src/components/molecules/ptc-card-bottom/ptc-card-bottom.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07)\r\n\t\t\tvar(--ptc-element-spacing-06);\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n:host(.card-2up) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tpadding: 0px 24px 24px 16px;\r\n\t}\r\n}\r\n\r\n:host(.card-playlist) {\r\n\tflex: 72% 2 1;\r\n\talign-self: center;\r\n}\r\n\r\n:host(.mouse-hover-card-bottom) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tz-index: 5;\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: relative;\r\n\t\ttop: 0px; //calc(var(--ptc-layout-spacing-05)\t 2);\r\n\t\tleft: 0px;\r\n\t\tbottom: 0px;\r\n\t\tright: 0px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 64px); // full width minus padding\r\n\t\tpadding: var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);\r\n\t\tpadding-bottom: calc(\r\n\t\t\tvar(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05)\r\n\t\t);\r\n\t\tz-index: 2;\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding-top: var(--ptc-layout-spacing-05);\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\tpadding-top: calc(\r\n\t\t\t\tvar(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tpadding-top: calc(var(--ptc-layout-spacing-05) * 2);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\t.ptc-card-bottom-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\twidth: calc(100% - 80px); // full width minus padding\r\n\t\theight: 100%;\r\n\t\tpadding: 0px var(--ptc-element-spacing-08);\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tpadding: 0 16px 14px 16px;\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tpadding: 0 32px 32px 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tflex: 20% 2 1;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-xl {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 70%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-2k {\r\n\t:host(.card-2up) {\r\n\t\t.ptc-card-bottom-wrapper {\r\n\t\t\twidth: 60%;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card-bottom\",\r\n\tstyleUrl: \"ptc-card-bottom.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCardBottom {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() cardType:\r\n\t\t\| \"card-video\"\r\n\t\t\| \"card-tall\"\r\n\t\t\| \"card-2up\"\r\n\t\t\| \"card-wide\"\r\n\t\t\| \"card-playlist\"\r\n\t\t\| \"extra-tall\"\r\n\t\t\| \"color-outlined\"\r\n\t\t\| \"most-popular\"\r\n\t\t\| \"event-podcast\";\r\n\r\n\t@Event() hoverEvent: EventEmitter<void>;\r\n\thoverEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.add(\"mouse-hover\");\r\n\t\t\tthis.el.classList.add(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.addClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\t@Event() leaveEvent: EventEmitter<void>;\r\n\tleaveEventHandler() {\r\n\t\tthis.hoverEvent.emit();\r\n\t\t//if statement: the card type that doesn't need a hover event\r\n\t\tif (\r\n\t\t\t!this.el.classList.contains(\"card-video\") &&\r\n\t\t\t!this.el.classList.contains(\"card-playlist\") &&\r\n\t\t\t!this.el.classList.contains(\"extra-tall\")\r\n\t\t) {\r\n\t\t\tthis.el.previousElementSibling.classList.remove(\"mouse-hover\");\r\n\t\t\tthis.el.classList.remove(\"mouse-hover-card-bottom\");\r\n\t\t}\r\n\t\tif (this.el.classList.contains(\"event-podcast\")) {\r\n\t\t\tthis.removeClassOnDefaultSlot();\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\t (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync addClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\t!ele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.add(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\t@Method()\r\n\tasync removeClassOnDefaultSlot() {\r\n\t\tconst slot = this.el.shadowRoot.querySelector(\r\n\t\t\t\"slot:not([name])\",\r\n\t\t) as HTMLSlotElement;\r\n\t\tconst assignedElements = slot.assignedElements();\r\n\r\n\t\tassignedElements.forEach((ele) => {\r\n\t\t\tele.classList.contains(\"event-podcast\") &&\r\n\t\t\t\tele.classList.remove(\"event-podcast\");\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tpart=\"card-bottom\"\r\n\t\t\t\tclass={classMap}\r\n\t\t\t\tonMouseEnter={this.hoverEventHandler.bind(this)}\r\n\t\t\t\tonMouseLeave={this.leaveEventHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"slot-content\"></slot>\r\n\t\t\t\t<div class=\"ptc-card-bottom-wrapper\">\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: this.cardType ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BAFQzqq2.js → p-DyAVOdhn.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BYSv8uGQ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
 import { R as ResponsiveBgVariables } from './p-La9TS7bL.js';
 const ptcImgCss = ".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}.z-index-auto{z-index:auto}.z-index-n-1{z-index:-1}.z-index-n-2{z-index:-2}.z-index-p-1{z-index:1}.z-index-p-2{z-index:2}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";
@@ -188,6 +188,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImg as P, defineCustomElement as d };
-//# sourceMappingURL=p-BAFQzqq2.js.map
+//# sourceMappingURL=p-DyAVOdhn.js.map
-//# sourceMappingURL=p-BAFQzqq2.js.map
+//# sourceMappingURL=p-DyAVOdhn.js.map

package/dist/components/{p-BAFQzqq2.js.map → p-DyAVOdhn.js.map} RENAMED Viewed

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