npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.2-upgrade → 6.5.3-upgrade - Mend

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-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 (1017) hide show

package/dist/fef-stencil-v4/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 'app' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.disabled {\r\n\tpointer-events: none;\r\n\tcursor: default;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n\tdisplay: inline-block;\r\n\tcolor: var(--color-gray-10);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tposition: relative;\r\n\tline-height: var(--ptc-line-height-densest);\r\n\toutline: none;\r\n\ttext-decoration: none;\r\n\ttransition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n\t&.focus-state-dark-background {\r\n\t\tborder: 2px solid transparent;\r\n\t\tmargin: -2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// &:focus-visible {\r\n\t// \t@include base-focus-state;\r\n\r\n\t// \t.focus-state-dark-background {\r\n\t// \t\t&:focus-visible {\r\n\t// \t\t\t@include focus-state;\r\n\t// \t\t\ttransition: none;\r\n\t// \t\t\ttext-decoration-line: none;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n}\r\n\r\n.simple {\r\n\ttext-decoration: underline;\r\n\ttext-underline-offset: 5px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-decoration-thickness: 2px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&.focus-state-dark-background {\r\n\t\tborder: 2px solid transparent;\r\n\t\tmargin: -2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// &:focus-visible {\r\n\t// \t@include base-focus-state;\r\n\t// \ttransition: none;\r\n\t// \tcolor: var(--color-green-06);\r\n\t// \ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t// \t\tvar(--ptc-ease-inout);\r\n\r\n\t// \t&.focus-state-dark-background {\r\n\t// \t\t@include focus-state;\r\n\t// \t\ttransition: none;\r\n\t// \t\ttext-decoration-line: none;\r\n\t// \t}\r\n\t// }\r\n}\r\n\r\n.global {\r\n\tfont-style: var(--ptc-letter-spacing-normal);\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\ttext-decoration-line: underline;\r\n\tcolor: var(--color-hyperlink);\r\n\ttransition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n\t&:visited {\r\n\t\tcolor: var(--color-blue-10);\r\n\t}\r\n\r\n\t&:active,\r\n\t&:visited:active {\r\n\t\t//pressed\r\n\t\tcolor: var(--color-blue-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:visited:hover {\r\n\t\tcolor: var(--color-blue-08);\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tcolor: var(--color-gray-04) !important;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n}\r\n\r\n.product-link {\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\ttext-decoration: underline;\r\n\ttext-underline-offset: 5px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-decoration-thickness: 2px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.underline {\r\n\tborder-bottom: 2px solid var(--color-green-06);\r\n\r\n\t&:hover {\r\n\t\tcolor: #00890b;\r\n\t\tborder-bottom: 2px solid #00890b;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.small {\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n\tfont-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n\tfont-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\t&:focus {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-title {\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\tfont-stretch: 100%;\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-dense);\r\n\tlist-style: none;\r\n\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\ttext-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-gray-01);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\tfont-stretch: 100%;\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-dense);\r\n\tlist-style: none;\r\n\tmargin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n\tpadding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-title-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xxx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttext-decoration: none;\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1.5px solid transparent;\r\n\tdisplay: inline-block;\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\tborder-bottom: 1.5px solid var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-card-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// @include screen-lg {\r\n\t// \tfont-size: var(--ptc-font-size-xxx-small);\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\ttext-decoration: underline var(--color-green-06) solid 1px;\r\n\t\ttext-underline-offset: 2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.secondary-nav-link {\r\n\tdisplay: inline-block;\r\n\tbackground-color: transparent;\r\n\t// border-radius: 4px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xxx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1.5px solid transparent;\r\n\twhite-space: nowrap;\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\tborder-bottom: 1.5px solid var(--color-green-06);\r\n\t\tborder-radius: 0;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.footer-nav-link {\r\n\tcolor: var(--color-white);\r\n\ttransition:\r\n\t\tborder var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\tcolor var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1px solid transparent;\r\n\toutline: none;\r\n\ttext-decoration: none;\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-align: left;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t&:hover {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tborder-bottom: 0.1rem solid var(--color-green-06);\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.copyright-link {\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-weight: var(--ptc-font-weight-normal);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n\tcolor: var(--color-white);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-underline-offset: 5px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t//@include base-focus-state;\r\n\t\ttransition: none;\r\n\t\t//color: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// &.focus-state-dark-background {\r\n\t\t// \t@include focus-state;\r\n\t\t// \ttransition: none;\r\n\t\t// \ttext-decoration-line: none;\r\n\t\t// }\r\n\t}\r\n}\r\n\r\n.d-white-underline {\r\n\tcolor: var(--color-white);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttext-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n\tposition: static;\r\n\r\n\t&::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0;\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n\tfont-weight: 800;\r\n\tline-height: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolor: var(--color-gray-10);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-underline-offset: 5px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n\tfont-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n\tfont-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n\tfont-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n\tfont-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-gray-13);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-underline-offset: 5px;\r\n\t\ttext-decoration-color: var(--color-green-06);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// .tracker-div {\r\n// \t@include div-tracker;\r\n// }\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t//line-height: 26px;\r\n\t\t//font-size: var(--ptc-font-size-small);\r\n\t}\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 'app' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.disabled {\r\n\tpointer-events: none;\r\n\tcursor: default;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.ptc-link {\r\n\tdisplay: inline-block;\r\n\tcolor: var(--color-gray-10);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tposition: relative;\r\n\tline-height: var(--ptc-line-height-densest);\r\n\toutline: none;\r\n\ttext-decoration: none;\r\n\ttransition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\r\n\t&.focus-state-dark-background {\r\n\t\tborder: 2px solid transparent;\r\n\t\tmargin: -2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// &:focus-visible {\r\n\t// \t@include base-focus-state;\r\n\r\n\t// \t.focus-state-dark-background {\r\n\t// \t\t&:focus-visible {\r\n\t// \t\t\t@include focus-state;\r\n\t// \t\t\ttransition: none;\r\n\t// \t\t\ttext-decoration-line: none;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n}\r\n\r\n.simple {\r\n\ttext-decoration: underline;\r\n\ttext-underline-offset: 5px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-decoration-thickness: 2px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&.focus-state-dark-background {\r\n\t\tborder: 2px solid transparent;\r\n\t\tmargin: -2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// &:focus-visible {\r\n\t// \t@include base-focus-state;\r\n\t// \ttransition: none;\r\n\t// \tcolor: var(--color-green-06);\r\n\t// \ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t// \t\tvar(--ptc-ease-inout);\r\n\r\n\t// \t&.focus-state-dark-background {\r\n\t// \t\t@include focus-state;\r\n\t// \t\ttransition: none;\r\n\t// \t\ttext-decoration-line: none;\r\n\t// \t}\r\n\t// }\r\n}\r\n\r\n.global {\r\n\tfont-style: var(--ptc-letter-spacing-normal);\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\ttext-decoration-line: underline;\r\n\tcolor: var(--color-hyperlink);\r\n\ttransition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\r\n\t&:visited {\r\n\t\tcolor: var(--color-blue-10);\r\n\t}\r\n\r\n\t&:active,\r\n\t&:visited:active {\r\n\t\t//pressed\r\n\t\tcolor: var(--color-blue-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:visited:hover {\r\n\t\tcolor: var(--color-blue-08);\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tcolor: var(--color-gray-04) !important;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n}\r\n\r\n.product-link {\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\ttext-decoration: underline;\r\n\ttext-underline-offset: 5px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-decoration-thickness: 2px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.underline {\r\n\tborder-bottom: 2px solid var(--color-green-06);\r\n\r\n\t&:hover {\r\n\t\tcolor: #00890b;\r\n\t\tborder-bottom: 2px solid #00890b;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.small {\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n}\r\n\r\n.medium {\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n}\r\n\r\n.medium-large {\r\n\tfont-size: var(--ptc-font-size-small);\r\n}\r\n\r\n.large {\r\n\tfont-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\t&:focus {\r\n\t\toutline: 3px solid var(--color-blue-07);\r\n\t\toutline-offset: 2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-title {\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\tfont-stretch: 100%;\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-dense);\r\n\tlist-style: none;\r\n\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\ttext-align: left;\r\n}\r\n\r\n.primary-nav-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-gray-01);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\tfont-stretch: 100%;\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-dense);\r\n\tlist-style: none;\r\n\tmargin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\r\n\tpadding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-title-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xxx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttext-decoration: none;\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1.5px solid transparent;\r\n\tdisplay: inline-block;\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\tborder-bottom: 1.5px solid var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.nav-card-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\r\n\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t// @include screen-lg {\r\n\t// \tfont-size: var(--ptc-font-size-xxx-small);\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\ttext-decoration: underline var(--color-green-06) solid 1px;\r\n\t\ttext-underline-offset: 2px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.secondary-nav-link {\r\n\tdisplay: inline-block;\r\n\tbackground-color: transparent;\r\n\t// border-radius: 4px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xxx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1.5px solid transparent;\r\n\twhite-space: nowrap;\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\t\tborder-bottom: 1.5px solid var(--color-green-06);\r\n\t\tborder-radius: 0;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.footer-nav-link {\r\n\tcolor: var(--color-white);\r\n\ttransition:\r\n\t\tborder var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\tcolor var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tborder-bottom: 1px solid transparent;\r\n\toutline: none;\r\n\ttext-decoration: none;\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-align: left;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t&:hover {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tborder-bottom: 0.1rem solid var(--color-green-06);\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.copyright-link {\r\n\tcolor: var(--color-white);\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-weight: var(--ptc-font-weight-normal);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.d-green-underline {\r\n\tcolor: var(--color-white);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-underline-offset: 5px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t//@include base-focus-state;\r\n\t\ttransition: none;\r\n\t\t//color: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t// &.focus-state-dark-background {\r\n\t\t// \t@include focus-state;\r\n\t\t// \ttransition: none;\r\n\t\t// \ttext-decoration-line: none;\r\n\t\t// }\r\n\t}\r\n}\r\n\r\n.d-white-underline {\r\n\tcolor: var(--color-white);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-white);\r\n\ttext-underline-offset: 5px;\r\n}\r\n\r\n.link-area-cover-parent {\r\n\tposition: static;\r\n\r\n\t&::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0;\r\n\t\tz-index: 2;\r\n\t}\r\n}\r\n\r\n.standard-link,\r\n.blog-link {\r\n\tfont-weight: 800;\r\n\tline-height: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolor: var(--color-gray-10);\r\n\ttext-decoration: underline;\r\n\ttext-decoration-thickness: 2px;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttext-underline-offset: 5px;\r\n\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n// Font - weight\r\n.w-thin {\r\n\tfont-weight: var(--ptc-font-weight-thin);\r\n}\r\n\r\n.w-regular {\r\n\tfont-weight: var(--ptc-font-weight-regular);\r\n}\r\n\r\n.w-medium {\r\n\tfont-weight: var(--ptc-font-weight-medium);\r\n}\r\n\r\n.w-semibold {\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n}\r\n\r\n.w-bold {\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n}\r\n\r\n.w-extrabold {\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n}\r\n\r\n.w-black {\r\n\tfont-weight: var(--ptc-font-weight-black);\r\n}\r\n\r\n.utility-nav-link {\r\n\tbackground-color: transparent;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-gray-13);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-semibold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tlist-style: none;\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n\ttext-decoration-color: var(--color-green-06);\r\n\ttransition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-underline-offset: 5px;\r\n\t\ttext-decoration-color: var(--color-green-06);\r\n\t\ttext-decoration-thickness: 2px;\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// .tracker-div {\r\n// \t@include div-tracker;\r\n// }\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\tcolor: var(--color-green-06);\r\n\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t//line-height: 26px;\r\n\t\t//font-size: var(--ptc-font-size-small);\r\n\t}\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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"}

package/dist/fef-stencil-v4/ptc-overlay.entry.esm.js.map CHANGED Viewed

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

package/dist/fef-stencil-v4/ptc-podcast-card.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-podcast-card.entry.esm.js","sources":["src/components/molecules/ptc-podcast-card/ptc-podcast-card.scss?tag=ptc-podcast-card&encapsulation=shadow","src/components/molecules/ptc-podcast-card/ptc-podcast-card.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n@use \"../../../global/style/layout.scss\" as ;\r\n@use \"../../../global/style/links.scss\" as ;\r\n// @import \"../../global/style/layout.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tpadding: 2rem 0;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.flex-col {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\t.img-wrap {\r\n\t\t\talign-self: flex-start;\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\talign-self: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 20px;\r\n\t\tdisplay: block;\r\n\t\tmax-width: 400px;\r\n\t\twidth: 100%;\r\n\r\n\t\timg {\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t.first-img {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 3;\r\n\t\t}\r\n\r\n\t\t.second {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 10px;\r\n\t\t\tleft: 10px;\r\n\t\t\topacity: 0.6;\r\n\t\t\tright: 10px;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t.third {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 20px;\r\n\t\t\topacity: 0.3;\r\n\t\t\tright: 20px;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-podcast-card\",\r\n\tstyleUrl: \"ptc-podcast-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPodcastCard {\r\n\t/\r\n\t Card title\r\n\t /\r\n\t@Prop() heading?: string;\r\n\r\n\t/\r\n\t Card image source\r\n\t /\r\n\t@Prop() imageSrc?: string;\r\n\r\n\t/\r\n\t Card image alt text\r\n\t */\r\n\t@Prop() altText?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-gap-lg\">\r\n\t\t\t\t\t<div class=\"is-col is-col-4-md flex-col\">\r\n\t\t\t\t\t\t<div class={\"img-wrap\"}>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\tclass=\"first-img\"\r\n\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<span class=\"second\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\t\tclass=\"second-img\"\r\n\t\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"third\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\t\tclass=\"third-img\"\r\n\t\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col is-col-8-md flex-col\">\r\n\t\t\t\t\t\t<div class={\"content-wrap\"}>\r\n\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\ttype=\"h3\"\r\n\t\t\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\t\t\ttitle-size=\"large\"\r\n\t\t\t\t\t\t\t\ttitle-color=\"gray\"\r\n\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\ttitle-display=\"block\"\r\n\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t<slot name=\"seo-content\"></slot>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,~~ir2EAAir2E~~;;~~MCO9r2E~~,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEf,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EAChB,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,IAAI,CAAC,OAAO,GAChB,CACI,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EAChB,CAAA,CACI,CACF,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAA,EACzB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,MAAM,gBACN,OAAO,EAAA,aAAA,EACN,MAAM,EAClB,SAAS,EAAC,cAAc,EACV,eAAA,EAAA,OAAO,EACR,cAAA,EAAA,SAAS,EACT,cAAA,EAAA,cAAc,EACd,cAAA,EAAA,KAAK,EAEjB,EAAA,IAAI,CAAC,OAAO,CACF,EACZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAQ,CAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACD,CACD,CACA;;;;;;;"}
1	+ {"version":3,"file":"ptc-podcast-card.entry.esm.js","sources":["src/components/molecules/ptc-podcast-card/ptc-podcast-card.scss?tag=ptc-podcast-card&encapsulation=shadow","src/components/molecules/ptc-podcast-card/ptc-podcast-card.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n@use \"../../../global/style/layout.scss\" as ;\r\n@use \"../../../global/style/links.scss\" as ;\r\n// @import \"../../global/style/layout.scss\";\r\n// @import \"../../global/style/links.scss\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tpadding: 2rem 0;\r\n\r\n\t::slotted([slot=\"seo-content\"]) {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.flex-col {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\t.img-wrap {\r\n\t\t\talign-self: flex-start;\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\talign-self: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 20px;\r\n\t\tdisplay: block;\r\n\t\tmax-width: 400px;\r\n\t\twidth: 100%;\r\n\r\n\t\timg {\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t.first-img {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 3;\r\n\t\t}\r\n\r\n\t\t.second {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 10px;\r\n\t\t\tleft: 10px;\r\n\t\t\topacity: 0.6;\r\n\t\t\tright: 10px;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t.third {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 20px;\r\n\t\t\topacity: 0.3;\r\n\t\t\tright: 20px;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-podcast-card\",\r\n\tstyleUrl: \"ptc-podcast-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPodcastCard {\r\n\t/\r\n\t Card title\r\n\t /\r\n\t@Prop() heading?: string;\r\n\r\n\t/\r\n\t Card image source\r\n\t /\r\n\t@Prop() imageSrc?: string;\r\n\r\n\t/\r\n\t Card image alt text\r\n\t */\r\n\t@Prop() altText?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"is-grid has-col-gap-lg\">\r\n\t\t\t\t\t<div class=\"is-col is-col-4-md flex-col\">\r\n\t\t\t\t\t\t<div class={\"img-wrap\"}>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\tclass=\"first-img\"\r\n\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<span class=\"second\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\t\tclass=\"second-img\"\r\n\t\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"third\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\tsrc={this.imageSrc}\r\n\t\t\t\t\t\t\t\t\tclass=\"third-img\"\r\n\t\t\t\t\t\t\t\t\talt={this.altText}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"is-col is-col-8-md flex-col\">\r\n\t\t\t\t\t\t<div class={\"content-wrap\"}>\r\n\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\ttype=\"h3\"\r\n\t\t\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\t\t\ttitle-size=\"large\"\r\n\t\t\t\t\t\t\t\ttitle-color=\"gray\"\r\n\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\ttitle-display=\"block\"\r\n\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t<slot name=\"seo-content\"></slot>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,ou2EAAou2E;;MCOjv2E,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEf,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EAChB,CAAA,EACF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,IAAI,CAAC,OAAO,GAChB,CACI,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EAChB,CAAA,CACI,CACF,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAA,EACzB,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,MAAM,gBACN,OAAO,EAAA,aAAA,EACN,MAAM,EAClB,SAAS,EAAC,cAAc,EACV,eAAA,EAAA,OAAO,EACR,cAAA,EAAA,SAAS,EACT,cAAA,EAAA,cAAc,EACd,cAAA,EAAA,KAAK,EAEjB,EAAA,IAAI,CAAC,OAAO,CACF,EACZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAQ,CAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACD,CACD,CACA;;;;;;;"}

package/dist/fef-stencil-v4/ptc-readmore-char.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-readmore-char.entry.esm.js","sources":["src/components/atoms/ptc-readmore-char/ptc-readmore-char.scss?tag=ptc-readmore-char&encapsulation=shadow","src/components/atoms/ptc-readmore-char/ptc-readmore-char.tsx"],"sourcesContent":["@use \"../../global/style/links.scss\" as ;\r\n@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\r\n\t.description {\r\n\t\tdisplay: inline;\r\n\t}\r\n\r\n\t.truncated-label {\r\n\t\tcursor: pointer;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\ttext-decoration-line: underline;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.tracker-div {\r\n\t\t@include div-tracker;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-char\",\r\n\tstyleUrl: \"ptc-readmore-char.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreChar {\r\n\t/*\r\n\t The component\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t expanded state\r\n\t /\r\n\t@State() expanded: boolean = false;\r\n\t/\r\n\t * Character limits: Set your desired maximum character count\r\n\t /\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/\r\n\t Text content\r\n\t /\r\n\t@Prop() description: string;\r\n\t/\r\n\t Read More Text\r\n\t /\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/\r\n\t Read Less Text\r\n\t /\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t/\r\n\t Tracker id added for Mouseflow tracking\r\n\t */\r\n\t@Prop() trackerId: string;\r\n\r\n\t//componentWillUpdate() {\r\n\t// this.readMoreRendered.emit(true);\r\n\t//}\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst contentText = this.description ? this.description.trim() : \"\";\r\n\t\tconst truncatedContent =\r\n\t\t\tcontentText.length > this.maxCharacters\r\n\t\t\t\t? contentText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t\t: contentText;\r\n\t\tconst label = this.expanded ? this.readLessText : this.readMoreText;\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.expanded ? this.description : truncatedContent}\r\n\t\t\t\t</p>\r\n\t\t\t\t{contentText.length > this.maxCharacters && (\r\n\t\t\t\t\t<div id={this.trackerId} class={\"tracker-div\"}>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclass=\"truncated-label mf-listen\"\r\n\t\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\tthis.toggleExpand();\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\ttabIndex={0}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,~~miNAAmiN~~;;~~MCgBjjN~~,eAAe,GAAA,MAAA;;;;;;;AAK3B;;AAEI;IACK,QAAQ,GAAY,KAAK;AAClC;;AAEG;IACK,aAAa,GAAW,GAAG;AACnC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;IACK,YAAY,GAAW,WAAW;AAC1C;;AAEG;IACK,YAAY,GAAW,WAAW;AAEjC,IAAA,eAAe;AAEf,IAAA,gBAAgB;AAEzB;;AAEG;AACK,IAAA,SAAS;;;;IAMjB,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;QACnE,MAAM,gBAAgB,GACrB,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;AACzB,cAAE,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;cAC/C,WAAW;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;QAEnE,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,gBAAgB,CACjD,EACH,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,KACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAA,EAC5C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAClC,SAAS,EAAE,CAAC,CAAC,KAAI;AAChB,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACtB,IAAI,CAAC,YAAY,EAAE;;AAErB,aAAC,EACD,QAAQ,EAAE,CAAC,EAAA,EAEV,KAAK,CACC,CACH,CACN,CACK;;;;;;;"}
1	+ {"version":3,"file":"ptc-readmore-char.entry.esm.js","sources":["src/components/atoms/ptc-readmore-char/ptc-readmore-char.scss?tag=ptc-readmore-char&encapsulation=shadow","src/components/atoms/ptc-readmore-char/ptc-readmore-char.tsx"],"sourcesContent":["@use \"../../global/style/links.scss\" as ;\r\n@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\r\n\t.description {\r\n\t\tdisplay: inline;\r\n\t}\r\n\r\n\t.truncated-label {\r\n\t\tcursor: pointer;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\ttext-decoration-line: underline;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.tracker-div {\r\n\t\t@include div-tracker;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-char\",\r\n\tstyleUrl: \"ptc-readmore-char.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreChar {\r\n\t/*\r\n\t The component\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t expanded state\r\n\t /\r\n\t@State() expanded: boolean = false;\r\n\t/\r\n\t * Character limits: Set your desired maximum character count\r\n\t /\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/\r\n\t Text content\r\n\t /\r\n\t@Prop() description: string;\r\n\t/\r\n\t Read More Text\r\n\t /\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/\r\n\t Read Less Text\r\n\t /\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t/\r\n\t Tracker id added for Mouseflow tracking\r\n\t */\r\n\t@Prop() trackerId: string;\r\n\r\n\t//componentWillUpdate() {\r\n\t// this.readMoreRendered.emit(true);\r\n\t//}\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst contentText = this.description ? this.description.trim() : \"\";\r\n\t\tconst truncatedContent =\r\n\t\t\tcontentText.length > this.maxCharacters\r\n\t\t\t\t? contentText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t\t: contentText;\r\n\t\tconst label = this.expanded ? this.readLessText : this.readMoreText;\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.expanded ? this.description : truncatedContent}\r\n\t\t\t\t</p>\r\n\t\t\t\t{contentText.length > this.maxCharacters && (\r\n\t\t\t\t\t<div id={this.trackerId} class={\"tracker-div\"}>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclass=\"truncated-label mf-listen\"\r\n\t\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\tthis.toggleExpand();\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\ttabIndex={0}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,slNAAslN;;MCgBpmN,eAAe,GAAA,MAAA;;;;;;;AAK3B;;AAEI;IACK,QAAQ,GAAY,KAAK;AAClC;;AAEG;IACK,aAAa,GAAW,GAAG;AACnC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;IACK,YAAY,GAAW,WAAW;AAC1C;;AAEG;IACK,YAAY,GAAW,WAAW;AAEjC,IAAA,eAAe;AAEf,IAAA,gBAAgB;AAEzB;;AAEG;AACK,IAAA,SAAS;;;;IAMjB,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;QACnE,MAAM,gBAAgB,GACrB,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;AACzB,cAAE,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;cAC/C,WAAW;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;QAEnE,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,gBAAgB,CACjD,EACH,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,KACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa,EAAA,EAC5C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAClC,SAAS,EAAE,CAAC,CAAC,KAAI;AAChB,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACtB,IAAI,CAAC,YAAY,EAAE;;AAErB,aAAC,EACD,QAAQ,EAAE,CAAC,EAAA,EAEV,KAAK,CACC,CACH,CACN,CACK;;;;;;;"}

package/dist/fef-stencil-v4/ptc-store-card-list.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ptc-store-card-list.entry.esm.js","sources":["src/components/molecules/ptc-store-card-list/ptc-store-card-list.scss?tag=ptc-store-card-list","src/components/molecules/ptc-store-card-list/ptc-store-card-list.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n@import \"~swiper/swiper-bundle.css\";\r\n@import \"~swiper/swiper\";\r\n\r\nptc-store-card-list {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t@include screen-sm {\r\n\t\toverflow: visible;\r\n\t}\r\n\r\n\tptc-store-card {\r\n\t\twidth: 100%;\r\n\t\tptc-overlay {\r\n\t\t\tborder-bottom-left-radius: 0 !important;\r\n\t\t\tborder-bottom-right-radius: 0 !important;\r\n\t\t}\r\n\t\t.store-card-title {\r\n\t\t\tcolor: var(--color-gray-10) !important;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t.cta-link {\r\n\t\t\ttext-align: right;\r\n\t\t\tmargin-top: auto;\r\n\t\t\ta {\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\tgap: 6px;\r\n\t\t\t\tcolor: var(--color-green-07) !important;\r\n\t\t\t\tmargin-top: 12px;\r\n\t\t\t\tpadding: 4px 6px 4px 8px;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttransition: all var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"5\" width=\"2\" height=\"12\" fill=\"%2300890B\"/><rect y=\"7\" width=\"2\" height=\"12\" transform=\"rotate(-90 0 7)\" fill=\"%2300890B\"/></svg>');\r\n\t\t\t\t\twidth: 12px;\r\n\t\t\t\t\theight: 12px;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-green-01);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\tbackground-color: var(--color-green-02);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.store-card-logo {\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 24px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-container {\r\n\t\tpadding-bottom: 56px;\r\n\t\t@include screen-sm {\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-slide {\r\n\t\theight: auto;\r\n\t\tdisplay: flex;\r\n\t\tmax-width: 344px;\r\n\t\t@include screen-sm {\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-scrollbar.swiper-scrollbar-horizontal {\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\tbottom: 20px !important;\r\n\t\ttransform: translateX(-50%);\r\n\t\tz-index: 50;\r\n\t\twidth: 161px;\r\n\t\theight: 8px;\r\n\t\tborder-radius: 999px;\r\n\t\tbackground: #e4e7e9;\r\n\t}\r\n\r\n\t.swiper-scrollbar-drag {\r\n\t\theight: 8px;\r\n\t\tborder-radius: 999px;\r\n\t\tbackground: var(--color-gray-10);\r\n\t}\r\n\r\n\t.swiper-button-prev,\r\n\t.swiper-button-next {\r\n\t\ttop: auto;\r\n\t\tbottom: 5px;\r\n\t\theight: 40px;\r\n\t\twidth: 40px;\r\n\t\tborder-radius: 4px;\r\n\t\t&::after {\r\n\t\t\tcontent: none;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: #e4e7e9;\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-wrapper {\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\tgap: 32px;\r\n\t\t}\r\n\t\t@include screen-md {\r\n\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-scrollbar,\r\n\t.swiper-button-prev,\r\n\t.swiper-button-next {\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n.store-modal-card {\r\n\t.store-modal-body {\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 12px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\tbox-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t\tborder-radius: 10px;\r\n\t\t}\r\n\r\n\t\t::-webkit-scrollbar-thumb {\r\n\t\t\tbox-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\r\n\t\t\tborder-radius: 10px;\r\n\t\t}\r\n\t}\r\n\t.store-modal-content {\r\n\t\tpadding: 48px 24px 48px 24px;\r\n\r\n\t\t@include screen-xs {\r\n\t\t\tpadding: 32px 48px 48px 48px;\r\n\t\t}\r\n\t\t.store-modal-description {\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.modal-image-wrapper {\r\n\t\theight: 200px;\r\n\t\twidth: 100%;\r\n\t\tposition: relative;\r\n\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\tptc-overlay {\r\n\t\t\tborder-bottom-left-radius: 0 !important;\r\n\t\t\tborder-bottom-right-radius: 0 !important;\r\n\t\t}\r\n\t}\r\n\t.store-modal-footer {\r\n\t\tpadding: 8px 24px 24px 24px;\r\n\t\t@include screen-xs {\r\n\t\t\tpadding: 8px 32px 24px 32px;\r\n\t\t}\r\n\t}\r\n\t.store-modal-footer-buttons {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tgap: 16px;\r\n\t\tjustify-content: center;\r\n\t}\r\n}\r\n","import { Component, h, Element } from \"@stencil/core\";\r\nimport Swiper, { Navigation, Scrollbar, Pagination } from \"swiper\";\r\n\r\n@Component({\r\n\ttag: \"ptc-store-card-list\",\r\n\tstyleUrl: \"ptc-store-card-list.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcStoreCardList {\r\n\t@Element() el: HTMLElement;\r\n\r\n\tswiperInstance: Swiper;\r\n\tswiperScrollbarRef?: HTMLDivElement;\r\n\tswiperButtonNextRef?: HTMLDivElement;\r\n\tswiperButtonPrevRef?: HTMLDivElement;\r\n\tprivate breakpoint = 768;\r\n\r\n\tprivate modalTriggerClickHandler = (event: MouseEvent) => {\r\n\t\tconst trigger = event.currentTarget as HTMLElement;\r\n\r\n\t\t// Ensure the trigger is a child of this component instance\r\n\t\tif (!this.el.contains(trigger)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tevent.preventDefault();\r\n\t\tconst modalId = trigger.getAttribute(\"data-modal-target\");\r\n\t\tif (modalId) {\r\n\t\t\tconst modal = document.getElementById(modalId) as any;\r\n\t\t\tif (modal && typeof modal.showModal === \"function\") {\r\n\t\t\t\tmodal.showModal();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tcomponentDidLoad() {\r\n\t\twindow.addEventListener(\"resize\", this.handleResize.bind(this));\r\n\t\tthis.handleResize();\r\n\t\tthis.setupModalTriggers();\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\twindow.removeEventListener(\"resize\", this.handleResize.bind(this));\r\n\t\tthis.destroySwiper();\r\n\t\tthis.removeModalTriggers();\r\n\t}\r\n\r\n\tprivate setupModalTriggers() {\r\n\t\tconst modalTriggers = this.el.querySelectorAll(\"[data-modal-target]\");\r\n\t\tmodalTriggers.forEach((trigger) => {\r\n\t\t\ttrigger.addEventListener(\"click\", this.modalTriggerClickHandler);\r\n\t\t});\r\n\t}\r\n\r\n\tprivate removeModalTriggers() {\r\n\t\tconst modalTriggers = this.el.querySelectorAll(\"[data-modal-target]\");\r\n\t\tmodalTriggers.forEach((trigger) => {\r\n\t\t\ttrigger.removeEventListener(\"click\", this.modalTriggerClickHandler);\r\n\t\t});\r\n\t}\r\n\r\n\tprivate handleResize() {\r\n\t\tif (window.innerWidth < this.breakpoint) {\r\n\t\t\tthis.initSwiper();\r\n\t\t} else {\r\n\t\t\tthis.destroySwiper();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate initSwiper() {\r\n\t\tif (this.swiperInstance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst swiperContainer = this.el.querySelector(\r\n\t\t\t\".swiper-container\",\r\n\t\t) as HTMLElement;\r\n\r\n\t\tif (swiperContainer) {\r\n\t\t\tthis.swiperInstance = new Swiper(swiperContainer, {\r\n\t\t\t\tmodules: [Navigation, Scrollbar, Pagination],\r\n\t\t\t\tslidesPerView: 1.1,\r\n\t\t\t\tspaceBetween: 24,\r\n\t\t\t\tscrollbar: {\r\n\t\t\t\t\tel: this.swiperScrollbarRef,\r\n\t\t\t\t\tdraggable: true,\r\n\t\t\t\t},\r\n\t\t\t\tnavigation: {\r\n\t\t\t\t\tnextEl: this.swiperButtonNextRef,\r\n\t\t\t\t\tprevEl: this.swiperButtonPrevRef,\r\n\t\t\t\t},\r\n\t\t\t\tbreakpoints: {\r\n\t\t\t\t\t480: {\r\n\t\t\t\t\t\tslidesPerView: 1.3,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tprivate destroySwiper() {\r\n\t\tif (this.swiperInstance) {\r\n\t\t\tthis.swiperInstance.destroy(true, true);\r\n\t\t\tthis.swiperInstance = undefined;\r\n\r\n\t\t\t// Clean up swiper styles\r\n\t\t\tconst swiperWrapper = this.el.querySelector(\r\n\t\t\t\t\".swiper-wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (swiperWrapper) {\r\n\t\t\t\tswiperWrapper.style.transform = \"\";\r\n\t\t\t}\r\n\t\t\tconst slides = this.el.querySelectorAll(\".swiper-slide\");\r\n\t\t\tslides.forEach((slide: HTMLElement) => {\r\n\t\t\t\tslide.style.marginRight = \"\";\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"ptc-store-card-list-container\">\r\n\t\t\t\t<div class=\"swiper-container\">\r\n\t\t\t\t\t<div class=\"swiper-wrapper\">\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"swiper-scrollbar\"\r\n\t\t\t\t\tref={(el) => (this.swiperScrollbarRef = el)}\r\n\t\t\t\t></div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"swiper-button-next\"\r\n\t\t\t\t\tref={(el) => (this.swiperButtonNextRef = el)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"20\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 20\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\td=\"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z\"\r\n\t\t\t\t\t\t\tfill=\"#323B42\"\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\t<div\r\n\t\t\t\t\tclass=\"swiper-button-prev\"\r\n\t\t\t\t\tref={(el) => (this.swiperButtonPrevRef = el)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"20\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 20\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\td=\"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z\"\r\n\t\t\t\t\t\t\tfill=\"#323B42\"\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</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/fef-stencil-v4/ptc-store-card.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ptc-store-card.entry.esm.js","sources":["src/components/molecules/ptc-store-card/ptc-store-card.scss?tag=ptc-store-card&encapsulation=shadow","src/components/molecules/ptc-store-card/ptc-store-card.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tbackground-color: var(--color-white);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t/* Drop Shadow (X-Small) */\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\t.image-container {\r\n\t\theight: 120px;\r\n\t\tposition: relative;\r\n\t}\r\n\t.content-container {\r\n\t\tpadding: 16px;\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex: 1;\r\n\r\n\t\t/* Paragraph Small */\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t}\r\n\t::slotted(.store-card-logo) {\r\n\t\tdisplay: block;\r\n\t\tmax-height: 24px;\r\n\t\tmargin-bottom: 8px;\r\n\t}\r\n\t::slotted(h4) {\r\n\t\tmargin: 0 0 var(--ptc-element-spacing-02) 0 !important;\r\n\t}\r\n\t::slotted(a.store-card-title) {\r\n\t\tdisplay: block;\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\t::slotted(p) {\r\n\t\tmargin-bottom: 0 !important;\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t}\r\n}\r\n","import { Component, Host, h, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-store-card\",\r\n\tstyleUrl: \"ptc-store-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcStoreCard {\r\n\t@Element() el: HTMLElement;\r\n\r\n\tprivate hasTopImage: boolean = false;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.hasTopImage = !!this.el.querySelector('[slot=\"top-image\"]');\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.hasTopImage && (\r\n\t\t\t\t\t<div class=\"image-container\">\r\n\t\t\t\t\t\t<slot name=\"top-image\"></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div class=\"content-container\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,ixBAAixB;;MCO5xB,YAAY,GAAA,MAAA;;;;;IAGhB,WAAW,GAAY,KAAK;IAEpC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC;;IAGjE,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,IAAI,CAAC,WAAW,KAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACzB,CACN,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC7B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;"}

package/dist/types/components/atoms/ptc-modal/ptc-modal.d.ts CHANGED Viewed

@@ -48,6 +48,14 @@ export declare class PtcModal {
      * Sets if popup should have header footer sections
      */
     showHeaderFooter?: boolean;
+    /**
+     * Sets if popup should hide header
+     */
+    hideHeader?: boolean;
+    /**
+     * Use modern scrollbar styling for the modal body.
+     */
+    modernScrollbar?: boolean;
     overlayHeight: number;
     /**
      * Event for modal popup closed

package/dist/types/components/atoms/ptc-overlay/ptc-overlay.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export declare class PtcOverlay {
     /**
      * Filter Color
      */
-    filterColor: "blue" | "red" | "orange" | "green" | "black-1" | "black-2" | "black-3" | "black-4" | "black-5" | "slate-grey" | "bright-blue" | "bright-red" | "bright-orange" | "bright-green" | "bright-slate-grey" | "solid-black-1" | "solid-black-2" | "hp-blue" | "hp-green" | "hp-red" | "hp-gray" | "hp-orange" | "transparent" | string;
+    filterColor: "blue" | "red" | "orange" | "green" | "black-1" | "black-2" | "black-3" | "black-4" | "black-5" | "slate-grey" | "bright-blue" | "bright-red" | "bright-orange" | "bright-green" | "bright-slate-grey" | "solid-black-1" | "solid-black-2" | "hp-blue" | "hp-green" | "hp-red" | "hp-gray" | "hp-orange" | "transparent" | "white-bottom" | string;
     /**
      * Overlay border shape
      */

package/dist/types/components/molecules/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare class PtcBluePillAnnouncementBar {
+    render(): any;
+}

package/dist/types/components/molecules/ptc-store-card/ptc-store-card.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare class PtcStoreCard {
+    el: HTMLElement;
+    private hasTopImage;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/molecules/ptc-store-card-list/ptc-store-card-list.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import Swiper from "swiper";
+export declare class PtcStoreCardList {
+    el: HTMLElement;
+    swiperInstance: Swiper;
+    swiperScrollbarRef?: HTMLDivElement;
+    swiperButtonNextRef?: HTMLDivElement;
+    swiperButtonPrevRef?: HTMLDivElement;
+    private breakpoint;
+    private modalTriggerClickHandler;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupModalTriggers;
+    private removeModalTriggers;
+    private handleResize;
+    private initSwiper;
+    private destroySwiper;
+    render(): any;
+}

package/dist/types/components.d.ts CHANGED Viewed

@@ -448,6 +448,8 @@ export namespace Components {
          */
         "twitter": string;
     }
+    interface PtcBluePillAnnouncementBar {
+    }
     interface PtcBreadcrumb {
         /**
           * Theme Color
@@ -1698,6 +1700,11 @@ export namespace Components {
           * @default false
          */
         "hideContainer"?: boolean;
+        /**
+          * Sets if popup should hide header
+          * @default false
+         */
+        "hideHeader"?: boolean;
         "hideModal": () => Promise<void>;
         /**
           * Set url for content iframe to load if false will load slot element
@@ -1720,6 +1727,11 @@ export namespace Components {
 		| "default-modal"
 		| "event-listing"
 		| "thank-you";
+        /**
+          * Use modern scrollbar styling for the modal body.
+          * @default false
+         */
+        "modernScrollbar"?: boolean;
         /**
           * Sets if popup should overlay
           * @default true
@@ -2034,6 +2046,7 @@ export namespace Components {
 		| "hp-gray"
 		| "hp-orange"
 		| "transparent"
+		| "white-bottom"
 		| string;
         /**
           * Overlay z-index
@@ -3198,6 +3211,10 @@ export namespace Components {
          */
         "logo": string;
     }
+    interface PtcStoreCard {
+    }
+    interface PtcStoreCardList {
+    }
     interface PtcSubnav {
         /**
           * @default "See page topics"
@@ -4033,6 +4050,12 @@ declare global {
         prototype: HTMLPtcBioCardElement;
         new (): HTMLPtcBioCardElement;
     };
+    interface HTMLPtcBluePillAnnouncementBarElement extends Components.PtcBluePillAnnouncementBar, HTMLStencilElement {
+    }
+    var HTMLPtcBluePillAnnouncementBarElement: {
+        prototype: HTMLPtcBluePillAnnouncementBarElement;
+        new (): HTMLPtcBluePillAnnouncementBarElement;
+    };
     interface HTMLPtcBreadcrumbElement extends Components.PtcBreadcrumb, HTMLStencilElement {
     }
     var HTMLPtcBreadcrumbElement: {
@@ -5032,6 +5055,18 @@ declare global {
         prototype: HTMLPtcStickyTitleElement;
         new (): HTMLPtcStickyTitleElement;
     };
+    interface HTMLPtcStoreCardElement extends Components.PtcStoreCard, HTMLStencilElement {
+    }
+    var HTMLPtcStoreCardElement: {
+        prototype: HTMLPtcStoreCardElement;
+        new (): HTMLPtcStoreCardElement;
+    };
+    interface HTMLPtcStoreCardListElement extends Components.PtcStoreCardList, HTMLStencilElement {
+    }
+    var HTMLPtcStoreCardListElement: {
+        prototype: HTMLPtcStoreCardListElement;
+        new (): HTMLPtcStoreCardListElement;
+    };
     interface HTMLPtcSubnavElement extends Components.PtcSubnav, HTMLStencilElement {
     }
     var HTMLPtcSubnavElement: {
@@ -5271,6 +5306,7 @@ declare global {
         "ptc-background-video": HTMLPtcBackgroundVideoElement;
         "ptc-badge": HTMLPtcBadgeElement;
         "ptc-bio-card": HTMLPtcBioCardElement;
+        "ptc-blue-pill-announcement-bar": HTMLPtcBluePillAnnouncementBarElement;
         "ptc-breadcrumb": HTMLPtcBreadcrumbElement;
         "ptc-brightcov-video": HTMLPtcBrightcovVideoElement;
         "ptc-button": HTMLPtcButtonElement;
@@ -5372,6 +5408,8 @@ declare global {
         "ptc-sticky-icons": HTMLPtcStickyIconsElement;
         "ptc-sticky-section": HTMLPtcStickySectionElement;
         "ptc-sticky-title": HTMLPtcStickyTitleElement;
+        "ptc-store-card": HTMLPtcStoreCardElement;
+        "ptc-store-card-list": HTMLPtcStoreCardListElement;
         "ptc-subnav": HTMLPtcSubnavElement;
         "ptc-subnav-card": HTMLPtcSubnavCardElement;
         "ptc-subnav-v2": HTMLPtcSubnavV2Element;
@@ -5854,6 +5892,8 @@ declare namespace LocalJSX {
          */
         "twitter"?: string;
     }
+    interface PtcBluePillAnnouncementBar {
+    }
     interface PtcBreadcrumb {
         /**
           * Theme Color
@@ -7124,6 +7164,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "hideContainer"?: boolean;
+        /**
+          * Sets if popup should hide header
+          * @default false
+         */
+        "hideHeader"?: boolean;
         /**
           * Set url for content iframe to load if false will load slot element
          */
@@ -7145,6 +7190,11 @@ declare namespace LocalJSX {
 		| "default-modal"
 		| "event-listing"
 		| "thank-you";
+        /**
+          * Use modern scrollbar styling for the modal body.
+          * @default false
+         */
+        "modernScrollbar"?: boolean;
         /**
           * Event for modal popup closed
          */
@@ -7473,6 +7523,7 @@ declare namespace LocalJSX {
 		| "hp-gray"
 		| "hp-orange"
 		| "transparent"
+		| "white-bottom"
 		| string;
         /**
           * Overlay z-index
@@ -8651,6 +8702,10 @@ declare namespace LocalJSX {
          */
         "logo"?: string;
     }
+    interface PtcStoreCard {
+    }
+    interface PtcStoreCardList {
+    }
     interface PtcSubnav {
         /**
           * @default "See page topics"
@@ -9124,6 +9179,7 @@ declare namespace LocalJSX {
         "ptc-background-video": PtcBackgroundVideo;
         "ptc-badge": PtcBadge;
         "ptc-bio-card": PtcBioCard;
+        "ptc-blue-pill-announcement-bar": PtcBluePillAnnouncementBar;
         "ptc-breadcrumb": PtcBreadcrumb;
         "ptc-brightcov-video": PtcBrightcovVideo;
         "ptc-button": PtcButton;
@@ -9225,6 +9281,8 @@ declare namespace LocalJSX {
         "ptc-sticky-icons": PtcStickyIcons;
         "ptc-sticky-section": PtcStickySection;
         "ptc-sticky-title": PtcStickyTitle;
+        "ptc-store-card": PtcStoreCard;
+        "ptc-store-card-list": PtcStoreCardList;
         "ptc-subnav": PtcSubnav;
         "ptc-subnav-card": PtcSubnavCard;
         "ptc-subnav-v2": PtcSubnavV2;
@@ -9277,6 +9335,7 @@ declare module "@stencil/core" {
             "ptc-background-video": LocalJSX.PtcBackgroundVideo & JSXBase.HTMLAttributes<HTMLPtcBackgroundVideoElement>;
             "ptc-badge": LocalJSX.PtcBadge & JSXBase.HTMLAttributes<HTMLPtcBadgeElement>;
             "ptc-bio-card": LocalJSX.PtcBioCard & JSXBase.HTMLAttributes<HTMLPtcBioCardElement>;
+            "ptc-blue-pill-announcement-bar": LocalJSX.PtcBluePillAnnouncementBar & JSXBase.HTMLAttributes<HTMLPtcBluePillAnnouncementBarElement>;
             "ptc-breadcrumb": LocalJSX.PtcBreadcrumb & JSXBase.HTMLAttributes<HTMLPtcBreadcrumbElement>;
             "ptc-brightcov-video": LocalJSX.PtcBrightcovVideo & JSXBase.HTMLAttributes<HTMLPtcBrightcovVideoElement>;
             "ptc-button": LocalJSX.PtcButton & JSXBase.HTMLAttributes<HTMLPtcButtonElement>;
@@ -9378,6 +9437,8 @@ declare module "@stencil/core" {
             "ptc-sticky-icons": LocalJSX.PtcStickyIcons & JSXBase.HTMLAttributes<HTMLPtcStickyIconsElement>;
             "ptc-sticky-section": LocalJSX.PtcStickySection & JSXBase.HTMLAttributes<HTMLPtcStickySectionElement>;
             "ptc-sticky-title": LocalJSX.PtcStickyTitle & JSXBase.HTMLAttributes<HTMLPtcStickyTitleElement>;
+            "ptc-store-card": LocalJSX.PtcStoreCard & JSXBase.HTMLAttributes<HTMLPtcStoreCardElement>;
+            "ptc-store-card-list": LocalJSX.PtcStoreCardList & JSXBase.HTMLAttributes<HTMLPtcStoreCardListElement>;
             "ptc-subnav": LocalJSX.PtcSubnav & JSXBase.HTMLAttributes<HTMLPtcSubnavElement>;
             "ptc-subnav-card": LocalJSX.PtcSubnavCard & JSXBase.HTMLAttributes<HTMLPtcSubnavCardElement>;
             "ptc-subnav-v2": LocalJSX.PtcSubnavV2 & JSXBase.HTMLAttributes<HTMLPtcSubnavV2Element>;