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/components/{p-8vzwNc3z.js.map → p-CA2kCxuI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-8vzwNc3z.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
1	+ {"file":"p-CA2kCxuI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/{p-xwuMMQpY.js → p-CCiKlHR_.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 import { a as ResponsivePictureVariables } from './p-La9TS7bL.js';
 const ptcPictureCss = ":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{-o-object-fit:cover;object-fit:cover}.fill{-o-object-fit:fill;object-fit:fill}.contain{-o-object-fit:contain;object-fit:contain}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.none{-o-object-fit:none;object-fit:none}.initial{-o-object-fit:initial;object-fit:initial}.inherit{-o-object-fit:inherit;object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
@@ -290,6 +290,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPicture as P, defineCustomElement as d };
-//# sourceMappingURL=p-xwuMMQpY.js.map
+//# sourceMappingURL=p-CCiKlHR_.js.map
-//# sourceMappingURL=p-xwuMMQpY.js.map
+//# sourceMappingURL=p-CCiKlHR_.js.map

package/dist/components/{p-xwuMMQpY.js.map → p-CCiKlHR_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-xwuMMQpY.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,m9BAAm9B;;MCoB59B,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAGtB;;AAEG;AACK,IAAA,GAAG;AACX;;AAEG;IACK,GAAG,GAAW,OAAO;AAC7B;;;AAGG;IACsB,MAAM,GAAW,SAAS;AACnD;;;AAGG;IACsB,MAAM,GAAW,UAAU;AACpD;;;AAGG;IACsB,MAAM,GAAW,UAAU;AACpD;;;AAGG;IACsB,MAAM,GAAW,WAAW;AACrD;;AAEG;IACsB,aAAa,GAAY,KAAK;AACvD;;AAEI;AACK,IAAA,MAAM;AACf;;AAEG;IACK,aAAa,GAAuC,QAAQ;AACpE;;AAEG;AACK,IAAA,YAAY;AAKpB;;;;AAIG;AACK,IAAA,MAAM;AACd;;;;AAIG;AACK,IAAA,KAAK;AACb;;;AAGG;IACK,SAAS,GAOF,OAAO;AACtB;;AAEG;IACK,YAAY,GAAY,KAAK;AACrC;;AAEG;IACK,WAAW,GAAY,KAAK;AACpC;;AAEI;AACI,IAAA,MAAM;AACd;;AAEI;IACI,cAAc,GAAiC,MAAM;AAC7D;;;;AAII;AACI,IAAA,QAAQ;AAEhB;;AAEI;IACI,YAAY,GAAyC,OAAO;AAEpE,IAAA,QAAQ;IAGR,YAAY,GAAA;QACX,IAAI,CAAC,uBAAuB,EAAE;;AAG/B,IAAA,EAAE;IAEF,iBAAiB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,YAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;;IAIzB,gBAAgB,GAAA;QACf,IAAI,CAAC,uBAAuB,EAAE;;IAG/B,mBAAmB,GAAA;QAClB,IAAI,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7B,IAAI,CAAC,uBAAuB,EAAE;;AAE/B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG;;;IAIvB,uBAAuB,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YACd;;AAED,QAAA,IAAI,sBAAsB,IAAI,MAAM,EAAE;YACrC,IAAI,cAAc,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,KAAI;AACzD,gBAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACzB,oBAAA,IAAI,KAAK,CAAC,cAAc,EAAE;AACzB,wBAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,wBAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,wBAAA,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC;;AAEjC,iBAAC,CAAC;AACH,aAAC,CAAC;AACF,YAAA,IAAI,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;YACrD,IAAI,OAAO,EAAE;AACZ,gBAAA,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;;AAGhC,YAAA,IAAI,CAAC,QAAQ,GAAG,cAAc;;aACxB;;YAEN,UAAU,CAAC,MAAK;AACf,gBAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,gBAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,gBAAA,KAAK,CAAC,MAAM,GAAG,MAAK;AACnB,oBAAA,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC;AAClC,iBAAC;aACD,EAAE,IAAI,CAAC;;;;IAKV,eAAe,GAAA;;QAEd,IAAI,WAAW,GAAG,CAChB,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,QAAQ,EAC7B,gBAAgB,CAAc,KAAK,CAAC,EACtC,EAAe,EACf,MAAc,EACd,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAEjD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;;AAEvD,YAAA,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC;YACnB,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,GAAG,iBAAiB,CAAC;AACrD,YAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACpB,gBAAA,OAAO,MAAM;;iBACP;AACN,gBAAA,IAAI,OAAO,OAAO,IAAI,QAAQ,EAAE;oBAC/B,OAAO,CAAC,IAAI,CACX,uBAAuB;wBACtB,iBAAiB;wBACjB,4BAA4B;AAC5B,wBAAA,EAAE,CAAC,SAAS;AACZ,wBAAA,QAAQ,CACT;;;;;;AAQL,IAAA,MAAM,SAAS,GAAA;AACd,QAAA,MAAM,KAAK,GACV,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAG,CAAC,KAAK,EAAE;YACV;;AAGD,QAAA,IAAG,CAAC,KAAK,CAAC,GAAG,EAAE;AACd,YAAA,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,YAAA,KAAK,CAAC,MAAM,GAAG,MAAK;AACnB,gBAAA,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC;AAClC,aAAC;;AAGF,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;;;IAIhC,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE;QAC9C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,EAAA,EACvB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,EAAA,SAAA,EACN,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,CAAE,CAAA,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,EAC7C,SAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,EAAE,EAKlD,IAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAClD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE;AACN,gBAAA,IAAI,CAAC,CAAC,IAAI,CAAC;sBACR,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI;sBAChC,EAAE,CAAC;AACN,aAAA,EACA,CAAA,EACF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAID,qBAAqB,GAAA;;AAE5B,QAAA,IAAI,GAAG,GAAG,MAAM,CAAC,QAAQ,EACxB,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,EAC/B,GAAQ;;AAGT,QAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AAG1B,QAAA,KAAK,IAAI,CAAC,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACrE,YAAA,GAAG,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC,CAAC;;AAGxC,YAAA,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,GAAG;;AAGhC,YAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;;AAE/B,gBAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AAG1B,gBAAA,OAAO,GAAG;;;;AAIZ,QAAA,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAC1B,QAAA,OAAO,IAAI,CAAC,qBAAqB,EAAE;;IAG5B,qBAAqB,GAAA;QAC5B,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AACpD,YAAA,OAAO,IAAI;;aACL,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AAC3D,YAAA,OAAO,IAAI;;aACL,IAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,EAAE;AAC3D,YAAA,OAAO,IAAI;;aACL;AACN,YAAA,OAAO,IAAI;;;IAIL,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;AACtB,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,IAAI;AACjE,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,eAAe,GAAG,iBAAiB,GAAG,IAAI;AAC9D,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;SACzB;;IAEM,kBAAkB,GAAA;QACzB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;AAC1B,YAAA,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI;SAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CCiKlHR_.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-picture/ptc-picture.scss?tag=ptc-picture&encapsulation=shadow","src/components/atoms/ptc-picture/ptc-picture.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\toverflow: hidden;\r\n\t.inline {\r\n\t\tdisplay: inline;\r\n\t}\r\n\t.inline-block {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t.block {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n:host(.relative) {\r\n\tposition: relative;\r\n}\r\n:host(.static) {\r\n\tposition: static;\r\n}\r\n:host(.absoltue) {\r\n\tposition: absolute;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.cover {\r\n\tobject-fit: cover;\r\n}\r\n.fill {\r\n\tobject-fit: fill;\r\n}\r\n.contain {\r\n\tobject-fit: contain;\r\n}\r\n.scale-down {\r\n\tobject-fit: scale-down;\r\n}\r\n.none {\r\n\tobject-fit: none;\r\n}\r\n.initial {\r\n\tobject-fit: initial;\r\n}\r\n.inherit {\r\n\tobject-fit: inherit;\r\n}\r\n\r\n.radius-standard {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n.radius-large {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n.radius-pill {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n.radius-circle {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n.is-full-height {\r\n\theight: 100%;\r\n}\r\n.is-full-width {\r\n\twidth: 100%;\r\n}\r\n:host(.left) {\r\n\ttext-align: left;\r\n}\r\n:host(.right) {\r\n\ttext-align: right;\r\n}\r\n:host(.center) {\r\n\ttext-align: center;\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tListen,\r\n\tState,\r\n\tHost,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport {\r\n\tCssClassMap,\r\n\tResponsivePictureVariables,\r\n} from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-picture\",\r\n\tstyleUrl: \"ptc-picture.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPicture {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Image Render Src\r\n\t /\r\n\t@Prop() src: string;\r\n\t/\r\n\t Image alt\r\n\t /\r\n\t@Prop() alt: string = \"image\";\r\n\t/\r\n\t Image size for smallest screen\r\n\t * <=767px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/\r\n\t Image size for small screen\r\n\t * >=768px and <=991px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/\r\n\t Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/\r\n\t Image solution for large screen\r\n\t * >=1200px\r\n\t /\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/\r\n\t Disable Image resizing solution\r\n\t /\r\n\t@Prop({ mutable: true }) disableResize: boolean = false;\r\n\t/\r\n\t Image Src\r\n\t /\r\n\t@State() oldSrc: string;\r\n\t/\r\n\t * Image Position\r\n\t /\r\n\t@Prop() imagePosition: \"relative\" \| \"absolute\" \| \"static\" = \"static\";\r\n\t/\r\n\t Image border shape\r\n\t /\r\n\t@Prop() borderRadius:\r\n\t\t\| \"radius-standard\"\r\n\t\t\| \"radius-large\"\r\n\t\t\| \"radius-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Set height\r\n\t * Value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() height?: string;\r\n\t/\r\n\t Set Width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() width?: string;\r\n\t/\r\n\t Object Fit\r\n\t * Default: cover\r\n\t /\r\n\t@Prop() objectFit:\r\n\t\t\| \"cover\"\r\n\t\t\| \"fill\"\r\n\t\t\| \"contain\"\r\n\t\t\| \"scale-down\"\r\n\t\t\| \"none\"\r\n\t\t\| \"initial\"\r\n\t\t\| \"inherit\" = \"cover\";\r\n\t/\r\n\t Stretch height to 100%?\r\n\t /\r\n\t@Prop() isFullHeight: boolean = false;\r\n\t/\r\n\t Stretch width to 100%?\r\n\t /\r\n\t@Prop() isFullWidth: boolean = false;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * (optional) Image alignment\r\n\t /\r\n\t@Prop() imageAlignment?: \"left\" \| \"right\" \| \"center\" = \"left\";\r\n\t/\r\n\t * (optional) Set max-width\r\n\t * value unit: pixles\r\n\t * Just put numbers without unit\r\n\t /\r\n\t@Prop() maxWidth?: string;\r\n\r\n\t/\r\n\t * Display image: inline, inline-block, block\r\n\t **/\r\n\t@Prop() displayImage?: \"inline\" \| \"inline-block\" \| \"block\" = \"block\";\r\n\r\n\tobserver: IntersectionObserver;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tio: IntersectionObserver;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (this.disableResize) {\r\n\t\t\tthis.sizeXs = undefined;\r\n\t\t\tthis.sizeSm = undefined;\r\n\t\t\tthis.sizeMd = undefined;\r\n\t\t\tthis.sizeLg = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tif (this.src !== this.oldSrc) {\r\n\t\t\tthis.addIntersectionObserver();\r\n\t\t}\r\n\t\tthis.oldSrc = this.src;\r\n\t}\r\n\r\n\t//lazy-loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.src) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadImages = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\t\t\tlazyLoadImages.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tlet tempImg = this.el.shadowRoot.querySelector(\"img\");\r\n\t\t\tif (tempImg) {\r\n\t\t\t\tlazyLoadImages.observe(tempImg);\r\n\t\t\t}\r\n\r\n\t\t\tthis.observer = lazyLoadImages;\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tconst image: HTMLImageElement =\r\n\t\t\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\t\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\t\timage.onload = () => {\r\n\t\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t\t};\r\n\t\t\t}, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (\r\n\t\t\t\tthis.el.shadowRoot \|\| document\r\n\t\t\t).querySelectorAll<HTMLElement>(\"img\"),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\treturn elData;\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//manually load image\r\n\t@Method()\r\n\tasync LoadImage() {\r\n\t\tconst image: HTMLImageElement =\r\n\t\t\tthis.el.shadowRoot.querySelector(\"img\");\r\n\r\n\t\tif(!image) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif(!image.src) {\r\n\t\t\timage.src = this.setResponsiveBg();\r\n\t\t\timage.onload = () => {\r\n\t\t\t\timage.removeAttribute(\"data-src\");\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif(this.observer) {\r\n\t\t\tthis.observer.unobserve(image);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst classMapHost = this.getCssClassMapHost();\r\n\t\treturn (\r\n\t\t\t<Host class={classMapHost}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={!!this.sizeXs ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-sm={!!this.sizeSm ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-md={!!this.sizeMd ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\tdata-lg={!!this.sizeLg ? `${this.src}` : `${this.src}`}\r\n\t\t\t\t\t// data-xs={`${this.src}:${this.sizeXs}`}\r\n\t\t\t\t\t// data-sm={`${this.src}:${this.sizeSm}`}\r\n\t\t\t\t\t// data-md={`${this.src}:${this.sizeMd}`}\r\n\t\t\t\t\t// data-lg={`${this.src}:${this.sizeLg}`}\r\n\t\t\t\t\t{...(!!this.width ? { width: this.width } : {})}\r\n\t\t\t\t\t{...(!!this.height ? { height: this.height } : {})}\r\n\t\t\t\t\talt={this.alt}\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t...(!!this.maxWidth\r\n\t\t\t\t\t\t\t? { maxWidth: this.maxWidth + \"px\" }\r\n\t\t\t\t\t\t\t: {}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsivePictureVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.borderRadius]: this.borderRadius ? true : false,\r\n\t\t\t[this.objectFit]: true,\r\n\t\t\t[this.isFullHeight ? \"is-full-height\" : \"is-normal-height\"]: true,\r\n\t\t\t[this.isFullWidth ? \"is-full-width\" : \"is-normal-width\"]: true,\r\n\t\t\t[this.displayImage]: true,\r\n\t\t};\r\n\t}\r\n\tprivate getCssClassMapHost(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imagePosition]: true,\r\n\t\t\t[this.imageAlignment]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-QrrFuybt.js → p-CZBmIV8m.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$4 } from './p-DXyFE3iB.js';
-import { d as defineCustomElement$3 } from './p-DOyYGAMs.js';
-import { d as defineCustomElement$2 } from './p-RXxAc6JR.js';
-import { d as defineCustomElement$1 } from './p-DFvvSoPo.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$4 } from './p-DV4OkgcS.js';
+import { d as defineCustomElement$3 } from './p-D3bpXdIz.js';
+import { d as defineCustomElement$2 } from './p-DClUcrE4.js';
+import { d as defineCustomElement$1 } from './p-DRaurB1z.js';
 const ptcImageDownloadStripCss = ":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .strip .dl-btn img{max-height:18px;width:12px}";
@@ -24,9 +24,9 @@ const PtcImageDownloadStrip = /*@__PURE__*/ proxyCustomElement(class PtcImageDow
      */
     trackerId;
     render() {
-        return (h(Host, { key: '5ddd067685734660f391dd6e45148c650e6dad2b' }, h("slot", { key: '84d343f05f0c37ab84a6aa4b4b1403b6a09f54ad' }), h("div", { key: '7a8134627633d9f87501a797404a64e3a85749b4', class: "strip mf-listen" }, h("a", { key: '9e97e37d6d2178de6a1520e5f157431e3b6a4c32', class: "dl-btn", href: "javascript:void()", onClick: () => {
+        return (h(Host, { key: '67076e6c6156ecf54f693b0518d76f23700238ca' }, h("slot", { key: '97aa077e9ced27503d3580b65a9656200bafd306' }), h("div", { key: '9ed610dbabaf01c164d4f524e1985fd1ef59a8da', class: "strip mf-listen" }, h("a", { key: '8bd03aefe234c77cd00688f53b58e48fd25fe3f6', class: "dl-btn", href: "javascript:void()", onClick: () => {
                 this.openModal();
-            }, tabindex: "0" }, h("span", { key: '8754f3073259d7e429b7648eaf880af41f912809', class: "dl-text" }, "Download"), h("img", { key: '99e2a48e30f11f7ec5b719b8905cd9438d8c1098', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '0acd4143581edcee2bec12fc47364b65ad401dfb', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '37bac379a8aa67bb3b1a785b4d03298a12343f65', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
+            }, tabindex: "0" }, h("span", { key: '294ffc352b8329c2608886fe260ea66d24062b1b', class: "dl-text" }, "Download"), h("img", { key: 'a8e15fd07ce9ba15277766076468abe5ef32af30', src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { key: '387deb87603282deadab0fc9cc2052e6282d37e7', id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { key: '9cc984041ff749ba292e5157c362e6721586c91f', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
     }
     openModal() {
         let modal = this.el.shadowRoot.querySelector("#strip-download-modal");
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcImageDownloadStrip as P, defineCustomElement as d };
-//# sourceMappingURL=p-QrrFuybt.js.map
+//# sourceMappingURL=p-CZBmIV8m.js.map
-//# sourceMappingURL=p-QrrFuybt.js.map
+//# sourceMappingURL=p-CZBmIV8m.js.map

package/dist/components/{p-QrrFuybt.js.map → p-CZBmIV8m.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~QrrFuybt~~.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CZBmIV8m.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,49BAA49B;;MCOh/B,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEjC;;AAEG;AACK,IAAA,WAAW;AACnB;;AAEG;AACK,IAAA,SAAS;IAEjB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,MAAK;gBACb,IAAI,CAAC,SAAS,EAAE;aAChB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAgB,EAAA,UAAA,CAAA,EACrC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,wDAAwD,EAC5D,GAAG,EAAC,YAAY,EACf,CAAA,CACC,CACC,EACN,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,kBACG,IAAI,EAAA,EAElB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACN,cAAA,EAAA,KAAK,EAClB,SAAS,EAAC,cAAc,EAAA,EAAA,wBAAA,CAGb,CACD,CACN;;IAIT,SAAS,GAAA;AACR,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;AACrE,QAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAClC,UAAU,CAAC,MAAK;AACf,YAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,EAAE,OAAO,CAAC;SAC3C,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.scss?tag=ptc-image-download-strip&encapsulation=shadow","src/components/molecules/ptc-image-download-strip/ptc-image-download-strip.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tfont-family: var(--ptc-font-secondary-latin);\r\n\t.strip {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tbackdrop-filter: blur(15.2px);\r\n\t\tbackground: rgb(255, 255, 255);\r\n\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\twidth: 100%;\r\n\t\tpadding: 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-align: right;\r\n\t\t.dl-btn {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 40px;\r\n\t\t\tbackground-image: -o-linear-gradient(162deg, #74c34d, #00783e);\r\n\t\t\tbackground-image: linear-gradient(288deg, #74c34d, #00783e);\r\n\t\t\tborder: 1px solid #fff;\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-left: auto;\r\n\t\t\talign-items: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.dl-text {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 1.25;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 3px 20px 0 #74c34d;\r\n\t\t\t\t.dl-text {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\ttransition: none;\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 18px;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-image-download-strip\",\r\n\tstyleUrl: \"ptc-image-download-strip.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcImageDownloadStrip {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t News download url\r\n\t /\r\n\t@Prop() downloadUrl?: string;\r\n\t/\r\n\t tracker-id\r\n\t */\r\n\t@Prop() trackerId?: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div class=\"strip mf-listen\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclass=\"dl-btn\"\r\n\t\t\t\t\t\thref=\"javascript:void()\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tthis.openModal();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dl-text\">Download</span>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc=\"https://www.ptc.com/dist/ptc/images/download-arrow.svg\"\r\n\t\t\t\t\t\t\talt=\"Down Arrow\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ptc-modal\r\n\t\t\t\t\tid=\"strip-download-modal\"\r\n\t\t\t\t\tshow={false}\r\n\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\tfixed={true}\r\n\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t</ptc-modal>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\topenModal() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\"#strip-download-modal\");\r\n\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\tsetTimeout(() => {\r\n\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\twindow.open(`${this.downloadUrl}`, \"_self\");\r\n\t\t}, 1000);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DvvLkicy.js → p-CgM2S4F0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0;margin-left:2px}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.breadcrumb) li a.item-link:focus-visible{transition:none;padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.list-footer) li a:focus-visible{transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;-webkit-text-decoration:underline 1px solid;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}";
@@ -81,6 +81,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { ListItem as L, defineCustomElement as d };
-//# sourceMappingURL=p-DvvLkicy.js.map
+//# sourceMappingURL=p-CgM2S4F0.js.map
-//# sourceMappingURL=p-DvvLkicy.js.map
+//# sourceMappingURL=p-CgM2S4F0.js.map

package/dist/components/{p-DvvLkicy.js.map → p-CgM2S4F0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DvvLkicy~~.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+yGAA+yG;;MCQtzG,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACZ,QAAQ,GAKM,cAAc;IAE5B,QAAQ,GAAY,SAAS;IAE7B,WAAW,GAAY,KAAK;IAE5B,UAAU,GAAuB,OAAO;IAExC,iBAAiB,GAAY,KAAK;AAElC,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEI;AACI,IAAA,MAAM;;IAGN,SAAS,GAAW,EAAE;;IAI9B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QACtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAEpB,EAAA,IAAI,CAAC,QAAQ,IACb,CAAA,CAAA,GAAA,EAAA,EACC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,IAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC7C,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS;AAChC,kBAAE,EAAE,CAAC,EACN,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACV,KAEJ,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACb,CACG,CACC;;IAID,cAAc,GAAA;QACrB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACvD,YAAA,IAAI;gBACH,QAAQ;oBACP,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAChD,QAAQ,CACR;wBACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,KAAK,gBAAgB;;YAC3D,OAAO,GAAG,EAAE;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;;;QAGlB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACrB,YAAA,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;YACzC,CAAC,mBAAmB,GAAG,QAAQ;YAC/B,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/list-item/list-item.scss?tag=list-item&encapsulation=shadow","src/components/atoms/list-item/list-item.tsx"],"sourcesContent":[":host(.list-primary) {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.flush-before) {\r\n\tli::before {\r\n\t\tcontent: \"\" !important;\r\n\t}\r\n}\r\n\r\n:host(.breadcrumb) {\r\n\tdisplay: inline-block;\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\t&::before {\r\n\t\t\tcontent: \"/\";\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-left: 2px;\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\t\t\t\t&:focus-visible {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t\t//@include focus-state;\r\n\t\t\t\t\tpadding-bottom: 5px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.breadcrumb-center) {\r\n\tli {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n:host(.list-green) {\r\n\tdisplay: block;\r\n\tmargin-bottom: 16px;\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: underline;\r\n\t\t\ttext-decoration-thickness: 1.5px;\r\n\t\t\ttext-decoration-color: var(--color-green-04);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\ttransition: color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\ttext-underline-offset: 4px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--color-green-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(:not(.flush-before)) {\r\n\tli::before {\r\n\t\tmargin-right: 2px;\r\n\t}\r\n}\r\n\r\n:host(.list-footer) {\r\n\tli {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-style: normal;\r\n\t\tfont-stretch: normal;\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: normal;\r\n\t\tcolor: var(--color-white);\r\n\t\tmargin: 0 0.5rem;\r\n\r\n\t\ta {\r\n\t\t\tcolor: var(--color-white-grey);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-green-06);\r\n\t\t\t\tcolor: var(--color-white-grey);\r\n\t\t\t\ttransition: border var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\t\t\t}\r\n\r\n\t\t\t&:active {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-green-06);\r\n\t\t\t\tcolor: var(--color-white-grey);\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\toutline: 3px solid var(--color-blue-07);\r\n\t\t\t\toutline-offset: 2px;\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\tborder-color: transparent !important;\r\n\t\t\t}\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t//@include focus-state;\r\n\t\t\t\ttransition: none !important;\r\n\t\t\t\tborder-color: white !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.white) {\r\n\tli {\r\n\t\tcolor: var(--color-white);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.light-gray) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-01);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-01);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.primary-gray) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.list-underline) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tlist-style: none;\r\n\t\ttext-decoration: underline 1px solid;\r\n\t\ttext-underline-offset: 2px;\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\ta {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 4px 0;\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// &:focus-visible {\r\n\t\t\t// \t@include base-focus-state;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// :host {\r\n// \tli {\r\n// \t\t.has-before-home-icon {\r\n// \t\t\tdisplay: block;\r\n// \t\t\t@include screen-xs {\r\n// \t\t\t\tdisplay: none;\r\n// \t\t\t}\r\n// \t\t}\r\n// \t}\r\n// }\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"list-item\",\r\n\tstyleUrl: \"list-item.scss\",\r\n\tshadow: true,\r\n})\r\nexport class ListItem {\r\n\t@Prop() listType:\r\n\t\t\| \"list-primary\"\r\n\t\t\| \"list-footer\"\r\n\t\t\| \"breadcrumb\"\r\n\t\t\| \"list-green\"\r\n\t\t\| \"list-underline\" = \"list-primary\";\r\n\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() flushBefore: boolean = false;\r\n\r\n\t@Prop() linkTarget: string \| undefined = \"_self\";\r\n\r\n\t@Prop() hasBeforeHomeIcon: boolean = false;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\t/*\r\n\t Theme color\r\n\t /\r\n\t@Prop() color?: \"white\" \| \"primary-gray\" \| \"light-gray\";\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// Properties for accessibilty / aria\r\n\t@Prop() ariaLabel: string = \"\";\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<li id={this.trackerId}>\r\n\t\t\t\t\t{/ {this.hasBeforeHomeIcon ? <icon-asset class=\"has-before-home-icon\" type=\"ptc\" size=\"medium\" name=\"icon-home\" color={this.color}></icon-asset> : null} */}\r\n\t\t\t\t\t{this.linkHref ? (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tclass=\"item-link\"\r\n\t\t\t\t\t\t\ttarget={this.linkTarget}\r\n\t\t\t\t\t\t\t{...(this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t\t? { \"aria-label\": this.ariaLabel }\r\n\t\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<slot></slot>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</li>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tlet bcEnable = false;\r\n\t\tif (this.hostElement && this.hostElement.parentElement) {\r\n\t\t\ttry {\r\n\t\t\t\tbcEnable =\r\n\t\t\t\t\tthis.hostElement.parentElement.classList.contains(\r\n\t\t\t\t\t\t\"center\",\r\n\t\t\t\t\t) &&\r\n\t\t\t\t\tthis.hostElement.parentElement.tagName === \"PTC-BREADCRUMB\";\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.log(err);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t[this.listType]: true,\r\n\t\t\t[\"flush-before\"]: this.flushBefore ? true : false,\r\n\t\t\t[this.color]: !!this.color ? true : false,\r\n\t\t\t[\"breadcrumb-center\"]: bcEnable,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CgM2S4F0.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+yGAA+yG;;MCQtzG,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACZ,QAAQ,GAKM,cAAc;IAE5B,QAAQ,GAAY,SAAS;IAE7B,WAAW,GAAY,KAAK;IAE5B,UAAU,GAAuB,OAAO;IAExC,iBAAiB,GAAY,KAAK;AAElC,IAAA,SAAS;AAEjB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEI;AACI,IAAA,MAAM;;IAGN,SAAS,GAAW,EAAE;;IAI9B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QACtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAEpB,EAAA,IAAI,CAAC,QAAQ,IACb,CAAA,CAAA,GAAA,EAAA,EACC,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,IAClB,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC7C,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS;AAChC,kBAAE,EAAE,CAAC,EACN,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACV,KAEJ,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACb,CACG,CACC;;IAID,cAAc,GAAA;QACrB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;AACvD,YAAA,IAAI;gBACH,QAAQ;oBACP,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAChD,QAAQ,CACR;wBACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,KAAK,gBAAgB;;YAC3D,OAAO,GAAG,EAAE;AACb,gBAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;;;QAGlB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACrB,YAAA,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;YACzC,CAAC,mBAAmB,GAAG,QAAQ;YAC/B,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/list-item/list-item.scss?tag=list-item&encapsulation=shadow","src/components/atoms/list-item/list-item.tsx"],"sourcesContent":[":host(.list-primary) {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.flush-before) {\r\n\tli::before {\r\n\t\tcontent: \"\" !important;\r\n\t}\r\n}\r\n\r\n:host(.breadcrumb) {\r\n\tdisplay: inline-block;\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tdisplay: flex;\r\n\t\talign-items: baseline;\r\n\t\t&::before {\r\n\t\t\tcontent: \"/\";\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-left: 2px;\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\t\t\t\t&:focus-visible {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t\t//@include focus-state;\r\n\t\t\t\t\tpadding-bottom: 5px;\r\n\t\t\t\t\tpadding-right: 5px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.breadcrumb-center) {\r\n\tli {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n:host(.list-green) {\r\n\tdisplay: block;\r\n\tmargin-bottom: 16px;\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: underline;\r\n\t\t\ttext-decoration-thickness: 1.5px;\r\n\t\t\ttext-decoration-color: var(--color-green-04);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\ttransition: color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\ttext-underline-offset: 4px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--color-green-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(:not(.flush-before)) {\r\n\tli::before {\r\n\t\tmargin-right: 2px;\r\n\t}\r\n}\r\n\r\n:host(.list-footer) {\r\n\tli {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-style: normal;\r\n\t\tfont-stretch: normal;\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t\tletter-spacing: normal;\r\n\t\tcolor: var(--color-white);\r\n\t\tmargin: 0 0.5rem;\r\n\r\n\t\ta {\r\n\t\t\tcolor: var(--color-white-grey);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-green-06);\r\n\t\t\t\tcolor: var(--color-white-grey);\r\n\t\t\t\ttransition: border var(--ptc-ease-inout)\r\n\t\t\t\t\tvar(--ptc-transition-medium);\r\n\t\t\t}\r\n\r\n\t\t\t&:active {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tborder-bottom: 1px solid var(--color-green-06);\r\n\t\t\t\tcolor: var(--color-white-grey);\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\toutline: 3px solid var(--color-blue-07);\r\n\t\t\t\toutline-offset: 2px;\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\tborder-color: transparent !important;\r\n\t\t\t}\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t\t//@include focus-state;\r\n\t\t\t\ttransition: none !important;\r\n\t\t\t\tborder-color: white !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.white) {\r\n\tli {\r\n\t\tcolor: var(--color-white);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.light-gray) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-01);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-01);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.primary-gray) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-10);\r\n\r\n\t\ta {\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.list-underline) {\r\n\tli {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tlist-style: none;\r\n\t\ttext-decoration: underline 1px solid;\r\n\t\ttext-underline-offset: 2px;\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\ta {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 4px 0;\r\n\t\t\t&.item-link {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t\t//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n\t\t\t// &:focus-visible {\r\n\t\t\t// \t@include base-focus-state;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// :host {\r\n// \tli {\r\n// \t\t.has-before-home-icon {\r\n// \t\t\tdisplay: block;\r\n// \t\t\t@include screen-xs {\r\n// \t\t\t\tdisplay: none;\r\n// \t\t\t}\r\n// \t\t}\r\n// \t}\r\n// }\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"list-item\",\r\n\tstyleUrl: \"list-item.scss\",\r\n\tshadow: true,\r\n})\r\nexport class ListItem {\r\n\t@Prop() listType:\r\n\t\t\| \"list-primary\"\r\n\t\t\| \"list-footer\"\r\n\t\t\| \"breadcrumb\"\r\n\t\t\| \"list-green\"\r\n\t\t\| \"list-underline\" = \"list-primary\";\r\n\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() flushBefore: boolean = false;\r\n\r\n\t@Prop() linkTarget: string \| undefined = \"_self\";\r\n\r\n\t@Prop() hasBeforeHomeIcon: boolean = false;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\t/*\r\n\t Theme color\r\n\t /\r\n\t@Prop() color?: \"white\" \| \"primary-gray\" \| \"light-gray\";\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// Properties for accessibilty / aria\r\n\t@Prop() ariaLabel: string = \"\";\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<li id={this.trackerId}>\r\n\t\t\t\t\t{/ {this.hasBeforeHomeIcon ? <icon-asset class=\"has-before-home-icon\" type=\"ptc\" size=\"medium\" name=\"icon-home\" color={this.color}></icon-asset> : null} */}\r\n\t\t\t\t\t{this.linkHref ? (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tclass=\"item-link\"\r\n\t\t\t\t\t\t\ttarget={this.linkTarget}\r\n\t\t\t\t\t\t\t{...(this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t\t? { \"aria-label\": this.ariaLabel }\r\n\t\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<slot></slot>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</li>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\tlet bcEnable = false;\r\n\t\tif (this.hostElement && this.hostElement.parentElement) {\r\n\t\t\ttry {\r\n\t\t\t\tbcEnable =\r\n\t\t\t\t\tthis.hostElement.parentElement.classList.contains(\r\n\t\t\t\t\t\t\"center\",\r\n\t\t\t\t\t) &&\r\n\t\t\t\t\tthis.hostElement.parentElement.tagName === \"PTC-BREADCRUMB\";\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.log(err);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t[this.listType]: true,\r\n\t\t\t[\"flush-before\"]: this.flushBefore ? true : false,\r\n\t\t\t[this.color]: !!this.color ? true : false,\r\n\t\t\t[\"breadcrumb-center\"]: bcEnable,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BM0ViTt2.js → p-CtyE72M1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const closeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQyIDQxLjQ4NSI+DQogICAgPGcgaWQ9Ikdyb3VwXzEwNDIiIGRhdGEtbmFtZT0iR3JvdXAgMTA0MiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDEwOC4yNSA4Ny45OTMpIj4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDQ2IiBkPSJNMCAwdjM5LjQ4NiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ2Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0NyIgZD0iTTAgMGg0MCIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ3Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0OCIgZD0iTTAgMzMuNTkyVjAiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJMaW5lIDQ0OCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NDkiIGQ9Ik0yMy45OTQgMEgwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iTGluZSA0NDkiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDUwIiBkPSJNMCAwbDE3LjU5NiAxNy41OTYiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjIyOSAxNDcuMjI2KSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NTEiIGQ9Ik0wIDcuMTk4TDcuMTk5IDAiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk3LjU1IDE0Ny4zMTIpIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJQYXRoXzExNCIgZD0iTTAgNy4yTDcuMiAwIiBjbGFzcz0iY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Ny4zMTMgMTU3LjU0OSkiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=';
@@ -70,6 +70,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSvgBtn as P, defineCustomElement as d };
-//# sourceMappingURL=p-BM0ViTt2.js.map
+//# sourceMappingURL=p-CtyE72M1.js.map
-//# sourceMappingURL=p-BM0ViTt2.js.map
+//# sourceMappingURL=p-CtyE72M1.js.map

package/dist/components/{p-BM0ViTt2.js.map → p-CtyE72M1.js.map} RENAMED Viewed

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

package/dist/components/{p-B2AE8Ljn.js → p-D0_6c4o0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const flTabContentCss = "";
@@ -17,9 +17,9 @@ const FlTabContent = /*@__PURE__*/ proxyCustomElement(class FlTabContent extends
     selected = false;
     onbeforematch;
     render() {
-        return (h(Host, { key: 'b0a33529c7d8389cff92f2f491d6dd2f3ae23a9a', class: `featured-content ${this.selected ? "selected" : ""}` }, h("div", { key: '0833fa5815a592343849809480af7023c2007f80', class: "fl-content-wrap", ...(!this.selected && { hidden: "until-found" }),
+        return (h(Host, { key: 'dabba32319ed1cf1b91a42edea43392668b598fd', class: `featured-content ${this.selected ? "selected" : ""}` }, h("div", { key: '19cdc37aefdf12620ef7e5e588d53c4d6599b944', class: "fl-content-wrap", ...(!this.selected && { hidden: "until-found" }),
             /**@ts-ignore */
-            onBeforeMatch: this.onbeforematch }, h("slot", { key: '068c4b6e8aff21766181b0121b621719edfcda72' }))));
+            onBeforeMatch: this.onbeforematch }, h("slot", { key: '0809a497ddfd9e413bdb79c28877885a547d7215' }))));
     }
     static get style() { return flTabContentCss; }
 }, [257, "fl-tab-content", {
@@ -43,6 +43,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabContent as F, defineCustomElement as d };
-//# sourceMappingURL=p-B2AE8Ljn.js.map
+//# sourceMappingURL=p-D0_6c4o0.js.map
-//# sourceMappingURL=p-B2AE8Ljn.js.map
+//# sourceMappingURL=p-D0_6c4o0.js.map

package/dist/components/{p-B2AE8Ljn.js.map → p-D0_6c4o0.js.map} RENAMED Viewed

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

package/dist/components/{p-BjR4RKel.js → p-D1XLopgr.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
 const ptcCardContentCss = ":host{display:block;height:100%}:host ::slotted([slot=seo-content]){display:none}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.thumbnail-video-preview) .ptc-card-content-wrapper{cursor:pointer;position:relative}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.thumbnail-video-preview) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:1;top:60%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}";
@@ -73,11 +73,11 @@ const PtcCardContent = /*@__PURE__*/ proxyCustomElement(class PtcCardContent ext
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '60f2cf0ed31ba01477fb2f4723fd043dc9bc4a95', part: "card-content", class: classMap, ...(!this.isLoading
+        return (h(Host, { key: '7604fdbd54c81705cd274df39f2483db56d22e8e', part: "card-content", class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && h("style", { key: '7364f886eb8e99cbb7edba46c8401d0dc4fad2c3' }, this.styles), h("slot", { key: 'cd05ac55bcd3d56517b8d76c8bb73aa0e4a6626c', name: "slot-content" }), h("div", { key: 'a51b3426c66fe05904d1fb4b4f2cf4d8eb7a3746', class: "ptc-card-content-wrapper" }, h("slot", { key: '72ff90a0d1795365043ebbed9e6c5ca2bd2aaddd' }))));
+                : {}) }, this.styles && h("style", { key: 'a7f3983013fc2f11d5fcf28e017d7046fe97ba59' }, this.styles), h("slot", { key: '66e2b7d59ebcb8157c3497170fc463827ff1b89b', name: "slot-content" }), h("div", { key: '5d8e383abb9d90c12841cbcae948eec92f382d38', class: "ptc-card-content-wrapper" }, h("slot", { key: '89efece7602cc4acbd508bfd260970feabd12dd1' }))));
     }
     getCssClassMap() {
         return {
@@ -110,6 +110,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardContent as P, defineCustomElement as d };
-//# sourceMappingURL=p-BjR4RKel.js.map
+//# sourceMappingURL=p-D1XLopgr.js.map
-//# sourceMappingURL=p-BjR4RKel.js.map
+//# sourceMappingURL=p-D1XLopgr.js.map