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

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-upgrade

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

Files changed (1014) hide show

package/dist/ptcw-design/ptc-close-icon.ptc-modal.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-close-icon.ptc-modal.entry.esm.js","sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx","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\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t// border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t// svg {\r\n\t\t// @include base-focus-state;\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n","@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}"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ptc-close-icon.ptc-modal.entry.esm.js","sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx","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\r\n:host {\r\n display: inline-block;\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n .close-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 44px;\r\n height: 44px;\r\n border: 5px solid transparent;\r\n box-sizing: border-box;\r\n border-radius: var(--ptc-border-radius-standard);\r\n cursor: pointer;\r\n\r\n svg {\r\n padding: 7px;\r\n border: 1px solid transparent;\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: transparent;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n box-sizing: initial;\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n border-color: var(--color-gray-12);\r\n }\r\n }\r\n\r\n &:active {\r\n svg {\r\n transition-duration: 0ms;\r\n background-color: var(--color-gray-02);\r\n border: 1px solid var(--color-gray-12);\r\n }\r\n }\r\n\r\n // &:focus {\r\n // border: 5px solid var(--color-blue-07);\r\n // }\r\n\r\n // &:focus-visible {\r\n // svg {\r\n // @include base-focus-state;\r\n // }\r\n // }\r\n }\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n","@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}"],"names":[],"mappings":"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"}

