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

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

package/dist/components/{p-D0flgWRD.js.map → p--dcl5u53.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D0flgWRD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n}\r\n\r\n.wrapper {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 500001;\r\n display: none;\r\n\r\n &.fixed {\r\n position: fixed;\r\n }\r\n\r\n .modal-popup {\r\n margin: 7.5rem auto 1rem;\r\n background-color: var(--color-white);\r\n box-shadow: var(--ptc-shadow-large);\r\n max-width: 22.5625rem;\r\n width: 80%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n align-content: flex-end;\r\n z-index: 50020;\r\n transform: translateY(-100%);\r\n\r\n @include screen-md {\r\n max-width: 29.125rem;\r\n }\r\n\r\n &.md {\r\n max-width: 44.125rem;\r\n }\r\n\r\n &.lg {\r\n max-width: 56.25rem;\r\n }\r\n\r\n &.xl {\r\n max-width: 64.0625rem;\r\n }\r\n\r\n &.max {\r\n width: Calc(100% - 4rem);\r\n max-width: 75rem;\r\n height: 80vh;\r\n margin: auto;\r\n overflow: hidden;\r\n\r\n .close {\r\n margin: var(--ptc-element-spacing-02);\r\n }\r\n\r\n .modal-body {\r\n iframe {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n &.sm-modal {\r\n width: 341px;\r\n max-width: 341px;\r\n\r\n @media only screen and (max-width: 360px) {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n // @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n // max-width: 433px;\r\n // width: 433px;\r\n // }\r\n\r\n // @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n // max-width: 620px;\r\n // width: 620px;\r\n // }\r\n\r\n &.modal-with-content {\r\n @media only screen and (min-width: 480px) {\r\n width: 371px;\r\n max-width: 371px;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n }\r\n }\r\n\r\n .modal-body {\r\n width: 100%;\r\n\r\n iframe {\r\n opacity: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n border: 0;\r\n transition: opacity var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n &.ready {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &.frame {\r\n overflow: hidden;\r\n overflow-y: hidden;\r\n overflow-x: hidden;\r\n }\r\n\r\n &.html {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n .modal-body.modern-scrollbar {\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n //box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n background: var(--color-gray-03);\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n }\r\n\r\n &.frame {\r\n .modal-body {\r\n display: flex;\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n margin-right: 2px;\r\n margin-top: 2px;\r\n }\r\n\r\n &.shadow-scroller {\r\n max-height: calc(100vh - 220px);\r\n\r\n @include screen-md {\r\n max-height: 756px;\r\n }\r\n\r\n .modal-header {\r\n transition: box-shadow ease-in-out 250ms;\r\n position: relative;\r\n min-height: 57px;\r\n border-bottom: 1px solid var(--color-gray-02);\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .modal-body {\r\n min-height: 200px;\r\n overflow-x: hidden;\r\n }\r\n\r\n .modal-footer {\r\n transition: box-shadow ease-in-out 250ms;\r\n width: 100%;\r\n min-height: 60px;\r\n border-top: 1px solid var(--color-gray-02);\r\n padding-top: 1rem;\r\n }\r\n\r\n &.scroll-top {\r\n .modal-header {\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n\r\n &.scroll-bottom {\r\n .modal-footer {\r\n box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.show {\r\n display: flex;\r\n align-items: flex-start;\r\n\r\n .modal-popup {\r\n transform: translateY(0);\r\n\r\n &.rounded {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.overlay {\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 50010;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n}\r\n\r\n:host(.large) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-large);\r\n }\r\n}\r\n\r\n:host(.pill) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n}\r\n\r\n:host(.circle) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n}\r\n\r\n:host(.enclose-modal) {\r\n .modal-popup {\r\n max-height: calc(100vh - 180px);\r\n\r\n &:not(.frame) .modal-body {\r\n overflow-y: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.bio-modal) {\r\n .wrapper.show {\r\n align-items: flex-start;\r\n\r\n @include screen-sm {\r\n align-items: center;\r\n }\r\n }\r\n\r\n .modal-popup {\r\n padding: 30px 15px 30px 0;\r\n max-width: 1200px;\r\n margin: 20px auto 0 auto;\r\n max-height: calc(100vh - 180px);\r\n width: 90%;\r\n height: 100%;\r\n\r\n .modal-body {\r\n height: 100%;\r\n\r\n @include screen-sm {\r\n height: auto;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n height: 100%;\r\n }\r\n }\r\n\r\n @include screen-sm {\r\n max-height: none;\r\n width: 80%;\r\n margin-top: 0px;\r\n height: auto;\r\n }\r\n\r\n @include screen-xl {\r\n max-width: 1400px;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n max-height: calc(100vh - 180px);\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n margin: 0;\r\n right: 8px;\r\n top: 8px;\r\n\r\n svg {\r\n .cls-1,\r\n .cls-2 {\r\n fill: none;\r\n stroke-width: 2px;\r\n }\r\n\r\n .cls-1 {\r\n stroke: #1c2439;\r\n stroke-linecap: square;\r\n }\r\n\r\n .cls-2 {\r\n stroke: #74c34d;\r\n }\r\n\r\n path {\r\n transition: all ease-in-out 250ms;\r\n }\r\n\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(175.5px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 141.393px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 162px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(149px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 174px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(152.5px, 135.5px);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.no-container) {\r\n .wrapper .modal-popup.xl {\r\n max-width: 80rem !important;\r\n background: transparent;\r\n box-shadow: none;\r\n }\r\n\r\n .wrapper .modal-popup .close {\r\n display: none;\r\n }\r\n}\r\n\r\n:host(.video-modal) {\r\n .modal-popup {\r\n margin: auto;\r\n\r\n &.xl {\r\n @media (max-height: 768px) {\r\n max-width: 56rem;\r\n }\r\n\r\n @media (max-height: 600px) {\r\n max-width: 44rem;\r\n }\r\n\r\n @media (max-height: 500px) {\r\n max-width: 35rem;\r\n }\r\n\r\n @media (max-height: 400px) {\r\n max-width: 26rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.event-listing) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: unset;\r\n width: calc(100% - 48px);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.vh-center) {\r\n .wrapper {\r\n .modal-popup {\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px auto;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.thank-you) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: calc(100% - 48px);\r\n width: 100%;\r\n\r\n @include screen-xs {\r\n max-width: 640px;\r\n width: 80%;\r\n }\r\n\r\n .modal-body {\r\n padding: 2px 24px 48px 24px;\r\n box-sizing: border-box;\r\n\r\n @include screen-md {\r\n padding: 2px 48px 48px 48px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host {\r\n .wrapper {\r\n .event-list-header {\r\n display: flex;\r\n position: absolute;\r\n width: 100%;\r\n height: 118px;\r\n left: 0;\r\n transform: translateY(-100%);\r\n border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;\r\n align-items: center;\r\n padding: var(--ptc-element-spacing-06);\r\n box-sizing: border-box;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 4px 4px 0px 0px;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);\r\n z-index: 1;\r\n }\r\n\r\n & + .close {\r\n margin-top: 0px;\r\n margin-right: 0px;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .text-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 0.5em;\r\n\r\n span {\r\n display: inline-block;\r\n color: var(--color-white);\r\n font-family: var(--ptc-font-latin);\r\n font-size: var(--ptc-font-size-x-large);\r\n font-weight: var(--ptc-font-weight-medium);\r\n line-height: var(--ptc-line-height-densest);\r\n position: relative;\r\n z-index: 2;\r\n\r\n &:first-of-type {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .event-mobile-modal {\r\n border-top-left-radius: 0px;\r\n border-top-right-radius: 0px;\r\n }\r\n\r\n .bottom-close {\r\n text-align: center;\r\n margin: 0 auto 40px auto;\r\n\r\n span {\r\n cursor: pointer;\r\n color: var(--color-hyperlink);\r\n font-size: var(--ptc-font-size-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n text-decoration-line: underline;\r\n line-height: var(--ptc-line-height-densest);\r\n &:hover {\r\n color: var(--color-blue-08);\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should hide header\r\n\t /\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/\r\n\t Use modern scrollbar styling for the modal body.\r\n\t /\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<any>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<any>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\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={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\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: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\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\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\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}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\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: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\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}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\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{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"version":3}
1	+ {"file":"p--dcl5u53.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-modal/ptc-modal.scss?tag=ptc-modal&encapsulation=shadow","src/components/atoms/ptc-modal/ptc-modal.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n display: block;\r\n}\r\n\r\n.wrapper {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 500001;\r\n display: none;\r\n\r\n &.fixed {\r\n position: fixed;\r\n }\r\n\r\n .modal-popup {\r\n margin: 7.5rem auto 1rem;\r\n background-color: var(--color-white);\r\n box-shadow: var(--ptc-shadow-large);\r\n max-width: 22.5625rem;\r\n width: 80%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n align-content: flex-end;\r\n z-index: 50020;\r\n transform: translateY(-100%);\r\n\r\n @include screen-md {\r\n max-width: 29.125rem;\r\n }\r\n\r\n &.md {\r\n max-width: 44.125rem;\r\n }\r\n\r\n &.lg {\r\n max-width: 56.25rem;\r\n }\r\n\r\n &.xl {\r\n max-width: 64.0625rem;\r\n }\r\n\r\n &.max {\r\n width: Calc(100% - 4rem);\r\n max-width: 75rem;\r\n height: 80vh;\r\n margin: auto;\r\n overflow: hidden;\r\n\r\n .close {\r\n margin: var(--ptc-element-spacing-02);\r\n }\r\n\r\n .modal-body {\r\n iframe {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n &.sm-modal {\r\n width: 341px;\r\n max-width: 341px;\r\n\r\n @media only screen and (max-width: 360px) {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n // @media only screen and (min-width: 480px) and (max-width: 767.55px) {\r\n // max-width: 433px;\r\n // width: 433px;\r\n // }\r\n\r\n // @media only screen and (min-width: 768px) and (max-width: 991.55px) {\r\n // max-width: 620px;\r\n // width: 620px;\r\n // }\r\n\r\n &.modal-with-content {\r\n @media only screen and (min-width: 480px) {\r\n width: 371px;\r\n max-width: 371px;\r\n }\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n }\r\n }\r\n\r\n .modal-body {\r\n width: 100%;\r\n\r\n iframe {\r\n opacity: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n border: 0;\r\n transition: opacity var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n &.ready {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &.frame {\r\n overflow: hidden;\r\n overflow-y: hidden;\r\n overflow-x: hidden;\r\n }\r\n\r\n &.html {\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n .modal-body.modern-scrollbar {\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n //box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n background: var(--color-gray-03);\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n }\r\n\r\n &.frame {\r\n .modal-body {\r\n display: flex;\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n margin-right: 2px;\r\n margin-top: 2px;\r\n }\r\n\r\n &.shadow-scroller {\r\n max-height: calc(100vh - 220px);\r\n\r\n @include screen-md {\r\n max-height: 756px;\r\n }\r\n\r\n .modal-header {\r\n transition: box-shadow ease-in-out 250ms;\r\n position: relative;\r\n min-height: 57px;\r\n border-bottom: 1px solid var(--color-gray-02);\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .modal-body {\r\n min-height: 200px;\r\n overflow-x: hidden;\r\n }\r\n\r\n .modal-footer {\r\n transition: box-shadow ease-in-out 250ms;\r\n width: 100%;\r\n min-height: 60px;\r\n border-top: 1px solid var(--color-gray-02);\r\n padding-top: 1rem;\r\n }\r\n\r\n &.scroll-top {\r\n .modal-header {\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n\r\n &.scroll-bottom {\r\n .modal-footer {\r\n box-shadow: 0px -8px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.show {\r\n display: flex;\r\n align-items: flex-start;\r\n\r\n .modal-popup {\r\n transform: translateY(0);\r\n\r\n &.rounded {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.overlay {\r\n width: 100vw;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 50010;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n:host(.standard) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-standard);\r\n }\r\n}\r\n\r\n:host(.large) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-large);\r\n }\r\n}\r\n\r\n:host(.pill) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-pill);\r\n }\r\n}\r\n\r\n:host(.circle) {\r\n .modal-popup {\r\n border-radius: var(--ptc-border-radius-circle);\r\n }\r\n}\r\n\r\n:host(.enclose-modal) {\r\n .modal-popup {\r\n max-height: calc(100vh - 180px);\r\n\r\n &:not(.frame) .modal-body {\r\n overflow-y: auto;\r\n }\r\n }\r\n}\r\n\r\n:host(.bio-modal) {\r\n .wrapper.show {\r\n align-items: flex-start;\r\n\r\n @include screen-sm {\r\n align-items: center;\r\n }\r\n }\r\n\r\n .modal-popup {\r\n padding: 30px 15px 30px 0;\r\n max-width: 1200px;\r\n margin: 20px auto 0 auto;\r\n max-height: calc(100vh - 180px);\r\n width: 90%;\r\n height: 100%;\r\n\r\n .modal-body {\r\n height: 100%;\r\n\r\n @include screen-sm {\r\n height: auto;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n height: 100%;\r\n }\r\n }\r\n\r\n @include screen-sm {\r\n max-height: none;\r\n width: 80%;\r\n margin-top: 0px;\r\n height: auto;\r\n }\r\n\r\n @include screen-xl {\r\n max-width: 1400px;\r\n }\r\n\r\n @media (max-height: 450px) {\r\n max-height: calc(100vh - 180px);\r\n height: 100%;\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n margin: 0;\r\n right: 8px;\r\n top: 8px;\r\n\r\n svg {\r\n .cls-1,\r\n .cls-2 {\r\n fill: none;\r\n stroke-width: 2px;\r\n }\r\n\r\n .cls-1 {\r\n stroke: #1c2439;\r\n stroke-linecap: square;\r\n }\r\n\r\n .cls-2 {\r\n stroke: #74c34d;\r\n }\r\n\r\n path {\r\n transition: all ease-in-out 250ms;\r\n }\r\n\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(175.5px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 141.393px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(175.5px, 135.5px);\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n .cls-1 {\r\n &:nth-child(1) {\r\n transform: translate(175.5px, 162px);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translate(149px, 174.985px);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translate(215.5px, 174px);\r\n }\r\n\r\n &:nth-child(4) {\r\n transform: translate(152.5px, 135.5px);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.no-container) {\r\n .wrapper .modal-popup.xl {\r\n max-width: 80rem !important;\r\n background: transparent;\r\n box-shadow: none;\r\n }\r\n\r\n .wrapper .modal-popup .close {\r\n display: none;\r\n }\r\n}\r\n\r\n:host(.video-modal) {\r\n .modal-popup {\r\n margin: auto;\r\n\r\n &.xl {\r\n @media (max-height: 768px) {\r\n max-width: 56rem;\r\n }\r\n\r\n @media (max-height: 600px) {\r\n max-width: 44rem;\r\n }\r\n\r\n @media (max-height: 500px) {\r\n max-width: 35rem;\r\n }\r\n\r\n @media (max-height: 400px) {\r\n max-width: 26rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host(.event-listing) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: unset;\r\n width: calc(100% - 48px);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.vh-center) {\r\n .wrapper {\r\n .modal-popup {\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0px auto;\r\n position: absolute;\r\n }\r\n }\r\n}\r\n\r\n:host(.thank-you) {\r\n .wrapper {\r\n .modal-popup {\r\n max-width: calc(100% - 48px);\r\n width: 100%;\r\n\r\n @include screen-xs {\r\n max-width: 640px;\r\n width: 80%;\r\n }\r\n\r\n .modal-body {\r\n padding: 2px 24px 48px 24px;\r\n box-sizing: border-box;\r\n\r\n @include screen-md {\r\n padding: 2px 48px 48px 48px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host {\r\n .wrapper {\r\n .event-list-header {\r\n display: flex;\r\n position: absolute;\r\n width: 100%;\r\n height: 118px;\r\n left: 0;\r\n transform: translateY(-100%);\r\n border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;\r\n align-items: center;\r\n padding: var(--ptc-element-spacing-06);\r\n box-sizing: border-box;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 4px 4px 0px 0px;\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);\r\n z-index: 1;\r\n }\r\n\r\n & + .close {\r\n margin-top: 0px;\r\n margin-right: 0px;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .text-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 0.5em;\r\n\r\n span {\r\n display: inline-block;\r\n color: var(--color-white);\r\n font-family: var(--ptc-font-latin);\r\n font-size: var(--ptc-font-size-x-large);\r\n font-weight: var(--ptc-font-weight-medium);\r\n line-height: var(--ptc-line-height-densest);\r\n position: relative;\r\n z-index: 2;\r\n\r\n &:first-of-type {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .event-mobile-modal {\r\n border-top-left-radius: 0px;\r\n border-top-right-radius: 0px;\r\n }\r\n\r\n .bottom-close {\r\n text-align: center;\r\n margin: 0 auto 40px auto;\r\n\r\n span {\r\n cursor: pointer;\r\n color: var(--color-hyperlink);\r\n font-size: var(--ptc-font-size-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n text-decoration-line: underline;\r\n line-height: var(--ptc-line-height-densest);\r\n &:hover {\r\n color: var(--color-blue-08);\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n}\r\n","import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should hide header\r\n\t /\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/\r\n\t Use modern scrollbar styling for the modal body.\r\n\t /\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<any>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<any>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\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={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\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</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\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</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\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: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\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\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\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}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\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: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\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}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\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{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"version":3}

package/dist/components/{p-CxIyQKOY.js → p-0Q6Pq_Nn.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const flTabContentCss = "";
@@ -43,6 +43,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabContent as F, defineCustomElement as d };
-//# sourceMappingURL=p-CxIyQKOY.js.map
+//# sourceMappingURL=p-0Q6Pq_Nn.js.map
-//# sourceMappingURL=p-CxIyQKOY.js.map
+//# sourceMappingURL=p-0Q6Pq_Nn.js.map

package/dist/components/{p-CxIyQKOY.js.map → p-0Q6Pq_Nn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CxIyQKOY~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,EAAE;;MCOb,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IACP,QAAQ,GAAY,KAAK;AACzB,IAAA,aAAa;IAErB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EACjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,iBAAiB,EAAA,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;;AAEjD,YAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAEjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.scss?tag=fl-tab-content&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.tsx"],"sourcesContent":["// :host {\r\n// display: none;\r\n\r\n// }\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n// :host(.selected){\r\n// display: block;\r\n// }\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-content\",\r\n\tstyleUrl: \"fl-tab-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabContent {\r\n\t/\r\n\t Tab content name, for identification\r\n\t /\r\n\t@Prop() nameKey: string;\r\n\t@Prop() selected: boolean = false;\r\n\t@Prop() onbeforematch: () => void;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-content ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"fl-content-wrap\"\r\n\t\t\t\t\t{...(!this.selected && { hidden: \"until-found\" })}\r\n\t\t\t\t\t/@ts-ignore /\r\n\t\t\t\t\tonBeforeMatch={this.onbeforematch}\r\n\t\t\t\t>\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-0Q6Pq_Nn.js","mappings":";;AAAA,MAAM,eAAe,GAAG,EAAE;;MCOb,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IACP,QAAQ,GAAY,KAAK;AACzB,IAAA,aAAa;IAErB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EACjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,iBAAiB,EAAA,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;;AAEjD,YAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAEjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.scss?tag=fl-tab-content&encapsulation=shadow","src/components/molecules/ptc-featured-list/fl-tab-content/fl-tab-content.tsx"],"sourcesContent":["// :host {\r\n// display: none;\r\n\r\n// }\r\n// :host(.init-active){\r\n// display: block;\r\n// }\r\n// :host(.selected){\r\n// display: block;\r\n// }\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-content\",\r\n\tstyleUrl: \"fl-tab-content.scss\",\r\n\tshadow: true,\r\n})\r\nexport class FlTabContent {\r\n\t/\r\n\t Tab content name, for identification\r\n\t /\r\n\t@Prop() nameKey: string;\r\n\t@Prop() selected: boolean = false;\r\n\t@Prop() onbeforematch: () => void;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`featured-content ${this.selected ? \"selected\" : \"\"}`}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"fl-content-wrap\"\r\n\t\t\t\t\t{...(!this.selected && { hidden: \"until-found\" })}\r\n\t\t\t\t\t/@ts-ignore /\r\n\t\t\t\t\tonBeforeMatch={this.onbeforematch}\r\n\t\t\t\t>\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-Hswf-bm5.js → p-4giqelZk.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcReadmoreCss = ":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-hyperlink)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";
@@ -256,6 +256,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcReadmore as P, defineCustomElement as d };
-//# sourceMappingURL=p-Hswf-bm5.js.map
+//# sourceMappingURL=p-4giqelZk.js.map
-//# sourceMappingURL=p-Hswf-bm5.js.map
+//# sourceMappingURL=p-4giqelZk.js.map

package/dist/components/{p-Hswf-bm5.js.map → p-4giqelZk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Hswf-bm5.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\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&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\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<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-4giqelZk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\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&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\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<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CjoILd-A.js → p-B-jFihXq.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-import { r as renderSvg } from './p-BG9NFXDY.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
+import { r as renderSvg } from './p-D48KXt4a.js';
 const closeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQyIDQxLjQ4NSI+DQogICAgPGcgaWQ9Ikdyb3VwXzEwNDIiIGRhdGEtbmFtZT0iR3JvdXAgMTA0MiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDEwOC4yNSA4Ny45OTMpIj4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDQ2IiBkPSJNMCAwdjM5LjQ4NiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ2Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0NyIgZD0iTTAgMGg0MCIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ3Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0OCIgZD0iTTAgMzMuNTkyVjAiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJMaW5lIDQ0OCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NDkiIGQ9Ik0yMy45OTQgMEgwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iTGluZSA0NDkiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDUwIiBkPSJNMCAwbDE3LjU5NiAxNy41OTYiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjIyOSAxNDcuMjI2KSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NTEiIGQ9Ik0wIDcuMTk4TDcuMTk5IDAiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk3LjU1IDE0Ny4zMTIpIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJQYXRoXzExNCIgZD0iTTAgNy4yTDcuMiAwIiBjbGFzcz0iY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Ny4zMTMgMTU3LjU0OSkiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=';
@@ -81,6 +81,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSvgBtn as P, defineCustomElement as d };
-//# sourceMappingURL=p-CjoILd-A.js.map
+//# sourceMappingURL=p-B-jFihXq.js.map
-//# sourceMappingURL=p-CjoILd-A.js.map
+//# sourceMappingURL=p-B-jFihXq.js.map

package/dist/components/{p-CjoILd-A.js.map → p-B-jFihXq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CjoILd-A.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,wvCAAwvC;;ACAzwC,MAAM,kBAAkB,GAAG,g3CAAg3C;;ACA34C,MAAM,mBAAmB,GAAG,g3CAAg3C;;ACA54C,MAAM,YAAY,GAAG,gcAAgc;;ACArd,MAAM,iBAAiB,GAAG,4hDAA4hD;;ACAtjD,MAAM,YAAY,GAAG,gtDAAgtD;;MCcxtD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,OAAO,GAAY,OAAO;AAClC;;AAEG;IACK,OAAO,GAAiD,OAAO;AAEvE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,MAAM;IAEd,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChD,aAAa,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAEC,kBAAY,EAAE;YAC9D,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAEC,mBAAa,EAAE;YACjE,YAAY,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAEC,YAAS,EAAE;YACzD,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAEC,iBAAI,EAAE;SAC9B;AAEV,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS;QAErE,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,QAAQ,EAAA,IACV,IAAI,CAAC,MAAM,KAAK;AACnB,kBAAE;AACF,kBAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAA,EAEtC,IAAI,CAAC,MAAM,KAAK,SAAS,GAAG,IAAI,GAAG,CAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,IAAI,CAAC,MAAM,CAAS,EAC/D;AACC,cAAE,SAAS,CACT,YAAY,CAAC,GAAG,EAChB,YAAY,CAAC,SAAS,EACtB,IAAI,CAAC,OAAO,IAAI,MAAM;AAExB,cAAE,IAAI,CACH;;IAIH,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;SACrB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","arrowSvgLeft","arrowSvgRight","backArrow","play"],"sources":["src/media/svg-imgs/close.svg","src/media/svg-imgs/slider-arrow-left.svg","src/media/svg-imgs/slider-arrow-right.svg","src/media/svg-imgs/Back-arrow.svg","src/media/svg-imgs/play-button-dark.svg","src/components/atoms/ptc-svg-btn/ptc-svg-btn.scss?tag=ptc-svg-btn&encapsulation=shadow","src/components/atoms/ptc-svg-btn/ptc-svg-btn.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 42 41.485\">\r\n <g id=\"Group_1042\" data-name=\"Group 1042\" transform=\"rotate(180 108.25 87.993)\">\r\n <path id=\"Line_446\" d=\"M0 0v39.486\" class=\"cls-1\" data-name=\"Line 446\"></path>\r\n <path id=\"Line_447\" d=\"M0 0h40\" class=\"cls-1\" data-name=\"Line 447\"></path>\r\n <path id=\"Line_448\" d=\"M0 33.592V0\" class=\"cls-1\" data-name=\"Line 448\"></path>\r\n <path id=\"Line_449\" d=\"M23.994 0H0\" class=\"cls-1\" data-name=\"Line 449\"></path>\r\n <path id=\"Line_450\" d=\"M0 0l17.596 17.596\" class=\"cls-2\" data-name=\"Line 450\" transform=\"translate(187.229 147.226)\"></path>\r\n <path id=\"Line_451\" d=\"M0 7.198L7.199 0\" class=\"cls-2\" data-name=\"Line 451\" transform=\"translate(197.55 147.312)\"></path>\r\n <path id=\"Path_114\" d=\"M0 7.2L7.2 0\" class=\"cls-2\" data-name=\"Path 114\" transform=\"translate(187.313 157.549)\"></path>\r\n </g>\r\n</svg>","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_37)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_37\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_37\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_37\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_34)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_34\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_34\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_34\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 311 512\">\r\n <defs>\r\n <style>\r\n .cls-1 {\r\n fill: #fff;\r\n fill-rule: evenodd;\r\n }\r\n </style>\r\n </defs>\r\n <path class=\"cls-1\" d=\"M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z\"/>\r\n</svg>\r\n","<svg width=\"84\" height=\"84\" viewBox=\"0 0 84 84\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_241_171)\">\r\n<circle cx=\"42\" cy=\"38\" r=\"36\" fill=\"#1F2024\"/>\r\n<circle cx=\"42\" cy=\"38\" r=\"35\" stroke=\"#33A13C\" stroke-width=\"2\"/>\r\n</g>\r\n<path d=\"M58 38L34 51.8564L34 24.1436L58 38Z\" fill=\"white\"/>\r\n<defs>\r\n<filter id=\"filter0_d_241_171\" x=\"0\" y=\"0\" width=\"84\" height=\"84\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feMorphology radius=\"2\" operator=\"dilate\" in=\"SourceAlpha\" result=\"effect1_dropShadow_241_171\"/>\r\n<feOffset dy=\"4\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_241_171\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_241_171\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n",":host {\r\n\tcursor: pointer;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(:focus-visible) {\r\n\toutline: none;\r\n}\r\n:host(.backarrow) {\r\n\tmargin: 8px 8px 0px -2px;\r\n}\r\n:focus-visible {\r\n\toutline: none;\r\n}\r\n.svg-close svg .cls-1,\r\n.svg-close svg .cls-2 {\r\n\tfill: none;\r\n\tstroke-width: 2px;\r\n}\r\n.svg-close svg .cls-1 {\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n}\r\n.svg-close svg .cls-2 {\r\n\tstroke: var(--color-gray-10);\r\n}\r\n.svg-close svg path {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n.svg-close svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(175.5px, 174.985px);\r\n\t-ms-transform: translate(175.5px, 174.985px);\r\n\ttransform: translate(175.5px, 174.985px);\r\n}\r\n.svg-close svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 141.393px);\r\n\t-ms-transform: translate(215.5px, 141.393px);\r\n\ttransform: translate(215.5px, 141.393px);\r\n}\r\n.svg-close svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close:hover svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 162px);\r\n\t-ms-transform: translate(175.5px, 162px);\r\n\ttransform: translate(175.5px, 162px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(149px, 174.985px);\r\n\t-ms-transform: translate(149px, 174.985px);\r\n\ttransform: translate(149px, 174.985px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 174px);\r\n\t-ms-transform: translate(215.5px, 174px);\r\n\ttransform: translate(215.5px, 174px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(152.5px, 135.5px);\r\n\t-ms-transform: translate(152.5px, 135.5px);\r\n\ttransform: translate(152.5px, 135.5px);\r\n}\r\n.svg-close.svg-close-white .cls-1 {\r\n\tstroke: var(--color-white);\r\n}\r\n//slider right and left\r\n.slider-left,\r\n.slider-right {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tsvg {\r\n\t\t.arrow {\r\n\t\t\tfill: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tsvg {\r\n\t\t\t.arrow {\r\n\t\t\t\tfill: var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.back-arrow {\r\n\tdisplay: inline-block;\r\n\tfill: none;\r\n\tstroke-width: 30px;\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n\theight: 10px;\r\n\twidth: 20px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\ttext-align: center;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) and (min-width: 576px) {\r\n\t:host(.back-arrow) {\r\n\t\tmargin: 8px 8px 16px -2px;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\nimport closeSvg from \"../../../media/svg-imgs/close.svg\";\r\nimport arrowSvgLeft from \"../../../media/svg-imgs/slider-arrow-left.svg\";\r\nimport arrowSvgRight from \"../../../media/svg-imgs/slider-arrow-right.svg\";\r\nimport backArrow from \"../../../media/svg-imgs/Back-arrow.svg\";\r\nimport play from \"../../../media/svg-imgs/play-button-dark.svg\";\r\n\r\n@Component({\r\n tag: \"ptc-svg-btn\",\r\n styleUrl: \"ptc-svg-btn.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcSvgBtn {\r\n /*\r\n Options: \"close\", \"slider-left\", \"slider-right\", \"back-arrow\"\r\n /\r\n @Prop() svgName?: string = \"close\";\r\n /\r\n Display\r\n /\r\n @Prop() display: \"block\" \| \"inline\" \| \"inline-block\" \| \"flex\" = \"block\";\r\n\r\n /\r\n Z-Index\r\n /\r\n @Prop() zIndex?: string;\r\n\r\n /\r\n Injected Styles\r\n */\r\n @Prop() styles?: number;\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const iconMap = {\r\n close: { className: \"svg-close\", svg: closeSvg },\r\n \"slider-left\": { className: \"slider-left\", svg: arrowSvgLeft },\r\n \"slider-right\": { className: \"slider-right\", svg: arrowSvgRight },\r\n \"back-arrow\": { className: \"back-arrow\", svg: backArrow },\r\n play: { className: \"play\", svg: play },\r\n } as const;\r\n\r\n const selectedIcon = this.svgName ? iconMap[this.svgName] : undefined;\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(this.zIndex === undefined\r\n ? null\r\n : { style: { zIndex: this.zIndex } })}\r\n >\r\n {this.styles === undefined ? null : <style>{this.styles}</style>}\r\n {selectedIcon\r\n ? renderSvg(\r\n selectedIcon.svg,\r\n selectedIcon.className,\r\n this.svgName ?? \"icon\"\r\n )\r\n : null}\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.display]: true,\r\n };\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-B-jFihXq.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,wvCAAwvC;;ACAzwC,MAAM,kBAAkB,GAAG,g3CAAg3C;;ACA34C,MAAM,mBAAmB,GAAG,g3CAAg3C;;ACA54C,MAAM,YAAY,GAAG,gcAAgc;;ACArd,MAAM,iBAAiB,GAAG,4hDAA4hD;;ACAtjD,MAAM,YAAY,GAAG,gtDAAgtD;;MCcxtD,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,OAAO,GAAY,OAAO;AAClC;;AAEG;IACK,OAAO,GAAiD,OAAO;AAEvE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,MAAM;IAEd,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChD,aAAa,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAEC,kBAAY,EAAE;YAC9D,cAAc,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAEC,mBAAa,EAAE;YACjE,YAAY,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAEC,YAAS,EAAE;YACzD,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAEC,iBAAI,EAAE;SAC9B;AAEV,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS;QAErE,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,QAAQ,EAAA,IACV,IAAI,CAAC,MAAM,KAAK;AACnB,kBAAE;AACF,kBAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAA,EAEtC,IAAI,CAAC,MAAM,KAAK,SAAS,GAAG,IAAI,GAAG,CAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,IAAI,CAAC,MAAM,CAAS,EAC/D;AACC,cAAE,SAAS,CACT,YAAY,CAAC,GAAG,EAChB,YAAY,CAAC,SAAS,EACtB,IAAI,CAAC,OAAO,IAAI,MAAM;AAExB,cAAE,IAAI,CACH;;IAIH,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;SACrB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","arrowSvgLeft","arrowSvgRight","backArrow","play"],"sources":["src/media/svg-imgs/close.svg","src/media/svg-imgs/slider-arrow-left.svg","src/media/svg-imgs/slider-arrow-right.svg","src/media/svg-imgs/Back-arrow.svg","src/media/svg-imgs/play-button-dark.svg","src/components/atoms/ptc-svg-btn/ptc-svg-btn.scss?tag=ptc-svg-btn&encapsulation=shadow","src/components/atoms/ptc-svg-btn/ptc-svg-btn.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 42 41.485\">\r\n <g id=\"Group_1042\" data-name=\"Group 1042\" transform=\"rotate(180 108.25 87.993)\">\r\n <path id=\"Line_446\" d=\"M0 0v39.486\" class=\"cls-1\" data-name=\"Line 446\"></path>\r\n <path id=\"Line_447\" d=\"M0 0h40\" class=\"cls-1\" data-name=\"Line 447\"></path>\r\n <path id=\"Line_448\" d=\"M0 33.592V0\" class=\"cls-1\" data-name=\"Line 448\"></path>\r\n <path id=\"Line_449\" d=\"M23.994 0H0\" class=\"cls-1\" data-name=\"Line 449\"></path>\r\n <path id=\"Line_450\" d=\"M0 0l17.596 17.596\" class=\"cls-2\" data-name=\"Line 450\" transform=\"translate(187.229 147.226)\"></path>\r\n <path id=\"Line_451\" d=\"M0 7.198L7.199 0\" class=\"cls-2\" data-name=\"Line 451\" transform=\"translate(197.55 147.312)\"></path>\r\n <path id=\"Path_114\" d=\"M0 7.2L7.2 0\" class=\"cls-2\" data-name=\"Path 114\" transform=\"translate(187.313 157.549)\"></path>\r\n </g>\r\n</svg>","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_37)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_37\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_37\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_37\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_494_34)\">\r\n<circle cx=\"24\" cy=\"22\" r=\"20\" fill=\"white\"/>\r\n<path d=\"M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z\" class=\"arrow\"/>\r\n</g>\r\n<defs>\r\n<filter id=\"filter0_d_494_34\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feOffset dy=\"2\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_494_34\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_494_34\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 311 512\">\r\n <defs>\r\n <style>\r\n .cls-1 {\r\n fill: #fff;\r\n fill-rule: evenodd;\r\n }\r\n </style>\r\n </defs>\r\n <path class=\"cls-1\" d=\"M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z\"/>\r\n</svg>\r\n","<svg width=\"84\" height=\"84\" viewBox=\"0 0 84 84\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g filter=\"url(#filter0_d_241_171)\">\r\n<circle cx=\"42\" cy=\"38\" r=\"36\" fill=\"#1F2024\"/>\r\n<circle cx=\"42\" cy=\"38\" r=\"35\" stroke=\"#33A13C\" stroke-width=\"2\"/>\r\n</g>\r\n<path d=\"M58 38L34 51.8564L34 24.1436L58 38Z\" fill=\"white\"/>\r\n<defs>\r\n<filter id=\"filter0_d_241_171\" x=\"0\" y=\"0\" width=\"84\" height=\"84\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\r\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\r\n<feMorphology radius=\"2\" operator=\"dilate\" in=\"SourceAlpha\" result=\"effect1_dropShadow_241_171\"/>\r\n<feOffset dy=\"4\"/>\r\n<feGaussianBlur stdDeviation=\"2\"/>\r\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\r\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0\"/>\r\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_241_171\"/>\r\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_241_171\" result=\"shape\"/>\r\n</filter>\r\n</defs>\r\n</svg>\r\n",":host {\r\n\tcursor: pointer;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(:focus-visible) {\r\n\toutline: none;\r\n}\r\n:host(.backarrow) {\r\n\tmargin: 8px 8px 0px -2px;\r\n}\r\n:focus-visible {\r\n\toutline: none;\r\n}\r\n.svg-close svg .cls-1,\r\n.svg-close svg .cls-2 {\r\n\tfill: none;\r\n\tstroke-width: 2px;\r\n}\r\n.svg-close svg .cls-1 {\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n}\r\n.svg-close svg .cls-2 {\r\n\tstroke: var(--color-gray-10);\r\n}\r\n.svg-close svg path {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n.svg-close svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(175.5px, 174.985px);\r\n\t-ms-transform: translate(175.5px, 174.985px);\r\n\ttransform: translate(175.5px, 174.985px);\r\n}\r\n.svg-close svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 141.393px);\r\n\t-ms-transform: translate(215.5px, 141.393px);\r\n\ttransform: translate(215.5px, 141.393px);\r\n}\r\n.svg-close svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(175.5px, 135.5px);\r\n\t-ms-transform: translate(175.5px, 135.5px);\r\n\ttransform: translate(175.5px, 135.5px);\r\n}\r\n.svg-close:hover svg .cls-1:first-child {\r\n\t-webkit-transform: translate(175.5px, 162px);\r\n\t-ms-transform: translate(175.5px, 162px);\r\n\ttransform: translate(175.5px, 162px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(2) {\r\n\t-webkit-transform: translate(149px, 174.985px);\r\n\t-ms-transform: translate(149px, 174.985px);\r\n\ttransform: translate(149px, 174.985px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(3) {\r\n\t-webkit-transform: translate(215.5px, 174px);\r\n\t-ms-transform: translate(215.5px, 174px);\r\n\ttransform: translate(215.5px, 174px);\r\n}\r\n.svg-close:hover svg .cls-1:nth-child(4) {\r\n\t-webkit-transform: translate(152.5px, 135.5px);\r\n\t-ms-transform: translate(152.5px, 135.5px);\r\n\ttransform: translate(152.5px, 135.5px);\r\n}\r\n.svg-close.svg-close-white .cls-1 {\r\n\tstroke: var(--color-white);\r\n}\r\n//slider right and left\r\n.slider-left,\r\n.slider-right {\r\n\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tsvg {\r\n\t\t.arrow {\r\n\t\t\tfill: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tsvg {\r\n\t\t\t.arrow {\r\n\t\t\t\tfill: var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.back-arrow {\r\n\tdisplay: inline-block;\r\n\tfill: none;\r\n\tstroke-width: 30px;\r\n\tstroke: var(--color-gray-10);\r\n\tstroke-linecap: square;\r\n\theight: 10px;\r\n\twidth: 20px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\ttext-align: center;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) and (min-width: 576px) {\r\n\t:host(.back-arrow) {\r\n\t\tmargin: 8px 8px 16px -2px;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\nimport closeSvg from \"../../../media/svg-imgs/close.svg\";\r\nimport arrowSvgLeft from \"../../../media/svg-imgs/slider-arrow-left.svg\";\r\nimport arrowSvgRight from \"../../../media/svg-imgs/slider-arrow-right.svg\";\r\nimport backArrow from \"../../../media/svg-imgs/Back-arrow.svg\";\r\nimport play from \"../../../media/svg-imgs/play-button-dark.svg\";\r\n\r\n@Component({\r\n tag: \"ptc-svg-btn\",\r\n styleUrl: \"ptc-svg-btn.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcSvgBtn {\r\n /*\r\n Options: \"close\", \"slider-left\", \"slider-right\", \"back-arrow\"\r\n /\r\n @Prop() svgName?: string = \"close\";\r\n /\r\n Display\r\n /\r\n @Prop() display: \"block\" \| \"inline\" \| \"inline-block\" \| \"flex\" = \"block\";\r\n\r\n /\r\n Z-Index\r\n /\r\n @Prop() zIndex?: string;\r\n\r\n /\r\n Injected Styles\r\n */\r\n @Prop() styles?: number;\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const iconMap = {\r\n close: { className: \"svg-close\", svg: closeSvg },\r\n \"slider-left\": { className: \"slider-left\", svg: arrowSvgLeft },\r\n \"slider-right\": { className: \"slider-right\", svg: arrowSvgRight },\r\n \"back-arrow\": { className: \"back-arrow\", svg: backArrow },\r\n play: { className: \"play\", svg: play },\r\n } as const;\r\n\r\n const selectedIcon = this.svgName ? iconMap[this.svgName] : undefined;\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(this.zIndex === undefined\r\n ? null\r\n : { style: { zIndex: this.zIndex } })}\r\n >\r\n {this.styles === undefined ? null : <style>{this.styles}</style>}\r\n {selectedIcon\r\n ? renderSvg(\r\n selectedIcon.svg,\r\n selectedIcon.className,\r\n this.svgName ?? \"icon\"\r\n )\r\n : null}\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.display]: true,\r\n };\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-CKJX0nWw.js → p-B2seNel8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$3 } from './p-diZY_Uee.js';
-import { d as defineCustomElement$2 } from './p-CUXDowVt.js';
-import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
+import { c as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$3 } from './p-v5Ex_8oe.js';
+import { d as defineCustomElement$2 } from './p-SaYc7Kjd.js';
+import { d as defineCustomElement$1 } from './p-Dar8ay5I.js';
 const ptcCardCss = ":host{display:block}::slotted([slot=seo-content]){display:none}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:var(--ptc-border-radius-large);position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.lottie-card) .card-border .card-body h3{transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%;transition:filter var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border .card-media{transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) .card-body h2{width:100%;font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media (max-width: 768px){:host(.hightlight-card) .card-body h2{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative;display:block}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.horizontal-card) .card-media{display:flex;align-self:center}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-media{align-self:flex-start;padding-top:24px;padding-bottom:24px}}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard) !important;box-shadow:0 0 0 5px var(--keyboard-nav-outline)}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .creo-card .card-media{width:100%;height:auto !important;padding-top:66.66%}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:1rem;word-break:break-word;hyphens:auto}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border{transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem;word-break:break-word;hyphens:auto}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem;word-break:break-word;hyphens:auto}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest)}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:manual}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:1rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:39px;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);display:flex;flex-direction:row;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid var(--color-gray-02)}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-gray-02);margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 4px 4px 0px;box-shadow:var(--ptc-shadow-small);max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;width:-moz-fit-content;width:fit-content;clip-path:inset(-6px -6px -6px 0px);word-break:break-word;hyphens:manual}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-layout-spacing-03)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11)}:host(.featured-horizontal-card){height:100%}:host(.featured-horizontal-card) .card-border{overflow:hidden;background:var(--color-white);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%}:host(.featured-horizontal-card) .card-layout{display:flex;flex-direction:column;width:100%}@media (min-width: 992px){:host(.featured-horizontal-card) .card-layout{flex-direction:row}}:host(.featured-horizontal-card) .link-wrapper{outline:none;text-decoration:none}:host(.featured-horizontal-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.featured-horizontal-card) .link-wrapper:focus-visible{display:block;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.featured-horizontal-card) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:block;width:100%;height:440px;max-height:440px}@media (min-width: 992px){:host(.featured-horizontal-card) .card-media{width:50%;height:auto;max-height:initial;min-height:547px}}:host(.featured-horizontal-card) .card-body{padding:20px}@media (min-width: 992px){:host(.featured-horizontal-card) .card-body{width:50%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px}}:host(.featured-horizontal-card) .card-body .small{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.featured-horizontal-card) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.featured-horizontal-card) .card-body .small{margin-bottom:16px}}:host(.featured-horizontal-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-x-large);line-height:--ptc-line-height-densest;color:var(--color-gray-11);margin-top:0rem;word-break:break-word;hyphens:auto;margin-bottom:0rem}@media (min-width: 768px){:host(.featured-horizontal-card) .card-body h3{font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-xx-large);line-height:--ptc-line-height-densest}}:host(.featured-horizontal-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small) !important;line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-top:0rem;margin-block-start:0rem;word-break:break-word;hyphens:auto}:host(.featured-horizontal-card) ::slotted([slot=slot-description]) p{margin-block-start:0rem;font-size:var(--ptc-font-size-x-small)}@media (max-width: 992px){:host(.featured-horizontal-card) ::slotted([slot=slot-description]){font-size:var(--ptc-font-size-small) !important}}:host(.featured-horizontal-card) ::slotted([slot=slot-image]){width:100%;height:100%;max-height:440px}@media (min-width: 992px){:host(.featured-horizontal-card) ::slotted([slot=slot-image]){height:547px;max-height:547px}}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}:host(.events-card){height:100%}:host(.events-card) .card-border{width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);height:100%;display:flex;flex-direction:row;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.events-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.events-card) .card-border:hover .card-media{background:var(--color-white)}:host(.events-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.events-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.events-card) .card-layout .card-body{padding:16px 20px 20px}:host(.events-card) .card-layout .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-11);margin-bottom:12px;margin-top:0px}:host(.events-card) .card-layout .card-body .events-date,:host(.events-card) .card-layout .card-body .events-type-class,:host(.events-card) .card-layout .card-body .language{display:flex;flex-direction:row;align-items:center;margin-bottom:8px}:host(.events-card) .card-layout .card-body .calendar-icon{width:16px;height:16px}:host(.events-card) .card-layout .card-body .events-item-text{margin-left:12px;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:14px;font-style:var(--ptc-font-style-normal);font-weight:700;line-height:21px}:host(.events-card) .card-layout .card-body .in-person-icon{width:16px;height:16px}:host(.events-card) .card-layout .card-body .language-icon{width:16px;height:16px}:host(.events-card) .link-wrapper{outline:none;text-decoration:none}:host(.events-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.events-card) .link-wrapper:focus-visible{border-radius:var(--ptc-border-radius-standard) !important;box-shadow:0 0 0 5px var(--keyboard-nav-outline)}:host(.events-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.events-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.events-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.events-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.events-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.events-card) .card-media{height:232px}}@media (min-width: 992px){:host(.events-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.events-card) .card-media{height:170px}}:host(.events-card) ::slotted([slot=slot-description]){margin-top:16px}";
@@ -300,6 +300,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-CKJX0nWw.js.map
+//# sourceMappingURL=p-B2seNel8.js.map
-//# sourceMappingURL=p-CKJX0nWw.js.map
+//# sourceMappingURL=p-B2seNel8.js.map