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-CCqg7df1.js.map → p-D9wrQ8dk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CCqg7df1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as ;\r\n@use 'utilities' as ;\r\n@use 'links' as ;\r\n@use 'mixins' as ;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) {\r\n .content-container {\r\n @include screen-md {\r\n padding-top: 20px;\r\n padding-bottom: 16px;\r\n }\r\n }\r\n}\r\n\r\n.parent {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n background-color: transparent;\r\n margin-top: 24px;\r\n display: flex;\r\n width: 152px;\r\n height: max-content;\r\n\r\n img {\r\n box-sizing: border-box;\r\n max-width: 100%;\r\n height: 100%;\r\n max-height: 64.02px;\r\n }\r\n}\r\n\r\n.hp-adjustments {\r\n background-color: var(--color-black);\r\n height: auto;\r\n min-height: 640px !important;\r\n max-height: -webkit-fill-available;\r\n @media (min-height: 640px) {\r\n min-height: 72vh !important;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 3 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .div2 {\r\n display: flex;\r\n }\r\n\r\n .bg-overlay {\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important;\r\n }\r\n\r\n @include screen-md {\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n .bg-overlay {\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important;\r\n }\r\n }\r\n\r\n .div1,\r\n .main-content-items {\r\n transition: opacity ease-out 250ms;\r\n opacity: 1;\r\n }\r\n\r\n &.transitioning {\r\n .div1,\r\n .main-content-items {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n.div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile-media-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n}\r\n\r\n.gif-bg {\r\n background-color: #f3f3f3;\r\n\r\n img {\r\n width: 100%;\r\n height: auto;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.video-ratio {\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n\r\n.div2 {\r\n grid-area: 2 / 1 / 3 / 2;\r\n position: relative;\r\n}\r\n\r\n.bg-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.content-layout {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include screen-md {\r\n flex-direction: row;\r\n }\r\n\r\n &.hp-container {\r\n width: 100%;\r\n margin-top: 120px;\r\n margin-bottom: 120px;\r\n\r\n @media screen and (min-width: 768px) and (max-width: 992px) {\r\n max-width: 720px;\r\n margin-left: unset;\r\n margin-top: 160px;\r\n margin-bottom: 160px;\r\n }\r\n\r\n @include screen-lg {\r\n width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n width: 1200px;\r\n }\r\n\r\n .gap-adjustment {\r\n margin-bottom: unset;\r\n }\r\n }\r\n\r\n &.blog-container {\r\n padding-bottom: 48px;\r\n\r\n @include screen-sm {\r\n padding-bottom: 100px;\r\n }\r\n\r\n @include screen-md {\r\n gap: 43px;\r\n padding-top: 75px;\r\n\r\n max-width-container {\r\n width: 50%;\r\n }\r\n\r\n div.desktop-media-image {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .gap-adjustment {\r\n gap: var(--ptc-element-spacing-07);\r\n margin-bottom: unset;\r\n }\r\n }\r\n}\r\n\r\n.gap-adjustment {\r\n gap: var(--ptc-element-spacing-04);\r\n margin-bottom: var(--ptc-element-spacing-07);\r\n\r\n @include screen-md {\r\n gap: var(--ptc-element-spacing-07);\r\n }\r\n}\r\n\r\n.text-adjustment {\r\n justify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n width: 40%;\r\n display: none;\r\n\r\n @include screen-md {\r\n display: block;\r\n }\r\n}\r\n\r\n.desk-gif-adjustment {\r\n z-index: 3;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: flex;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@include screen-md {\r\n .parent {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n min-height: 500px;\r\n position: relative;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n\r\n .div2 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n align-self: center;\r\n //dont set the div2 to be relative, it will affect the background overlay\r\n position: unset;\r\n }\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n .parent {\r\n min-height: 120px;\r\n padding: 48px 0 24px 0;\r\n\r\n .text-adjustment {\r\n margin-bottom: 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .logo-frame {\r\n justify-self: center;\r\n justify-content: center;\r\n }\r\n }\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n ::slotted(ptc-svg-btn) {\r\n position: absolute;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n\r\n max-width-container {\r\n @include screen-md {\r\n box-sizing: border-box;\r\n padding-right: 2rem;\r\n }\r\n }\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n #header-blog-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: var(--ptc-layout-spacing-04);\r\n }\r\n\r\n #header-blog-author .image {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n\r\n #header-blog-author .image img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-circle);\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n .blog-author-name {\r\n color: inherit;\r\n text-decoration: none;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n position: relative;\r\n }\r\n\r\n .blog-author-name:before {\r\n content: '';\r\n position: absolute;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 16px;\r\n margin: -16px;\r\n }\r\n\r\n .blog-author-name:hover {\r\n color: inherit;\r\n cursor: pointer;\r\n text-decoration-line: underline;\r\n text-decoration-style: solid;\r\n text-decoration-color: var(--color-green-07);\r\n text-decoration-thickness: 2px;\r\n text-underline-offset: 4px;\r\n }\r\n\r\n .blog-author-name:focus-visible {\r\n @include focus-state;\r\n }\r\n\r\n .image-container {\r\n background: white;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n max-height: 360px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n ptc-picture {\r\n width: 100%;\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n\r\n .desktop-media-image {\r\n display: none;\r\n\r\n ptc-picture {\r\n height: 100%;\r\n max-height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n // padding-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .mobile-media-image {\r\n margin: 75px 24px 32px 24px;\r\n display: flex;\r\n\r\n ptc-picture {\r\n height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.dl-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n .mobile-modal-play-btn {\r\n ::slotted(ptc-svg-btn) {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n }\r\n}\r\n\r\nptc-info-tile {\r\n &:focus-visible {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n .bg-overlay {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n box-sizing: border-box;\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" \| \"center\" \| \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\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 * delay loading of video to improve perfomance\r\n\t /\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" \|\|\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/ breadcrumb /}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/ added sub title slot for homepage jumbotron May, 2024 /}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ description /}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" \|\| this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/ <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> /}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog date /}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog author /}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ button div /}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/ popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\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\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t// const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t// const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t// if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t// videoEle.style.paddingBottom = '500px';\r\n\t// } else {\r\n\t// !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t// }\r\n\t// }\r\n}\r\n"],"version":3}
1	+ {"file":"p-D9wrQ8dk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-jumbotron/ptc-jumbotron.scss?tag=ptc-jumbotron&encapsulation=shadow","src/components/molecules/ptc-jumbotron/ptc-jumbotron.tsx"],"sourcesContent":["@use 'containers' as ;\r\n@use 'utilities' as ;\r\n@use 'links' as ;\r\n@use 'mixins' as ;\r\n\r\n// @import \"../../global/style/containers.scss\";\r\n// @import \"../../global/style/utilities.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) {\r\n .content-container {\r\n @include screen-md {\r\n padding-top: 20px;\r\n padding-bottom: 16px;\r\n }\r\n }\r\n}\r\n\r\n.parent {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.logo-frame {\r\n background-color: transparent;\r\n margin-top: 24px;\r\n display: flex;\r\n width: 152px;\r\n height: max-content;\r\n\r\n img {\r\n box-sizing: border-box;\r\n max-width: 100%;\r\n height: 100%;\r\n max-height: 64.02px;\r\n }\r\n}\r\n\r\n.hp-adjustments {\r\n background-color: var(--color-black);\r\n height: auto;\r\n min-height: 640px !important;\r\n max-height: -webkit-fill-available;\r\n @media (min-height: 640px) {\r\n min-height: 72vh !important;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 3 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .div2 {\r\n display: flex;\r\n }\r\n\r\n .bg-overlay {\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important;\r\n }\r\n\r\n @include screen-md {\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n .bg-overlay {\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important;\r\n }\r\n }\r\n\r\n .div1,\r\n .main-content-items {\r\n transition: opacity ease-out 250ms;\r\n opacity: 1;\r\n }\r\n\r\n &.transitioning {\r\n .div1,\r\n .main-content-items {\r\n opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n.div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: 300px;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile-media-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n}\r\n\r\n.gif-bg {\r\n background-color: #f3f3f3;\r\n\r\n img {\r\n width: 100%;\r\n height: auto;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.video-ratio {\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n\r\n.div2 {\r\n grid-area: 2 / 1 / 3 / 2;\r\n position: relative;\r\n}\r\n\r\n.bg-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.content-layout {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include screen-md {\r\n flex-direction: row;\r\n }\r\n\r\n &.hp-container {\r\n width: 100%;\r\n margin-top: 120px;\r\n margin-bottom: 120px;\r\n\r\n @media screen and (min-width: 768px) and (max-width: 992px) {\r\n max-width: 720px;\r\n margin-left: unset;\r\n margin-top: 160px;\r\n margin-bottom: 160px;\r\n }\r\n\r\n @include screen-lg {\r\n width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n width: 1200px;\r\n }\r\n\r\n .gap-adjustment {\r\n margin-bottom: unset;\r\n }\r\n }\r\n\r\n &.blog-container {\r\n padding-bottom: 48px;\r\n\r\n @include screen-sm {\r\n padding-bottom: 100px;\r\n }\r\n\r\n @include screen-md {\r\n gap: 43px;\r\n padding-top: 75px;\r\n\r\n max-width-container {\r\n width: 50%;\r\n }\r\n\r\n div.desktop-media-image {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .gap-adjustment {\r\n gap: var(--ptc-element-spacing-07);\r\n margin-bottom: unset;\r\n }\r\n }\r\n}\r\n\r\n.gap-adjustment {\r\n gap: var(--ptc-element-spacing-04);\r\n margin-bottom: var(--ptc-element-spacing-07);\r\n\r\n @include screen-md {\r\n gap: var(--ptc-element-spacing-07);\r\n }\r\n}\r\n\r\n.text-adjustment {\r\n justify-content: center;\r\n}\r\n\r\n.desktop-media-image {\r\n width: 40%;\r\n display: none;\r\n\r\n @include screen-md {\r\n display: block;\r\n }\r\n}\r\n\r\n.desk-gif-adjustment {\r\n z-index: 3;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n @include screen-md {\r\n display: flex;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@include screen-md {\r\n .parent {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr;\r\n grid-column-gap: 0px;\r\n grid-row-gap: 0px;\r\n min-height: 500px;\r\n position: relative;\r\n }\r\n\r\n .div1 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n min-height: unset;\r\n }\r\n\r\n .div2 {\r\n grid-area: 1 / 1 / 2 / 2;\r\n align-self: center;\r\n //dont set the div2 to be relative, it will affect the background overlay\r\n position: unset;\r\n }\r\n}\r\n\r\n:host(.text-jumbotron) {\r\n .parent {\r\n min-height: 120px;\r\n padding: 48px 0 24px 0;\r\n\r\n .text-adjustment {\r\n margin-bottom: 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .logo-frame {\r\n justify-self: center;\r\n justify-content: center;\r\n }\r\n }\r\n}\r\n\r\n:host(.png-jumbotron) {\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n ::slotted(ptc-svg-btn) {\r\n position: absolute;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n\r\n max-width-container {\r\n @include screen-md {\r\n box-sizing: border-box;\r\n padding-right: 2rem;\r\n }\r\n }\r\n}\r\n\r\n:host(.blog-jumbotron) {\r\n #header-blog-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: var(--ptc-layout-spacing-04);\r\n }\r\n\r\n #header-blog-author .image {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n\r\n #header-blog-author .image img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--ptc-border-radius-circle);\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n\r\n .blog-author-name {\r\n color: inherit;\r\n text-decoration: none;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n position: relative;\r\n }\r\n\r\n .blog-author-name:before {\r\n content: '';\r\n position: absolute;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n padding: 16px;\r\n margin: -16px;\r\n }\r\n\r\n .blog-author-name:hover {\r\n color: inherit;\r\n cursor: pointer;\r\n text-decoration-line: underline;\r\n text-decoration-style: solid;\r\n text-decoration-color: var(--color-green-07);\r\n text-decoration-thickness: 2px;\r\n text-underline-offset: 4px;\r\n }\r\n\r\n .blog-author-name:focus-visible {\r\n @include focus-state;\r\n }\r\n\r\n .image-container {\r\n background: white;\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n\r\n .desktop-media-image,\r\n .mobile-media-image {\r\n position: relative;\r\n\r\n .media-image-wrapper {\r\n height: 100%;\r\n max-height: 360px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n ptc-picture {\r\n width: 100%;\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n\r\n .desktop-media-image {\r\n display: none;\r\n\r\n ptc-picture {\r\n height: 100%;\r\n max-height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n // padding-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .mobile-media-image {\r\n margin: 75px 24px 32px 24px;\r\n display: flex;\r\n\r\n ptc-picture {\r\n height: 360px;\r\n }\r\n\r\n @include screen-md {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.dl-img-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n:host(.dark-video-jumbotron),\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron),\r\n:host(.dark-jumbotron) {\r\n .mobile-modal-play-btn {\r\n ::slotted(ptc-svg-btn) {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n }\r\n}\r\n\r\nptc-info-tile {\r\n &:focus-visible {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n}\r\n\r\n:host(.light-video-jumbotron),\r\n:host(.light-jumbotron) {\r\n .bg-overlay {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n box-sizing: border-box;\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-jumbotron\",\r\n\tstyleUrl: \"ptc-jumbotron.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcJumbotron {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() jumbotronType: string = \"light\";\r\n\r\n\t@Prop() hasPopupVideo: boolean = false;\r\n\r\n\t@Prop() mainTitle: string = \"Lorem Ipsum Dolor Sit Amet Consectetur\";\r\n\r\n\t@Prop() subTitle: string =\r\n\t\t\"Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet\";\r\n\r\n\t@Prop() pngSrc?: string;\r\n\r\n\t@Prop() pngImgStyles?: string = \"\";\r\n\r\n\t@Prop() gifSrc?: string;\r\n\r\n\t@Prop() bgVideoSrc?: string;\r\n\r\n\t@Prop() bgVideoPosterSrc?: string;\r\n\r\n\t@Prop() bgSrc?: string;\r\n\r\n\t@Prop() isIframe?: boolean = false;\r\n\r\n\t@Prop() isHomepage?: boolean = false;\r\n\r\n\t@Prop() playButtonTitle?: string;\r\n\r\n\t@Prop() pauseButtonTitle?: string;\r\n\r\n\t@Prop() buttonLocation?: string;\r\n\r\n\t@Prop() buttonTabIndex: number = 0;\r\n\r\n\t@State() contentBackground: string;\r\n\r\n\t@State() contentColor: string;\r\n\r\n\t@State() textAlign: \"left\" \| \"center\" \| \"right\" = \"left\";\r\n\r\n\t@State() isMobile: boolean;\r\n\r\n\t@Prop() isTransitioning: boolean;\r\n\r\n\t@Prop() blogAuthorImage: string = \"\";\r\n\r\n\t@Prop() blogAuthorImageAlt: string = \"\";\r\n\r\n\t@Prop() blogAuthorName: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryHref: string = \"\";\r\n\r\n\t@Prop() blogAuthorQueryTarget: string = \"\";\r\n\r\n\t@Prop() hasCountdown: boolean = false;\r\n\r\n\t@Prop() logo?: string = \"\";\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 * delay loading of video to improve perfomance\r\n\t /\r\n\t@Prop() defer: boolean;\r\n\r\n\t//For checking if the cta slot is empty\r\n\t@Prop({ mutable: true }) hasCtaSlot: boolean;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasCtaSlot = !!this.el.querySelector('[slot=\"j-cta\"]');\r\n\t}\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.getContentBackground();\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\t//this.adjustJumbotronHeight();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.getContentBackground();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tlet mediaElement: any;\r\n\t\tswitch (this.jumbotronType) {\r\n\t\t\tcase \"png\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture src={this.pngSrc}></ptc-picture>\r\n\t\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"blog\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image\">\r\n\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gif\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class=\"mobile-media-image gif-bg\">\r\n\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark-video\":\r\n\t\t\tcase \"light-video\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-background-video\r\n\t\t\t\t\t\tclass=\"video-ratio\"\r\n\t\t\t\t\t\toverlay={false}\r\n\t\t\t\t\t\tvideo-src={this.bgVideoSrc}\r\n\t\t\t\t\t\tisIframe={this.isIframe}\r\n\t\t\t\t\t\tplay-button-title={this.playButtonTitle}\r\n\t\t\t\t\t\tpause-button-title={this.pauseButtonTitle}\r\n\t\t\t\t\t\tbutton-location={this.buttonLocation}\r\n\t\t\t\t\t\tbutton-tab-index={this.buttonTabIndex}\r\n\t\t\t\t\t\tdefer={this.defer}\r\n\t\t\t\t\t\tposterSrc={this.bgVideoPosterSrc}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</ptc-background-video>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dark\":\r\n\t\t\tcase \"light\":\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<div class={\"dl-img-wrap\"}>\r\n\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t{this.hasPopupVideo && this.isMobile ? (\r\n\t\t\t\t\t\t\t<div class=\"mobile-modal-play-btn\">\r\n\t\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tmediaElement = (\r\n\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\timg-url={this.bgSrc}\r\n\t\t\t\t\t\tstyles=\".smart-bg{background-position:right !important;}\"\r\n\t\t\t\t\t></ptc-img>\r\n\t\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={{\r\n\t\t\t\t\t\tparent: true,\r\n\t\t\t\t\t\t\"light-links\":\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark\" \|\|\r\n\t\t\t\t\t\t\tthis.jumbotronType === \"dark-video\",\r\n\t\t\t\t\t\t\"hp-adjustments\": this.isHomepage,\r\n\t\t\t\t\t\ttransitioning: this.isTransitioning,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`div1 image-container ${this.jumbotronType === \"text\" ? \"hidden\" : \"\"}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{mediaElement}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"div2 content-container\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"bg-overlay\"\r\n\t\t\t\t\t\t\tstyle={{ background: this.contentBackground }}\r\n\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\"ptc-container\": true,\r\n\t\t\t\t\t\t\t\t\"content-layout\": true,\r\n\t\t\t\t\t\t\t\t\"hp-container\": this.isHomepage,\r\n\t\t\t\t\t\t\t\t\"blog-container\": this.jumbotronType === \"blog\",\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<max-width-container\r\n\t\t\t\t\t\t\t\tmax-width-p=\"60\"\r\n\t\t\t\t\t\t\t\tbreakpoint={992}\r\n\t\t\t\t\t\t\t\tcontent-align={\r\n\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t: this.textAlign\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstyles=\":host{z-index: 999}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{/ breadcrumb /}\r\n\t\t\t\t\t\t\t\t<slot name=\"breadcrumb\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.logo && (\r\n\t\t\t\t\t\t\t\t\t<div class=\"logo-frame\">\r\n\t\t\t\t\t\t\t\t\t\t<img alt=\"Logo\" src={this.logo}></img>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t<span class=\"main-content-items\">\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\r\n\t\t\t\t\t\t\t\t\t<slot name=\"main-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{/ added sub title slot for homepage jumbotron May, 2024 /}\r\n\t\t\t\t\t\t\t\t\t<slot name=\"hp-sub-title\"></slot>\r\n\t\t\t\t\t\t\t\t\t{(this.jumbotronType !== \"text\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t(this.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.subTitle)) &&\r\n\t\t\t\t\t\t\t\t\t\t!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ description /}\r\n\t\t\t\t\t\t\t\t\t{!this.isHomepage && (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`p{color: ${this.contentColor}!important;}`}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-size={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\" &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.isMobile\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-margin={`${this.jumbotronType === \"text\" \|\| this.jumbotronType === \"blog\" ? \"margin-flush\" : \"margin-bottom-6\"}`}\r\n\t\t\t\t\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\tpara-align={\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.jumbotronType === \"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"center\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"left\"\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode={true}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\t\t\t\t\t\tinnerHTML={this.subTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ margin: \"0\" }}\r\n\t\t\t\t\t\t\t\t\t\t\t></p>\r\n\t\t\t\t\t\t\t\t\t\t\t{/ <ptc-tooltip text-lines=\"8\" description={this.subTitle} position=\"right\" styles={`.ellipsis-by-line-boxing{color: ${this.contentColor};}`}></ptc-tooltip> /}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog date /}\r\n\t\t\t\t\t\t\t\t\t\t\t<p style={{ margin: \"0\" }}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<slot name=\"blog-date\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{/ Blog author /}\r\n\t\t\t\t\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"header-blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"blog-author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImageAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorImage\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"blog-author-name mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryHref\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorQueryTarget\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Other blogs by author\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.blogAuthorName\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{/ button div /}\r\n\t\t\t\t\t\t\t\t\t{this.hasCtaSlot && (\r\n\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\tclass={`u-flex u-flex-wrap gap-adjustment${this.jumbotronType === \"text\" ? \" text-adjustment\" : \"\"}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"j-cta\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</max-width-container>\r\n\r\n\t\t\t\t\t\t\t{/ popup video */}\r\n\t\t\t\t\t\t\t{this.hasPopupVideo &&\r\n\t\t\t\t\t\t\tthis.jumbotronType !== \"png\" ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.hasCountdown ? (\r\n\t\t\t\t\t\t\t\t<slot name=\"countdown\"></slot>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"png\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={`img {${this.pngImgStyles}}`}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t{this.hasPopupVideo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"video\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"gif\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image desk-gif-adjustment\">\r\n\t\t\t\t\t\t\t\t\t<img src={this.gifSrc} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{this.jumbotronType === \"blog\" ? (\r\n\t\t\t\t\t\t\t\t<div class=\"desktop-media-image\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"media-image-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={this.pngSrc}\r\n\t\t\t\t\t\t\t\t\t\t\tstyles={\"img {height: 100%;}\"}\r\n\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</div>\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\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t\t\"text-jumbotron\": this.jumbotronType === \"text\" ? true : false,\r\n\t\t\t\"png-jumbotron\": this.jumbotronType === \"png\" ? true : false,\r\n\t\t\t\"blog-jumbotron\": this.jumbotronType === \"blog\" ? true : false,\r\n\t\t\t\"gif-jumbotron\": this.jumbotronType === \"gif\" ? true : false,\r\n\t\t\t\"dark-video-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark-video\" ? true : false,\r\n\t\t\t\"light-video-jumbotron\":\r\n\t\t\t\tthis.jumbotronType === \"light-video\" ? true : false,\r\n\t\t\t\"dark-jumbotron light-links\":\r\n\t\t\t\tthis.jumbotronType === \"dark\" ? true : false,\r\n\t\t\t\"light-jumbotron\": this.jumbotronType === \"light\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getContentBackground() {\r\n\t\tif (window.innerWidth < 992) {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-white)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground = \"var(--color-gray-09)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = true;\r\n\t\t} else {\r\n\t\t\tswitch (this.jumbotronType) {\r\n\t\t\t\tcase \"light\":\r\n\t\t\t\tcase \"light-video\":\r\n\t\t\t\tcase \"png\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"dark\":\r\n\t\t\t\tcase \"dark-video\":\r\n\t\t\t\t\tthis.contentBackground =\r\n\t\t\t\t\t\t\"linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-01)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"gif\":\r\n\t\t\t\t\tthis.contentBackground = \"#F3F3F3\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"blog\":\r\n\t\t\t\t\tthis.contentBackground = \"white\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.contentBackground = \"transparent\";\r\n\t\t\t\t\tthis.contentColor = \"var(--color-gray-10)\";\r\n\t\t\t}\r\n\t\t\tthis.isMobile = false;\r\n\t\t}\r\n\t}\r\n\r\n\t// private adjustJumbotronHeight() {\r\n\t// const contentContainerH: number = this.el.shadowRoot.querySelector('.content-container').clientHeight;\r\n\t// const videoEle: HTMLElement = !!this.el.shadowRoot.querySelector('.video-ratio') ? this.el.shadowRoot.querySelector('.video-ratio') : null;\r\n\t// if (contentContainerH < 500 && videoEle && !this.isMobile) {\r\n\t// videoEle.style.paddingBottom = '500px';\r\n\t// } else {\r\n\t// !!videoEle ? (videoEle.style.paddingBottom = '') : null;\r\n\t// }\r\n\t// }\r\n}\r\n"],"version":3}

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

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

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

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

package/dist/components/{p-Dyw2MsIT.js → p-DJsnOZz1.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BYSv8uGQ.js';
-import { d as defineCustomElement$1 } from './p-fw8Vl3vu.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { d as defineCustomElement$1 } from './p-CDH04Z6-.js';
 const ptcFilterDropdownCss = ":host{display:block;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:var(--ptc-element-spacing-01) 14px var(--ptc-element-spacing-01) 14px;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown .dropdown-menu .filter-btns .clear-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:\"\";height:20px;width:20px;position:absolute;left:0;top:0;display:none}";
@@ -153,6 +153,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcFilterDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-Dyw2MsIT.js.map
+//# sourceMappingURL=p-DJsnOZz1.js.map
-//# sourceMappingURL=p-Dyw2MsIT.js.map
+//# sourceMappingURL=p-DJsnOZz1.js.map

package/dist/components/{p-Dyw2MsIT.js.map → p-DJsnOZz1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Dyw2MsIT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.scss?tag=ptc-filter-dropdown&encapsulation=shadow","src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\t// padding: 0.5rem;\r\n\t\t\tpadding: var(--ptc-element-spacing-01) 14px\r\n\t\t\t\tvar(--ptc-element-spacing-01) 14px;\r\n\t\t\tborder: 1px solid var(--color-gray-05);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t// min-height: 34px;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\t.dropdown-filter-name {\r\n\t\t\t\t\tpadding-left: 10px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\r\n\t\t\t\t\tword-break: break-word;\r\n\t\t\t\t\thyphens: manual;\r\n\t\t\t\t\t-webkit-hyphens: manual;\r\n\t\t\t\t\t-moz-hyphens: manual;\r\n\t\t\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\t\t\thyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t/ For Safari /\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t/ For Safari */\r\n\r\n\t\t\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.caret {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\r\n\t\t.dropdown-menu {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\toverflow-y: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tmargin-top: 8px;\r\n\t\t\tmin-width: 278px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttransition: max-height 0.25s ease-out;\r\n\t\t\tz-index: 2000;\r\n\r\n\t\t\tmax-height: 1000px;\r\n\r\n\t\t\t.filter-list {\r\n\t\t\t\tpadding: 24px 24px 16px 24px;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t.filter-btns {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding: 16px 24px;\r\n\r\n\t\t\t\t.clear-btn {\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:focus-visible {\r\n\t\t\t\t\t\t@include base-focus-state;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 500;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tline-height: 1.5;\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: manual;\r\n\t\t-moz-hyphens: manual;\r\n\t\t-ms-hyphens: manual;\r\n\t\thyphens: manual;\r\n\t\tinput {\r\n\t\t\tmargin-right: 10px;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// input[type='checkbox'] {\r\n\t\t// cursor: pointer;\r\n\t\t// height: 0;\r\n\t\t// opacity: 0;\r\n\t\t// position: absolute;\r\n\t\t// width: 0;\r\n\t\t// margin: 0;\r\n\t\t// &:checked~.checkmark{\r\n\t\t// background-color: #1f2024;\r\n\t\t// &::after{\r\n\t\t// display: block;\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\r\n\t\t.checkmark {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #1f2024;\r\n\t\t\tborder-radius: 0.4rem;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');\r\n\t\t\t\tbackground-position: 50%;\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 75% 100%;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 20px;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tState,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-dropdown\",\r\n\tstyleUrl: \"ptc-filter-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@State() selectedOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Prop() selectedTag: string;\r\n\t@Prop() styles?: string;\r\n\t@Event() selectedFilterValues: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\tdropdownPlaceholder: any;\r\n\r\n\t@Method()\r\n\tasync clearFilterSelection() {\r\n\t\tlet self = this;\r\n\t\tself.clearFilter();\r\n\t}\r\n\r\n\t@Method() async setSelectedItem(\r\n\t\ttabId: string,\r\n\t\ttagName: string,\r\n\t\tvalue: string,\r\n\t) {\r\n\t\tconst isExistingOption = (this.selectedOptions \|\| []).find(\r\n\t\t\t(opt) =>\r\n\t\t\t\topt.tabId === tabId &&\r\n\t\t\t\topt.tagName === tagName &&\r\n\t\t\t\topt.value === value,\r\n\t\t);\r\n\t\tif (!isExistingOption) {\r\n\t\t\tthis.selectedOptions = [\r\n\t\t\t\t...(this.selectedOptions \|\| []),\r\n\t\t\t\t{ tabId, tagName, value },\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\".dropdown-placeholder .dropdown-filter-name\",\r\n\t\t);\r\n\t}\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => ({\r\n\t\t\t\ttabId: option.getAttribute(\"tab-id\"),\r\n\t\t\t\tvalue: option.textContent,\r\n\t\t\t\ttagName: option.getAttribute(\"tag-name\"), // Store tag name in the options\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown(focusInput = false) {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tif (focusInput) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tclearFilter() {\r\n\t\tthis.selectedOptions = [];\r\n\t\tconst radioList = this.hostElement.shadowRoot.querySelectorAll(\r\n\t\t\t'.filter-list input[type=\"radio\"]',\r\n\t\t);\r\n\t\tradioList.forEach((radioItem) => {\r\n\t\t\tif (radioItem instanceof HTMLInputElement) {\r\n\t\t\t\tradioItem.checked = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent = this.placeholder;\r\n\t\t}\r\n\t\tthis.emitSelectedOptions(\"clearButton\");\r\n\t}\r\n\r\n\temitSelectedOptions(clickedButton?) {\r\n\t\t// debugger\r\n\t\tthis.selectedOptions = this.internalOptions\r\n\t\t\t.filter((option) => {\r\n\t\t\t\tconst id = option.tabId;\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\t`input[tab-id=\"${id}\"]:checked`,\r\n\t\t\t\t\t) !== null\r\n\t\t\t\t);\r\n\t\t\t})\r\n\t\t\t.map((option) => ({\r\n\t\t\t\ttabId: option.tabId,\r\n\t\t\t\tvalue: option.value,\r\n\t\t\t\ttagName: option.tagName,\r\n\t\t\t}));\r\n\r\n\t\tthis.selectedFilterValues.emit({\r\n\t\t\tsender: this,\r\n\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t});\r\n\t\tif (clickedButton == \"applyButton\") {\r\n\t\t\tthis.toggleDropdown();\r\n\t\t}\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent =\r\n\t\t\t\tthis.selectedOptions[0]?.value;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\thandleKeyDown(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.toggleDropdown(true); // Focus after Enter\r\n\t\t} else if (e.key === \"Tab\" && this.isOpen) {\r\n\t\t\t// Let browser do default tabbing, but also guide focus inside dropdown\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\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 class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle mf-listen\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown(true)}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\tthis.handleKeyDown(e);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t<strong>Filter: </strong>\r\n\t\t\t\t\t\t\t<span class=\"dropdown-filter-name\">\r\n\t\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"7\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 7\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M10.2426 1.24264L6 5.48528L1.75736 1.24264\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"#20262A\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t<ul class=\"filter-list\">\r\n\t\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t\t<li key={option.tabId}>\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"radio-label\"\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"theater-filter\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.some(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(item) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.value ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttab-id={option.tabId}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttag-name={option.tagName} // Include the tag name in the input\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t{option.value}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t\t\t<div class=\"filter-btns\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"clear-btn mf-listen\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => this.clearFilter()}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\")\r\n\t\t\t\t\t\t\t\t\t\t\tthis.clearFilter();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tClear\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\t\ttracker-id=\"filter-apply-cta\"\r\n\t\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-secondary\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tthis.emitSelectedOptions(\"applyButton\")\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tstyles=\" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tApply\r\n\t\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-DJsnOZz1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.scss?tag=ptc-filter-dropdown&encapsulation=shadow","src/components/molecules/ptc-filter-dropdown/ptc-filter-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\t// padding: 0.5rem;\r\n\t\t\tpadding: var(--ptc-element-spacing-01) 14px\r\n\t\t\t\tvar(--ptc-element-spacing-01) 14px;\r\n\t\t\tborder: 1px solid var(--color-gray-05);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t// min-height: 34px;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\t.dropdown-filter-name {\r\n\t\t\t\t\tpadding-left: 10px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\r\n\t\t\t\t\tword-break: break-word;\r\n\t\t\t\t\thyphens: manual;\r\n\t\t\t\t\t-webkit-hyphens: manual;\r\n\t\t\t\t\t-moz-hyphens: manual;\r\n\t\t\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\t\t\thyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t/ For Safari /\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t/ For Safari */\r\n\r\n\t\t\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.caret {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\r\n\t\t.dropdown-menu {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\toverflow-y: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tmargin-top: 8px;\r\n\t\t\tmin-width: 278px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttransition: max-height 0.25s ease-out;\r\n\t\t\tz-index: 2000;\r\n\r\n\t\t\tmax-height: 1000px;\r\n\r\n\t\t\t.filter-list {\r\n\t\t\t\tpadding: 24px 24px 16px 24px;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t.filter-btns {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding: 16px 24px;\r\n\r\n\t\t\t\t.clear-btn {\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:focus-visible {\r\n\t\t\t\t\t\t@include base-focus-state;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 500;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tline-height: 1.5;\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: manual;\r\n\t\t-moz-hyphens: manual;\r\n\t\t-ms-hyphens: manual;\r\n\t\thyphens: manual;\r\n\t\tinput {\r\n\t\t\tmargin-right: 10px;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// input[type='checkbox'] {\r\n\t\t// cursor: pointer;\r\n\t\t// height: 0;\r\n\t\t// opacity: 0;\r\n\t\t// position: absolute;\r\n\t\t// width: 0;\r\n\t\t// margin: 0;\r\n\t\t// &:checked~.checkmark{\r\n\t\t// background-color: #1f2024;\r\n\t\t// &::after{\r\n\t\t// display: block;\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\r\n\t\t.checkmark {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #1f2024;\r\n\t\t\tborder-radius: 0.4rem;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');\r\n\t\t\t\tbackground-position: 50%;\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 75% 100%;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 20px;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tState,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-filter-dropdown\",\r\n\tstyleUrl: \"ptc-filter-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcFilterDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@State() selectedOptions: {\r\n\t\ttabId: string;\r\n\t\tvalue: string;\r\n\t\ttagName: string;\r\n\t}[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Prop() selectedTag: string;\r\n\t@Prop() styles?: string;\r\n\t@Event() selectedFilterValues: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\tdropdownPlaceholder: any;\r\n\r\n\t@Method()\r\n\tasync clearFilterSelection() {\r\n\t\tlet self = this;\r\n\t\tself.clearFilter();\r\n\t}\r\n\r\n\t@Method() async setSelectedItem(\r\n\t\ttabId: string,\r\n\t\ttagName: string,\r\n\t\tvalue: string,\r\n\t) {\r\n\t\tconst isExistingOption = (this.selectedOptions \|\| []).find(\r\n\t\t\t(opt) =>\r\n\t\t\t\topt.tabId === tabId &&\r\n\t\t\t\topt.tagName === tagName &&\r\n\t\t\t\topt.value === value,\r\n\t\t);\r\n\t\tif (!isExistingOption) {\r\n\t\t\tthis.selectedOptions = [\r\n\t\t\t\t...(this.selectedOptions \|\| []),\r\n\t\t\t\t{ tabId, tagName, value },\r\n\t\t\t];\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.dropdownPlaceholder = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\".dropdown-placeholder .dropdown-filter-name\",\r\n\t\t);\r\n\t}\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => ({\r\n\t\t\t\ttabId: option.getAttribute(\"tab-id\"),\r\n\t\t\t\tvalue: option.textContent,\r\n\t\t\t\ttagName: option.getAttribute(\"tag-name\"), // Store tag name in the options\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown(focusInput = false) {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tif (focusInput) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tclearFilter() {\r\n\t\tthis.selectedOptions = [];\r\n\t\tconst radioList = this.hostElement.shadowRoot.querySelectorAll(\r\n\t\t\t'.filter-list input[type=\"radio\"]',\r\n\t\t);\r\n\t\tradioList.forEach((radioItem) => {\r\n\t\t\tif (radioItem instanceof HTMLInputElement) {\r\n\t\t\t\tradioItem.checked = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent = this.placeholder;\r\n\t\t}\r\n\t\tthis.emitSelectedOptions(\"clearButton\");\r\n\t}\r\n\r\n\temitSelectedOptions(clickedButton?) {\r\n\t\t// debugger\r\n\t\tthis.selectedOptions = this.internalOptions\r\n\t\t\t.filter((option) => {\r\n\t\t\t\tconst id = option.tabId;\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\t`input[tab-id=\"${id}\"]:checked`,\r\n\t\t\t\t\t) !== null\r\n\t\t\t\t);\r\n\t\t\t})\r\n\t\t\t.map((option) => ({\r\n\t\t\t\ttabId: option.tabId,\r\n\t\t\t\tvalue: option.value,\r\n\t\t\t\ttagName: option.tagName,\r\n\t\t\t}));\r\n\r\n\t\tthis.selectedFilterValues.emit({\r\n\t\t\tsender: this,\r\n\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t});\r\n\t\tif (clickedButton == \"applyButton\") {\r\n\t\t\tthis.toggleDropdown();\r\n\t\t}\r\n\t\tif (this.dropdownPlaceholder) {\r\n\t\t\tthis.dropdownPlaceholder.textContent =\r\n\t\t\t\tthis.selectedOptions[0]?.value;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\thandleKeyDown(e) {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tthis.toggleDropdown(true); // Focus after Enter\r\n\t\t} else if (e.key === \"Tab\" && this.isOpen) {\r\n\t\t\t// Let browser do default tabbing, but also guide focus inside dropdown\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tconst selected = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input:checked\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\tconst firstInput = this.hostElement.shadowRoot.querySelector(\r\n\t\t\t\t\t\".filter-list input\",\r\n\t\t\t\t) as HTMLElement;\r\n\t\t\t\t(selected \|\| firstInput)?.focus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\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 class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle mf-listen\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown(true)}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\tthis.handleKeyDown(e);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t<strong>Filter: </strong>\r\n\t\t\t\t\t\t\t<span class=\"dropdown-filter-name\">\r\n\t\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"7\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 7\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M10.2426 1.24264L6 5.48528L1.75736 1.24264\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"#20262A\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t<ul class=\"filter-list\">\r\n\t\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t\t<li key={option.tabId}>\r\n\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"radio-label\"\r\n\t\t\t\t\t\t\t\t\t\t\thtmlFor={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={option.value.replace(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/\\s+/g,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"theater-filter\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.some(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(item) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.value ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value,\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttab-id={option.tabId}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttag-name={option.tagName} // Include the tag name in the input\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t{option.value}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t\t\t<div class=\"filter-btns\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"clear-btn mf-listen\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => this.clearFilter()}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\")\r\n\t\t\t\t\t\t\t\t\t\t\tthis.clearFilter();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tClear\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\t\ttracker-id=\"filter-apply-cta\"\r\n\t\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"ptc-secondary\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tthis.emitSelectedOptions(\"applyButton\")\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tstyles=\" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tApply\r\n\t\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CIiOTRq1.js → p-DXifBMax.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 maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
@@ -75,6 +75,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { MaxWidthContainer as M, defineCustomElement as d };
-//# sourceMappingURL=p-CIiOTRq1.js.map
+//# sourceMappingURL=p-DXifBMax.js.map
-//# sourceMappingURL=p-CIiOTRq1.js.map
+//# sourceMappingURL=p-DXifBMax.js.map

package/dist/components/{p-CIiOTRq1.js.map → p-DXifBMax.js.map} RENAMED Viewed

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

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

@@ -1,6 +1,6 @@
-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 { i as isReducedMotion, n as nextUserInteractionEvent, o as onReducedMotionChange } from './p-DpFzAwLW.js';
-import { d as defineCustomElement$1 } from './p-2vJdGhxg.js';
+import { d as defineCustomElement$1 } from './p-BSMbwSEA.js';
 const ptcBackgroundVideoCss = ":host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;-o-object-fit:cover;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{-o-object-fit:cover;object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-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>')}:host .play-button button.bg-svg-pause{background-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>')}:host{display:block;position:relative}:host .media{position:absolute;inset:0;overflow:hidden}:host .background-video,:host .bg-fallback{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .bg-fallback{display:block}";
@@ -213,6 +213,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcBackgroundVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-SlS-Vuu1.js.map
+//# sourceMappingURL=p-DggZIpNT.js.map
-//# sourceMappingURL=p-SlS-Vuu1.js.map
+//# sourceMappingURL=p-DggZIpNT.js.map