package/dist/ptcw-design/ptc-link.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-link.entry.esm.js","sources":["src/components/atoms/ptc-link/ptc-link.scss?tag=ptc-link&encapsulation=shadow","src/components/atoms/ptc-link/ptc-link.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use 'app' as ;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n text-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n display: inline-block;\r\n color: var(--color-gray-10);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n position: relative;\r\n line-height: var(--ptc-line-height-densest);\r\n outline: none;\r\n text-decoration: none;\r\n transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n\r\n .focus-state-dark-background {\r\n &:focus-visible {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.simple {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.global {\r\n font-style: var(--ptc-letter-spacing-normal);\r\n font-weight: var(--ptc-font-weight-bold);\r\n font-size: var(--ptc-font-size-x-small);\r\n text-decoration-line: underline;\r\n color: var(--color-hyperlink);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n //pressed\r\n color: var(--color-blue-09);\r\n transition: none;\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.product-link {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.underline {\r\n border-bottom: 2px solid var(--color-green-06);\r\n\r\n &:hover {\r\n color: #00890b;\r\n border-bottom: 2px solid #00890b;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.small {\r\n font-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n font-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n font-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n font-size: var(--ptc-font-size-medium);\r\n}\r\n\r\n.nav-title,\r\n.nav-title-link,\r\n.nav-card-link,\r\n.primary-nav-link,\r\n.secondary-nav-link,\r\n.footer-nav-link,\r\n.copyright-link {\r\n &:focus {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title {\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-02);\r\n text-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-01);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n position: relative;\r\n text-decoration: none;\r\n transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: var(--color-gray-12);\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration-color: var(--color-white);\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n display: inline-block;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-card-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-white);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-small);\r\n\r\n @include screen-lg {\r\n font-size: var(--ptc-font-size-xxx-small);\r\n }\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n text-decoration: underline var(--color-green-06) solid 1px;\r\n text-underline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.secondary-nav-link {\r\n display: inline-block;\r\n background-color: transparent;\r\n // border-radius: 4px;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-style: normal;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-03);\r\n text-align: left;\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n border-radius: 0;\r\n text-decoration: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.footer-nav-link {\r\n color: var(--color-white);\r\n transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1px solid transparent;\r\n outline: none;\r\n text-decoration: none;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n text-align: left;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n border-bottom: 0.1rem solid var(--color-green-06);\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.copyright-link {\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-normal);\r\n line-height: var(--ptc-line-height-loose);\r\n display: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n //color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.d-white-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-white);\r\n text-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n position: static;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n inset: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n font-weight: 800;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n font-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n font-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n font-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n font-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n font-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n font-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-13);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-semibold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-green-06);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.tracker-div {\r\n @include div-tracker;\r\n}\r\n\r\n:host(.event-podcast) {\r\n a {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n //line-height: 26px;\r\n //font-size: var(--ptc-font-size-small);\r\n }\r\n}\r\n","import { Component, h, Prop, Host, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-link\",\r\n\tstyleUrl: \"ptc-link.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcLink {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Disabled link\r\n\t /\r\n\t@Prop({ reflect: true }) disabled: boolean = false;\r\n\t/\r\n\t Rxternal link\r\n\t * /\r\n\t@Prop({ reflect: true }) external: boolean = false;\r\n\t/\r\n\t href\r\n\t /\r\n\t@Prop() href: string \| undefined;\r\n\t/\r\n\t Target\r\n\t /\r\n\t@Prop() target: string \| undefined = \"_self\";\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() linkTitle: string \| undefined;\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Prop() theme:\r\n\t\t\| \"simple\"\r\n\t\t\| \"underline\"\r\n\t\t\| \"nav-title\"\r\n\t\t\| \"primary-nav-link\"\r\n\t\t\| \"nav-title-link\"\r\n\t\t\| \"nav-card-link\"\r\n\t\t\| \"secondary-nav-link\"\r\n\t\t\| \"footer-nav-link\"\r\n\t\t\| \"copyright-link\"\r\n\t\t\| \"product-link\"\r\n\t\t\| \"d-green-underline\"\r\n\t\t\| \"d-white-underline\"\r\n\t\t\| \"global\"\r\n\t\t\| \"utility-nav-link\"\r\n\t\t\| \"standard-link\" = \"simple\";\r\n\t/\r\n\t Font Size\r\n\t /\r\n\t@Prop() fontSize: \"small\" \| \"medium\" \| \"large\" \| \"medium-large\" = \"medium\";\r\n\t/\r\n\t Font Weight\r\n\t /\r\n\t@Prop() fontWeight?:\r\n\t\t\| \"w-thin\"\r\n\t\t\| \"w-regular\"\r\n\t\t\| \"w-medium\"\r\n\t\t\| \"w-semibold\"\r\n\t\t\| \"w-bold\"\r\n\t\t\| \"w-extrabold\"\r\n\t\t\| \"w-black\";\r\n\t/\r\n\t Optional Link Area\r\n\t /\r\n\t@Prop() linkArea?: \"link-area-cover-parent\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: 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/\r\n\t trackerId added for Mouseflow id\r\n\t /\r\n\r\n\t@Prop() trackerId?: string;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, \"a\");\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tconst classOptions = [\r\n\t\t\t\"simple\",\r\n\t\t\t\"underline\",\r\n\t\t\t\"nav-title\",\r\n\t\t\t\"primary-nav-link\",\r\n\t\t\t\"nav-title-link\",\r\n\t\t\t\"nav-card-link\",\r\n\t\t\t\"secondary-nav-link\",\r\n\t\t\t\"footer-nav-link\",\r\n\t\t\t\"copyright-link\",\r\n\t\t\t\"product-link\",\r\n\t\t\t\"d-green-underline\",\r\n\t\t\t\"d-white-underline\",\r\n\t\t\t\"global\",\r\n\t\t\t\"utility-nav-link\",\r\n\t\t];\r\n\t\tlet mainClass = this.theme;\r\n\r\n\t\tif (classOptions.indexOf(mainClass) < 0) {\r\n\t\t\tmainClass = \"simple\"; // fallback to simple class if theme is unavailable\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t[\"ptc-link\"]: true,\r\n\t\t\t[mainClass]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[this.fontSize]: true,\r\n\t\t\t[this.linkArea]: this.linkArea ? true : false,\r\n\t\t\t[this.fontWeight]: this.fontWeight ? true : false,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ptc-link.entry.esm.js","sources":["src/components/atoms/ptc-link/ptc-link.scss?tag=ptc-link&encapsulation=shadow","src/components/atoms/ptc-link/ptc-link.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n@use 'app' as ;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.disabled {\r\n pointer-events: none;\r\n cursor: default;\r\n text-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n display: inline-block;\r\n color: var(--color-gray-10);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n position: relative;\r\n line-height: var(--ptc-line-height-densest);\r\n outline: none;\r\n text-decoration: none;\r\n transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n\r\n .focus-state-dark-background {\r\n &:focus-visible {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.simple {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n border: 2px solid transparent;\r\n margin: -2px;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.global {\r\n font-style: var(--ptc-letter-spacing-normal);\r\n font-weight: var(--ptc-font-weight-bold);\r\n font-size: var(--ptc-font-size-x-small);\r\n text-decoration-line: underline;\r\n color: var(--color-hyperlink);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n //pressed\r\n color: var(--color-blue-09);\r\n transition: none;\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.product-link {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.underline {\r\n border-bottom: 2px solid var(--color-green-06);\r\n\r\n &:hover {\r\n color: #00890b;\r\n border-bottom: 2px solid #00890b;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.small {\r\n font-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n font-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n font-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n font-size: var(--ptc-font-size-medium);\r\n}\r\n\r\n.nav-title,\r\n.nav-title-link,\r\n.nav-card-link,\r\n.primary-nav-link,\r\n.secondary-nav-link,\r\n.footer-nav-link,\r\n.copyright-link {\r\n &:focus {\r\n outline: 3px solid var(--color-blue-07);\r\n outline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title {\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-02);\r\n text-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-01);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n font-stretch: 100%;\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-dense);\r\n list-style: none;\r\n margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n position: relative;\r\n text-decoration: none;\r\n transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n border-radius: var(--ptc-border-radius-standard);\r\n background-color: var(--color-gray-12);\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-title-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration-color: var(--color-white);\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n display: inline-block;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.nav-card-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-white);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-small);\r\n\r\n @include screen-lg {\r\n font-size: var(--ptc-font-size-xxx-small);\r\n }\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n text-decoration: underline var(--color-green-06) solid 1px;\r\n text-underline-offset: 2px;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.secondary-nav-link {\r\n display: inline-block;\r\n background-color: transparent;\r\n // border-radius: 4px;\r\n box-sizing: border-box;\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xxx-small);\r\n font-stretch: 100%; //undefined value\r\n font-style: normal;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n margin-bottom: var(--ptc-element-spacing-03);\r\n text-align: left;\r\n text-decoration: none;\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1.5px solid transparent;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n color: var(--color-white);\r\n border-bottom: 1.5px solid var(--color-green-06);\r\n border-radius: 0;\r\n text-decoration: none;\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.footer-nav-link {\r\n color: var(--color-white);\r\n transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n border-bottom: 1px solid transparent;\r\n outline: none;\r\n text-decoration: none;\r\n font-weight: var(--ptc-font-weight-semibold);\r\n letter-spacing: var(--ptc-letter-spacing-normal);\r\n line-height: var(--ptc-line-height-densest);\r\n text-align: left;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n border-bottom: 0.1rem solid var(--color-green-06);\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.copyright-link {\r\n color: var(--color-white);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-normal);\r\n line-height: var(--ptc-line-height-loose);\r\n display: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n transition: none;\r\n //color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &.focus-state-dark-background {\r\n @include focus-state;\r\n transition: none;\r\n text-decoration-line: none;\r\n }\r\n }\r\n}\r\n\r\n.d-white-underline {\r\n color: var(--color-white);\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n line-height: var(--ptc-line-height-densest);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-white);\r\n text-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n position: static;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n inset: 0;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n font-weight: 800;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n font-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n font-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n font-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n font-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n font-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n font-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n font-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n background-color: transparent;\r\n box-sizing: border-box;\r\n color: var(--color-gray-13);\r\n font-stretch: 100%; //undefined value\r\n font-weight: var(--ptc-font-weight-semibold);\r\n line-height: var(--ptc-line-height-densest);\r\n list-style: none;\r\n text-align: left;\r\n text-decoration: none;\r\n text-decoration-color: var(--color-green-06);\r\n transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n display: inline-block;\r\n font-size: var(--ptc-font-size-x-small);\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n text-underline-offset: 5px;\r\n text-decoration-color: var(--color-green-06);\r\n text-decoration-thickness: 2px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n }\r\n\r\n &:active {\r\n transition: none;\r\n }\r\n}\r\n\r\n.tracker-div {\r\n @include div-tracker;\r\n}\r\n\r\n:host(.event-podcast) {\r\n a {\r\n color: var(--color-green-06);\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n //line-height: 26px;\r\n //font-size: var(--ptc-font-size-small);\r\n }\r\n}\r\n","import { Component, h, Prop, Host, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-link\",\r\n\tstyleUrl: \"ptc-link.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcLink {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Disabled link\r\n\t /\r\n\t@Prop({ reflect: true }) disabled: boolean = false;\r\n\t/\r\n\t Rxternal link\r\n\t * /\r\n\t@Prop({ reflect: true }) external: boolean = false;\r\n\t/\r\n\t href\r\n\t /\r\n\t@Prop() href: string \| undefined;\r\n\t/\r\n\t Target\r\n\t /\r\n\t@Prop() target: string \| undefined = \"_self\";\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() linkTitle: string \| undefined;\r\n\t/\r\n\t Theme\r\n\t /\r\n\t@Prop() theme:\r\n\t\t\| \"simple\"\r\n\t\t\| \"underline\"\r\n\t\t\| \"nav-title\"\r\n\t\t\| \"primary-nav-link\"\r\n\t\t\| \"nav-title-link\"\r\n\t\t\| \"nav-card-link\"\r\n\t\t\| \"secondary-nav-link\"\r\n\t\t\| \"footer-nav-link\"\r\n\t\t\| \"copyright-link\"\r\n\t\t\| \"product-link\"\r\n\t\t\| \"d-green-underline\"\r\n\t\t\| \"d-white-underline\"\r\n\t\t\| \"global\"\r\n\t\t\| \"utility-nav-link\"\r\n\t\t\| \"standard-link\" = \"simple\";\r\n\t/\r\n\t Font Size\r\n\t /\r\n\t@Prop() fontSize: \"small\" \| \"medium\" \| \"large\" \| \"medium-large\" = \"medium\";\r\n\t/\r\n\t Font Weight\r\n\t /\r\n\t@Prop() fontWeight?:\r\n\t\t\| \"w-thin\"\r\n\t\t\| \"w-regular\"\r\n\t\t\| \"w-medium\"\r\n\t\t\| \"w-semibold\"\r\n\t\t\| \"w-bold\"\r\n\t\t\| \"w-extrabold\"\r\n\t\t\| \"w-black\";\r\n\t/\r\n\t Optional Link Area\r\n\t /\r\n\t@Prop() linkArea?: \"link-area-cover-parent\";\r\n\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: 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/\r\n\t trackerId added for Mouseflow id\r\n\t /\r\n\r\n\t@Prop() trackerId?: string;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, \"a\");\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tinnerHTML={html}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\ttarget={this.external ? \"_blank\" : this.target}\r\n\t\t\t\t\t\ttitle={this.linkTitle}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tconst classOptions = [\r\n\t\t\t\"simple\",\r\n\t\t\t\"underline\",\r\n\t\t\t\"nav-title\",\r\n\t\t\t\"primary-nav-link\",\r\n\t\t\t\"nav-title-link\",\r\n\t\t\t\"nav-card-link\",\r\n\t\t\t\"secondary-nav-link\",\r\n\t\t\t\"footer-nav-link\",\r\n\t\t\t\"copyright-link\",\r\n\t\t\t\"product-link\",\r\n\t\t\t\"d-green-underline\",\r\n\t\t\t\"d-white-underline\",\r\n\t\t\t\"global\",\r\n\t\t\t\"utility-nav-link\",\r\n\t\t];\r\n\t\tlet mainClass = this.theme;\r\n\r\n\t\tif (classOptions.indexOf(mainClass) < 0) {\r\n\t\t\tmainClass = \"simple\"; // fallback to simple class if theme is unavailable\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t[\"ptc-link\"]: true,\r\n\t\t\t[mainClass]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[this.fontSize]: true,\r\n\t\t\t[this.linkArea]: this.linkArea ? true : false,\r\n\t\t\t[this.fontWeight]: this.fontWeight ? true : false,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}