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

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

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

Files changed (1016) hide show

package/dist/components/{p-CCrGe6qh.js.map → p-l8keCSLZ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CCrGe6qh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-para/ptc-para.scss?tag=ptc-para&encapsulation=shadow","src/components/atoms/ptc-para/ptc-para.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.tooltip-enabled {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n:host(.white) {\r\n\tcolor: var(--color-white);\r\n}\r\n\r\n:host(.z-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-2) {\r\n\tz-index: 2;\r\n}\r\n\r\n:host(.z-3) {\r\n\tz-index: 3;\r\n}\r\n:host(.z-99) {\r\n\tz-index: 99;\r\n}\r\n\r\n:host(.z-999) {\r\n\tz-index: 999;\r\n}\r\n\r\n:host(.z-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\np {\r\n\t&.default {\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t/(For Firefox)/\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t\t/(For Chrome and Safari)/\r\n\t}\r\n\r\n\t&.main {\r\n\t\ttext-shadow: 0 3px 6px var(--color-white);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t&.primary-grey {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t&.primary-green {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&.gray-darker {\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n\r\n\t&.white {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t&.xxx-small {\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t}\r\n\r\n\t&.xx-small {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n\r\n\t&.x-small {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n\r\n\t&.small {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n\r\n\t&.medium {\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t}\r\n\r\n\t&.large {\r\n\t\tfont-size: var(--ptc-font-size-large);\r\n\t}\r\n\r\n\t&.x-large {\r\n\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t}\r\n\r\n\t&.xxx-large {\r\n\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t}\r\n\r\n\t&.xxxx-large {\r\n\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t}\r\n\r\n\t&.htmlquote-para {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.w-3 {\r\n\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t}\r\n\r\n\t&.w-4 {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t}\r\n\r\n\t&.w-5 {\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t}\r\n\r\n\t&.w-6 {\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t}\r\n\r\n\t&.w-7 {\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.w-8 {\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t::slotted(a) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.w-9 {\r\n\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t::slotted(a) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-1 {\r\n\t\tmargin-top: var(--ptc-element-spacing-01);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-1 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-1 {\r\n\t\tmargin-top: var(--ptc-element-spacing-01);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t}\r\n\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\r\n\t&.line-height-densest {\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\r\n\t&.line-height-denser {\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t}\r\n\r\n\t&.line-height-p {\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t}\r\n\r\n\t&.line-height-dense {\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t}\r\n\r\n\t&.line-height-normal {\r\n\t\tline-height: var(--ptc-line-height-normal);\r\n\t}\r\n\r\n\t&.line-height-loose {\r\n\t\tline-height: var(--ptc-line-height-loose);\r\n\t}\r\n\r\n\t&.line-height-looser {\r\n\t\tline-height: var(--ptc-line-height-looser);\r\n\t}\r\n\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t&.justify {\r\n\t\ttext-align: justify;\r\n\t}\r\n\r\n\t&.right-768above {\r\n\t\ttext-align: left;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t}\r\n\r\n\t&.announcement {\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tcolor: var(--color-gray-07);\r\n\t\tline-height: var(--ptc-line-height-looser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t}\r\n\r\n\t&.ellipsis-boxing {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\toverflow-wrap: break-word;\r\n\t}\r\n\t&.line-clamp-title {\r\n\t\tdisplay: -webkit-box !important;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host(.hide-tooltip-on-mobile) {\r\n\t.line-clamp-title {\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t-webkit-line-clamp: initial !important;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Host, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { seoSlotReset } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-para\",\r\n\tstyleUrl: \"ptc-para.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPara {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Paragraph font size\r\n\t /\r\n\t@Prop() fontSize:\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"htmlquote-para\" = \"x-small\";\r\n\r\n\t/\r\n\t * Paragraph font weight\r\n\t /\r\n\t@Prop() fontWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\" =\r\n\t\t\"w-4\";\r\n\r\n\t/\r\n\t * Paragraph Style\r\n\t /\r\n\t@Prop() paraStyle:\r\n\t\t\| \"default\"\r\n\t\t\| \"intro\"\r\n\t\t\| \"small\"\r\n\t\t\| \"announcement\"\r\n\t\t\| \"flush-style\"\r\n\t\t\| \"main\" = \"default\";\r\n\r\n\t/\r\n\t * Paragraph Color\r\n\t /\r\n\t@Prop() paraColor:\r\n\t\t\| \"primary-grey\"\r\n\t\t\| \"primary-green\"\r\n\t\t\| \"white\"\r\n\t\t\| \"gray-darker\" = \"primary-grey\";\r\n\r\n\t/\r\n\t line height\r\n\t /\r\n\t@Prop() paraLineH:\r\n\t\t\| \"line-height-densest\"\r\n\t\t\| \"line-height-denser\"\r\n\t\t\| \"line-height-dense\"\r\n\t\t\| \"line-height-normal\"\r\n\t\t\| \"line-height-loose\"\r\n\t\t\| \"line-height-looser\"\r\n\t\t\| \"line-height-p\" = \"line-height-normal\";\r\n\r\n\t/\r\n\t Paragraph Margin\r\n\t /\r\n\t@Prop() paraMargin?:\r\n\t\t\| \"margin-flush\"\r\n\t\t\| \"maring-top-1\"\r\n\t\t\| \"margin-top-2\"\r\n\t\t\| \"margin-top-3\"\r\n\t\t\| \"margin-top-4\"\r\n\t\t\| \"margin-top-5\"\r\n\t\t\| \"margin-top-6\"\r\n\t\t\| \"margin-bottom-1\"\r\n\t\t\| \"margin-bottom-2\"\r\n\t\t\| \"margin-bottom-3\"\r\n\t\t\| \"margin-bottom-4\"\r\n\t\t\| \"margin-bottom-5\"\r\n\t\t\| \"margin-bottom-6\"\r\n\t\t\| \"margin-1\"\r\n\t\t\| \"margin-2\"\r\n\t\t\| \"margin-3\"\r\n\t\t\| \"margin-4\"\r\n\t\t\| \"margin-5\"\r\n\t\t\| \"margin-6\";\r\n\r\n\t/\r\n\t Para text Alignment\r\n\t /\r\n\t@Prop() paraAlign?:\r\n\t\t\| \"left\"\r\n\t\t\| \"center\"\r\n\t\t\| \"right\"\r\n\t\t\| \"justify\"\r\n\t\t\| \"right-768above\";\r\n\r\n\t/\r\n\t Line number to cut text off at and add ellipsis\r\n\t /\r\n\t@Prop() ellipsisLineCutoff?: number;\r\n\r\n\t/\r\n\t sep z-index\r\n\t /\r\n\t@Prop() paraZIndex?: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-99\" \| \"z-999\";\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 (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// Tooltip Properties started\r\n\t/\r\n\t index of hover tooltip element\r\n\t /\r\n\t@Prop() tooltipZIndex: string = \"auto\";\r\n\t/\r\n\t Tooltip position\r\n\t /\r\n\t@Prop() tooltipPosition:\r\n\t\t\| \"left\"\r\n\t\t\| \"right\"\r\n\t\t\| \"bottom\"\r\n\t\t\| \"bottom-right\"\r\n\t\t\| \"top\" = \"bottom\";\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n\t@Prop() enableTooltip: boolean = false;\r\n\t@Prop() maxChars: number;\r\n\t@Prop() maxLines: number;\r\n\ttooltipText: string;\r\n\t@Prop() hideTooltipOnMobile: boolean = false;\r\n\t@State() ismob: boolean;\r\n\t/\r\n\t If tooltip noOverflow = \"true\" then the tooltip will not be visible just ellipses will be visible\r\n\t /\r\n\t@Prop() noOverflow?: boolean = false;\r\n\r\n\t/\r\n\t This will make the width 100% respective to its parent\r\n\t */\r\n\t@Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n\t// Tooltip Properties ends\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\tseoSlotReset(this.el);\r\n\t\t}\r\n\r\n\t\treturn this.standardRender();\r\n\t}\r\n\t//tooltip code\r\n\tgetSortedText(content: string): string \| undefined {\r\n\t\tif (!this.enableTooltip) return;\r\n\r\n\t\tconst trimmedContent = content.trim();\r\n\t\tconst shouldTruncate =\r\n\t\t\ttrimmedContent.length > this.maxChars && !this.maxLines;\r\n\t\treturn shouldTruncate\r\n\t\t\t? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\\u00A0\\u2026`\r\n\t\t\t: trimmedContent;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\tthis.el.classList.add(\"hide-tooltip-on-mobile\");\r\n\t\t}\r\n\t\tthis.el.addEventListener(\"mouseenter\", () => {\r\n\t\t\tthis.toggleTitleTooltip(true);\r\n\t\t});\r\n\t\tthis.el.addEventListener(\"mouseleave\", () => {\r\n\t\t\tthis.toggleTitleTooltip(false);\r\n\t\t});\r\n\r\n\t\tif (this.enableTooltip) {\r\n\t\t\tlet paraContent = this.el.innerText \|\| this.el.textContent;\r\n\t\t\tthis.tooltipText = paraContent.trim();\r\n\t\t\tthis.el.innerText = this.getSortedText(paraContent);\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleTitleTooltip(show: boolean) {\r\n\t\tconst tooltipClass = \"tooltip-box\";\r\n\t\tconst existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n\t\tconst text = this.el.shadowRoot.querySelectorAll(\".line-clamp-title\");\r\n\r\n\t\tlet maxLinesShowCheck: boolean = false;\r\n\t\tif (text) {\r\n\t\t\ttext.forEach((t) => {\r\n\t\t\t\tmaxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n\t\t\t});\r\n\t\t}\r\n\t\tconst ifCharExceeds = this.maxChars\r\n\t\t\t? this.tooltipText.length > this.maxChars && !this.maxLines\r\n\t\t\t: false;\r\n\t\tconst ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n\r\n\t\tif (show && this.enableTooltip) {\r\n\t\t\tif (\r\n\t\t\t\t((!existingTooltip && ifCharExceeds) \|\|\r\n\t\t\t\t\t(!existingTooltip && ifLinesExceeds)) &&\r\n\t\t\t\t!this.noOverflow\r\n\t\t\t) {\r\n\t\t\t\tconst tooltipMarkup = document.createElement(\"div\");\r\n\t\t\t\ttooltipMarkup.className = tooltipClass;\r\n\t\t\t\ttooltipMarkup.innerText = this.tooltipText;\r\n\t\t\t\ttooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n\t\t\t\ttooltipMarkup.classList.add(\r\n\t\t\t\t\tthis.tooltipPosition,\r\n\t\t\t\t\tthis.tooltipTheme,\r\n\t\t\t\t\tthis.tooltipWidth\r\n\t\t\t\t);\r\n\t\t\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\t\t\ttooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n\t\t\t\t}\r\n\t\t\t\tthis.el.appendChild(tooltipMarkup);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\texistingTooltip?.remove();\r\n\t\t}\r\n\t}\r\n\t//tooltip code ends\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst colorClass = this.addWhiteClass();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={`${colorClass} ${this.paraZIndex} trunc-text`}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<p class={classMap} part=\"part-para\" style={cutOff}>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</p>\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.fontSize]: true,\r\n\t\t\t[this.fontWeight]: true,\r\n\t\t\t[this.paraStyle]: true,\r\n\t\t\t[this.paraMargin]: !!this.paraMargin ? true : false,\r\n\t\t\t[this.paraColor]: true,\r\n\t\t\t[this.paraLineH]: true,\r\n\t\t\t[this.paraAlign]: !!this.paraAlign ? true : false,\r\n\t\t\t[\"ellipsis-boxing\"]:\r\n\t\t\t\tthis.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n\t\t\t[\"line-clamp-title\"]: this.maxLines && this.maxLines > 0, //tooltip code,\r\n\t\t};\r\n\t}\r\n\t//WEB-2392\r\n\tprivate addWhiteClass(): CssClassMap {\r\n\t\tif (this.paraColor == \"white\") {\r\n\t\t\treturn {\r\n\t\t\t\t[this.paraColor]: true,\r\n\t\t\t};\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tconst lineClamp =\r\n\t\t\tthis.ellipsisLineCutoff > 0\r\n\t\t\t\t? this.ellipsisLineCutoff\r\n\t\t\t\t: this.maxLines;\r\n\t\treturn lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-l8keCSLZ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-para/ptc-para.scss?tag=ptc-para&encapsulation=shadow","src/components/atoms/ptc-para/ptc-para.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.tooltip-enabled {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n:host(.white) {\r\n\tcolor: var(--color-white);\r\n}\r\n\r\n:host(.z-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-2) {\r\n\tz-index: 2;\r\n}\r\n\r\n:host(.z-3) {\r\n\tz-index: 3;\r\n}\r\n:host(.z-99) {\r\n\tz-index: 99;\r\n}\r\n\r\n:host(.z-999) {\r\n\tz-index: 999;\r\n}\r\n\r\n:host(.z-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\np {\r\n\t&.default {\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t/(For Firefox)/\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t\t/(For Chrome and Safari)/\r\n\t}\r\n\r\n\t&.main {\r\n\t\ttext-shadow: 0 3px 6px var(--color-white);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t&.primary-grey {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t&.primary-green {\r\n\t\tcolor: var(--color-green-06);\r\n\t}\r\n\r\n\t&.gray-darker {\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n\r\n\t&.white {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t&.xxx-small {\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t}\r\n\r\n\t&.xx-small {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n\r\n\t&.x-small {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n\r\n\t&.small {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n\r\n\t&.medium {\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t}\r\n\r\n\t&.large {\r\n\t\tfont-size: var(--ptc-font-size-large);\r\n\t}\r\n\r\n\t&.x-large {\r\n\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t}\r\n\r\n\t&.xxx-large {\r\n\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t}\r\n\r\n\t&.xxxx-large {\r\n\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t}\r\n\r\n\t&.htmlquote-para {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.w-3 {\r\n\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t}\r\n\r\n\t&.w-4 {\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t}\r\n\r\n\t&.w-5 {\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t}\r\n\r\n\t&.w-6 {\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t}\r\n\r\n\t&.w-7 {\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t}\r\n\r\n\t&.w-8 {\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t::slotted(a) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.w-9 {\r\n\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t::slotted(a) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-1 {\r\n\t\tmargin-top: var(--ptc-element-spacing-01);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-1 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\r\n\t&.margin-1 {\r\n\t\tmargin-top: var(--ptc-element-spacing-01);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t}\r\n\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\r\n\t&.line-height-densest {\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\r\n\t&.line-height-denser {\r\n\t\tline-height: var(--ptc-line-height-denser);\r\n\t}\r\n\r\n\t&.line-height-p {\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t}\r\n\r\n\t&.line-height-dense {\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t}\r\n\r\n\t&.line-height-normal {\r\n\t\tline-height: var(--ptc-line-height-normal);\r\n\t}\r\n\r\n\t&.line-height-loose {\r\n\t\tline-height: var(--ptc-line-height-loose);\r\n\t}\r\n\r\n\t&.line-height-looser {\r\n\t\tline-height: var(--ptc-line-height-looser);\r\n\t}\r\n\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t&.justify {\r\n\t\ttext-align: justify;\r\n\t}\r\n\r\n\t&.right-768above {\r\n\t\ttext-align: left;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t}\r\n\r\n\t&.announcement {\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tcolor: var(--color-gray-07);\r\n\t\tline-height: var(--ptc-line-height-looser);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t}\r\n\r\n\t&.ellipsis-boxing {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\toverflow-wrap: break-word;\r\n\t}\r\n\t&.line-clamp-title {\r\n\t\tdisplay: -webkit-box !important;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host(.hide-tooltip-on-mobile) {\r\n\t.line-clamp-title {\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t-webkit-line-clamp: initial !important;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Host, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { seoSlotReset } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-para\",\r\n\tstyleUrl: \"ptc-para.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPara {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Paragraph font size\r\n\t /\r\n\t@Prop() fontSize:\r\n\t\t\| \"xxx-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"small\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"htmlquote-para\" = \"x-small\";\r\n\r\n\t/\r\n\t * Paragraph font weight\r\n\t /\r\n\t@Prop() fontWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\" =\r\n\t\t\"w-4\";\r\n\r\n\t/\r\n\t * Paragraph Style\r\n\t /\r\n\t@Prop() paraStyle:\r\n\t\t\| \"default\"\r\n\t\t\| \"intro\"\r\n\t\t\| \"small\"\r\n\t\t\| \"announcement\"\r\n\t\t\| \"flush-style\"\r\n\t\t\| \"main\" = \"default\";\r\n\r\n\t/\r\n\t * Paragraph Color\r\n\t /\r\n\t@Prop() paraColor:\r\n\t\t\| \"primary-grey\"\r\n\t\t\| \"primary-green\"\r\n\t\t\| \"white\"\r\n\t\t\| \"gray-darker\" = \"primary-grey\";\r\n\r\n\t/\r\n\t line height\r\n\t /\r\n\t@Prop() paraLineH:\r\n\t\t\| \"line-height-densest\"\r\n\t\t\| \"line-height-denser\"\r\n\t\t\| \"line-height-dense\"\r\n\t\t\| \"line-height-normal\"\r\n\t\t\| \"line-height-loose\"\r\n\t\t\| \"line-height-looser\"\r\n\t\t\| \"line-height-p\" = \"line-height-normal\";\r\n\r\n\t/\r\n\t Paragraph Margin\r\n\t /\r\n\t@Prop() paraMargin?:\r\n\t\t\| \"margin-flush\"\r\n\t\t\| \"maring-top-1\"\r\n\t\t\| \"margin-top-2\"\r\n\t\t\| \"margin-top-3\"\r\n\t\t\| \"margin-top-4\"\r\n\t\t\| \"margin-top-5\"\r\n\t\t\| \"margin-top-6\"\r\n\t\t\| \"margin-bottom-1\"\r\n\t\t\| \"margin-bottom-2\"\r\n\t\t\| \"margin-bottom-3\"\r\n\t\t\| \"margin-bottom-4\"\r\n\t\t\| \"margin-bottom-5\"\r\n\t\t\| \"margin-bottom-6\"\r\n\t\t\| \"margin-1\"\r\n\t\t\| \"margin-2\"\r\n\t\t\| \"margin-3\"\r\n\t\t\| \"margin-4\"\r\n\t\t\| \"margin-5\"\r\n\t\t\| \"margin-6\";\r\n\r\n\t/\r\n\t Para text Alignment\r\n\t /\r\n\t@Prop() paraAlign?:\r\n\t\t\| \"left\"\r\n\t\t\| \"center\"\r\n\t\t\| \"right\"\r\n\t\t\| \"justify\"\r\n\t\t\| \"right-768above\";\r\n\r\n\t/\r\n\t Line number to cut text off at and add ellipsis\r\n\t /\r\n\t@Prop() ellipsisLineCutoff?: number;\r\n\r\n\t/\r\n\t sep z-index\r\n\t /\r\n\t@Prop() paraZIndex?: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-99\" \| \"z-999\";\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 (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// Tooltip Properties started\r\n\t/\r\n\t index of hover tooltip element\r\n\t /\r\n\t@Prop() tooltipZIndex: string = \"auto\";\r\n\t/\r\n\t Tooltip position\r\n\t /\r\n\t@Prop() tooltipPosition:\r\n\t\t\| \"left\"\r\n\t\t\| \"right\"\r\n\t\t\| \"bottom\"\r\n\t\t\| \"bottom-right\"\r\n\t\t\| \"top\" = \"bottom\";\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n\t@Prop() enableTooltip: boolean = false;\r\n\t@Prop() maxChars: number;\r\n\t@Prop() maxLines: number;\r\n\ttooltipText: string;\r\n\t@Prop() hideTooltipOnMobile: boolean = false;\r\n\t@State() ismob: boolean;\r\n\t/\r\n\t If tooltip noOverflow = \"true\" then the tooltip will not be visible just ellipses will be visible\r\n\t /\r\n\t@Prop() noOverflow?: boolean = false;\r\n\r\n\t/\r\n\t This will make the width 100% respective to its parent\r\n\t */\r\n\t@Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n\t// Tooltip Properties ends\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\tseoSlotReset(this.el);\r\n\t\t}\r\n\r\n\t\treturn this.standardRender();\r\n\t}\r\n\t//tooltip code\r\n\tgetSortedText(content: string): string \| undefined {\r\n\t\tif (!this.enableTooltip) return;\r\n\r\n\t\tconst trimmedContent = content.trim();\r\n\t\tconst shouldTruncate =\r\n\t\t\ttrimmedContent.length > this.maxChars && !this.maxLines;\r\n\t\treturn shouldTruncate\r\n\t\t\t? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\\u00A0\\u2026`\r\n\t\t\t: trimmedContent;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\tthis.el.classList.add(\"hide-tooltip-on-mobile\");\r\n\t\t}\r\n\t\tthis.el.addEventListener(\"mouseenter\", () => {\r\n\t\t\tthis.toggleTitleTooltip(true);\r\n\t\t});\r\n\t\tthis.el.addEventListener(\"mouseleave\", () => {\r\n\t\t\tthis.toggleTitleTooltip(false);\r\n\t\t});\r\n\r\n\t\tif (this.enableTooltip) {\r\n\t\t\tlet paraContent = this.el.innerText \|\| this.el.textContent;\r\n\t\t\tthis.tooltipText = paraContent.trim();\r\n\t\t\tthis.el.innerText = this.getSortedText(paraContent);\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleTitleTooltip(show: boolean) {\r\n\t\tconst tooltipClass = \"tooltip-box\";\r\n\t\tconst existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n\t\tconst text = this.el.shadowRoot.querySelectorAll(\".line-clamp-title\");\r\n\r\n\t\tlet maxLinesShowCheck: boolean = false;\r\n\t\tif (text) {\r\n\t\t\ttext.forEach((t) => {\r\n\t\t\t\tmaxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n\t\t\t});\r\n\t\t}\r\n\t\tconst ifCharExceeds = this.maxChars\r\n\t\t\t? this.tooltipText.length > this.maxChars && !this.maxLines\r\n\t\t\t: false;\r\n\t\tconst ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n\r\n\t\tif (show && this.enableTooltip) {\r\n\t\t\tif (\r\n\t\t\t\t((!existingTooltip && ifCharExceeds) \|\|\r\n\t\t\t\t\t(!existingTooltip && ifLinesExceeds)) &&\r\n\t\t\t\t!this.noOverflow\r\n\t\t\t) {\r\n\t\t\t\tconst tooltipMarkup = document.createElement(\"div\");\r\n\t\t\t\ttooltipMarkup.className = tooltipClass;\r\n\t\t\t\ttooltipMarkup.innerText = this.tooltipText;\r\n\t\t\t\ttooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n\t\t\t\ttooltipMarkup.classList.add(\r\n\t\t\t\t\tthis.tooltipPosition,\r\n\t\t\t\t\tthis.tooltipTheme,\r\n\t\t\t\t\tthis.tooltipWidth\r\n\t\t\t\t);\r\n\t\t\t\tif (this.hideTooltipOnMobile) {\r\n\t\t\t\t\ttooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n\t\t\t\t}\r\n\t\t\t\tthis.el.appendChild(tooltipMarkup);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\texistingTooltip?.remove();\r\n\t\t}\r\n\t}\r\n\t//tooltip code ends\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst colorClass = this.addWhiteClass();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={`${colorClass} ${this.paraZIndex} trunc-text`}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<p class={classMap} part=\"part-para\" style={cutOff}>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</p>\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.fontSize]: true,\r\n\t\t\t[this.fontWeight]: true,\r\n\t\t\t[this.paraStyle]: true,\r\n\t\t\t[this.paraMargin]: !!this.paraMargin ? true : false,\r\n\t\t\t[this.paraColor]: true,\r\n\t\t\t[this.paraLineH]: true,\r\n\t\t\t[this.paraAlign]: !!this.paraAlign ? true : false,\r\n\t\t\t[\"ellipsis-boxing\"]:\r\n\t\t\t\tthis.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n\t\t\t[\"line-clamp-title\"]: this.maxLines && this.maxLines > 0, //tooltip code,\r\n\t\t};\r\n\t}\r\n\t//WEB-2392\r\n\tprivate addWhiteClass(): CssClassMap {\r\n\t\tif (this.paraColor == \"white\") {\r\n\t\t\treturn {\r\n\t\t\t\t[this.paraColor]: true,\r\n\t\t\t};\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tconst lineClamp =\r\n\t\t\tthis.ellipsisLineCutoff > 0\r\n\t\t\t\t? this.ellipsisLineCutoff\r\n\t\t\t\t: this.maxLines;\r\n\t\treturn lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DuPnO5c5.js → p-m0MheKYy.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 const ptcCardWrapperCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible::before,:host(.card-wide) a:focus-visible::before,:host(.card-video) a:focus-visible::before,:host(.card-playlist) a:focus-visible::before,:host(.card-2up) a:focus-visible::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:var(--ptc-border-radius-large);outline:5px solid var(--keyboard-nav-outline)}:host(.card-tall) a.focus-state-dark-background:focus-visible::before,:host(.card-wide) a.focus-state-dark-background:focus-visible::before,:host(.card-video) a.focus-state-dark-background:focus-visible::before,:host(.card-playlist) a.focus-state-dark-background:focus-visible::before,:host(.card-2up) a.focus-state-dark-background:focus-visible::before{border:2px solid rgb(255, 255, 255)}:host(.card-playlist) div:not(.tracker-div),:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:not(.tracker-div):hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) a{text-decoration:none}:host(.card-video-intro) div:not(.tracker-div){display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.extra-tall) a::after{content:\"\";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);bottom:0;left:0;border-radius:var(--ptc-border-radius-large);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.color-outlined) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;border:2px solid rgb(255, 255, 255);display:block;outline:none}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{background:rgba(0, 0, 0, 0.6)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div:not(.tracker-div){display:flex}}:host(.result-box){width:505px;border:1px solid #6a6a6a;padding-top:56px;padding-bottom:56px;border-radius:var(--ptc-border-radius-large)}:host(.result-box) div:not(.tracker-div){display:flex;justify-content:center;align-items:center;flex-direction:column}:host(.simple-card){border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:var(--ptc-layout-spacing-03)}:host(.simple-card) a{text-decoration:none}:host(.simple-card) a:hover{text-decoration:none}:host(.most-popular){position:relative;margin:12px;background-color:var(--color-white)}:host(.most-popular) a{text-decoration:none}:host(.most-popular) a:hover{text-decoration:none}:host(.most-popular) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;display:block;outline:none}:host(.disabled) a{pointer-events:none;cursor:default;text-decoration:none}:host(.event-podcast) a:focus-visible{box-shadow:0 0 0 5px var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;display:block;outline:none}:host(.speed-bump) a{text-decoration:none}";
@@ -171,6 +171,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCardPlm as P, defineCustomElement as d };
-//# sourceMappingURL=p-DuPnO5c5.js.map
+//# sourceMappingURL=p-m0MheKYy.js.map
-//# sourceMappingURL=p-DuPnO5c5.js.map
+//# sourceMappingURL=p-m0MheKYy.js.map

package/dist/components/{p-DuPnO5c5.js.map → p-m0MheKYy.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DuPnO5c5.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.scss?tag=ptc-card-wrapper&encapsulation=shadow","src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\ttext-decoration: none !important;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\t\toutline: 5px solid var(--keyboard-nav-outline);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder: 2px solid rgb(255, 255, 255);\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(.card-playlist) {\r\n\tdiv:not(.tracker-div),\r\n\ta {\r\n\t\tdisplay: flex;\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-intro) {\r\n\tborder-bottom-left-radius: var(--ptc-border-radius-large);\r\n\tborder-bottom-right-radius: var(--ptc-border-radius-large);\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n:host(.card-video-shadow) {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0px;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: rgba(0, 0, 0, 0);\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tposition: relative;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-p) {\r\n\tpadding: var(--ptc-element-spacing-05);\r\n\tpadding-bottom: var(--ptc-element-spacing-06);\r\n}\r\n\r\n:host(.card-m-right) {\r\n\tmargin-right: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.card-m-left) {\r\n\tmargin-left: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.extraT-overlay) {\r\n\ta {\r\n\t\t&::after {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tdiv:not(.tracker-div) {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.result-box) {\r\n\twidth: 505px;\r\n\tborder: 1px solid #6a6a6a;\r\n\tpadding-top: 56px;\r\n\tpadding-bottom: 56px;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n:host(.simple-card) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbackground-color: var(--color-white);\r\n\tbox-shadow: var(--ptc-shadow-small);\r\n\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tposition: relative;\r\n\tmargin: 12px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.disabled) {\r\n\ta {\r\n\t\tpointer-events: none;\r\n\t\tcursor: default;\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.speed-bump) {\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n Element,\r\n EventEmitter,\r\n Listen,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-wrapper\",\r\n styleUrl: \"ptc-card-wrapper.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardPlm {\r\n @Element() el: HTMLElement;\r\n /Card Type /\r\n @Prop() cardType:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-2up\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"result-box\"\r\n \| \"most-popular\"\r\n \| \"simple-card\"\r\n \| \"event-podcast\";\r\n /*Card link /\r\n @Prop() cardLink: string;\r\n /*link Title /\r\n @Prop() linkTitle?: string;\r\n /** link Target /\r\n @Prop() linkTarget?: string = \"_self\";\r\n /* Internal Screen Size State /\r\n @Prop() isLoading?: boolean = false;\r\n /* Tracker Id for Mouseflow /\r\n @Prop() trackerId?: string;\r\n /* Disable links /\r\n @Prop() disabled?: boolean = false;\r\n /* Turn off hover Title /\r\n @Prop() hideLinkTitle?: boolean = false;\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() styles?: string;\r\n\r\n /\r\n darkFocusState for dark background\r\n */\r\n\r\n @Prop() darkFocusState: boolean = false;\r\n\r\n @Listen(\"resize\", { target: \"window\" })\r\n handleResize() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-5\");\r\n }\r\n\r\n // Only toggle mouse-hover on nested ptc-card-content for on-demand video cards\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.add(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-4\");\r\n }\r\n\r\n // Remove hover state only for on-demand video card content\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.remove(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n\r\n @Event() squareHeightChanged: EventEmitter<number>;\r\n\r\n componentDidLoad() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const Tag = !!this.cardLink ? \"a\" : \"div\";\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class=\"tracker-div mf-listen\" id={this.trackerId}>\r\n <Tag\r\n class={`mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n {...(!!this.cardLink && this.cardType !== \"simple-card\"\r\n ? { tabindex: \"0\" }\r\n : { tabindex: \"-1\" })}\r\n {...(!!this.cardLink && !this.isLoading\r\n ? { href: this.cardLink }\r\n : {})}\r\n {...(!!this.linkTarget &&\r\n !!this.cardLink &&\r\n !this.isLoading\r\n ? { target: this.linkTarget }\r\n : {})}\r\n {...(!!this.cardLink &&\r\n !this.isLoading &&\r\n !this.hideLinkTitle\r\n ? {\r\n title: this.linkTitle\r\n ? this.linkTitle\r\n : this.cardLink,\r\n }\r\n : {})}\r\n >\r\n <slot></slot>\r\n </Tag>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: this.cardType ? true : false,\r\n [\"disabled\"]: this.disabled,\r\n };\r\n }\r\n\r\n private emitHeight() {\r\n const height = this.el.offsetHeight;\r\n this.squareHeightChanged.emit(height);\r\n }\r\n\r\n private getBtmContentHeight(): number {\r\n const bottomContent = this.el.querySelector(\"ptc-card-bottom\");\r\n return bottomContent.offsetHeight;\r\n }\r\n\r\n private checkScreenSize() {\r\n if (this.cardType === \"extra-tall\") {\r\n if (window.innerWidth < 768) {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.setHeight(this.getBtmContentHeight());\r\n }\r\n } else {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.removeInlineHeight();\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-m0MheKYy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.scss?tag=ptc-card-wrapper&encapsulation=shadow","src/components/molecules/ptc-card-wrapper/ptc-card-wrapper.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\ttext-decoration: none !important;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-tall),\r\n:host(.card-wide),\r\n:host(.card-video),\r\n:host(.card-playlist),\r\n:host(.card-2up) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\t\toutline: 5px solid var(--keyboard-nav-outline);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder: 2px solid rgb(255, 255, 255);\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(.card-playlist) {\r\n\tdiv:not(.tracker-div),\r\n\ta {\r\n\t\tdisplay: flex;\r\n\t\ttext-decoration: none;\r\n\t\toutline: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-intro) {\r\n\tborder-bottom-left-radius: var(--ptc-border-radius-large);\r\n\tborder-bottom-right-radius: var(--ptc-border-radius-large);\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n:host(.card-video-shadow) {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n}\r\n\r\n:host(.extra-tall) {\r\n\tposition: relative;\r\n\r\n\ta {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tinset: 0px;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground: rgba(0, 0, 0, 0);\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\t\ttransition: background var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.color-outlined) {\r\n\tposition: relative;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tborder: 2px solid rgb(255, 255, 255);\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.card-video-p) {\r\n\tpadding: var(--ptc-element-spacing-05);\r\n\tpadding-bottom: var(--ptc-element-spacing-06);\r\n}\r\n\r\n:host(.card-m-right) {\r\n\tmargin-right: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.card-m-left) {\r\n\tmargin-left: var(--ptc-element-spacing-02);\r\n}\r\n\r\n:host(.extraT-overlay) {\r\n\ta {\r\n\t\t&::after {\r\n\t\t\tbackground: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-sm {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-03);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t}\r\n}\r\n\r\n@include screen-md {\r\n\t:host(.card-m-right) {\r\n\t\tmargin-right: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t:host(.card-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.card-video-intro) {\r\n\t\tdiv:not(.tracker-div) {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.result-box) {\r\n\twidth: 505px;\r\n\tborder: 1px solid #6a6a6a;\r\n\tpadding-top: 56px;\r\n\tpadding-bottom: 56px;\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n\r\n\tdiv:not(.tracker-div) {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n:host(.simple-card) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbackground-color: var(--color-white);\r\n\tbox-shadow: var(--ptc-shadow-small);\r\n\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.most-popular) {\r\n\tposition: relative;\r\n\tmargin: 12px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.disabled) {\r\n\ta {\r\n\t\tpointer-events: none;\r\n\t\tcursor: default;\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\n:host(.event-podcast) {\r\n\ta {\r\n\t\t&:focus-visible {\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tdisplay: block;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.speed-bump) {\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Event,\r\n Element,\r\n EventEmitter,\r\n Listen,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n tag: \"ptc-card-wrapper\",\r\n styleUrl: \"ptc-card-wrapper.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcCardPlm {\r\n @Element() el: HTMLElement;\r\n /Card Type /\r\n @Prop() cardType:\r\n \| \"card-video\"\r\n \| \"card-tall\"\r\n \| \"card-wide\"\r\n \| \"speed-bump\"\r\n \| \"card-playlist\"\r\n \| \"card-video-intro\"\r\n \| \"card-2up\"\r\n \| \"extra-tall\"\r\n \| \"color-outlined\"\r\n \| \"result-box\"\r\n \| \"most-popular\"\r\n \| \"simple-card\"\r\n \| \"event-podcast\";\r\n /*Card link /\r\n @Prop() cardLink: string;\r\n /*link Title /\r\n @Prop() linkTitle?: string;\r\n /** link Target /\r\n @Prop() linkTarget?: string = \"_self\";\r\n /* Internal Screen Size State /\r\n @Prop() isLoading?: boolean = false;\r\n /* Tracker Id for Mouseflow /\r\n @Prop() trackerId?: string;\r\n /* Disable links /\r\n @Prop() disabled?: boolean = false;\r\n /* Turn off hover Title /\r\n @Prop() hideLinkTitle?: boolean = false;\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() styles?: string;\r\n\r\n /\r\n darkFocusState for dark background\r\n */\r\n\r\n @Prop() darkFocusState: boolean = false;\r\n\r\n @Listen(\"resize\", { target: \"window\" })\r\n handleResize() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n @Event() hoverEvent: EventEmitter<void>;\r\n hoverEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.add(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-5\");\r\n }\r\n\r\n // Only toggle mouse-hover on nested ptc-card-content for on-demand video cards\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.add(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n @Event() leaveEvent: EventEmitter<void>;\r\n leaveEventHandler() {\r\n if (this.el.classList.contains(\"extra-tall\")) {\r\n this.hoverEvent.emit();\r\n this.el.classList.remove(\"extraT-overlay\");\r\n }\r\n if (this.el.classList.contains(\"color-outlined\")) {\r\n this.hoverEvent.emit();\r\n const cardOverlay = this.el.querySelector(\"ptc-overlay\");\r\n cardOverlay.setOverlay(\"black-4\");\r\n }\r\n\r\n // Remove hover state only for on-demand video card content\r\n const cardContent = this.el.querySelector(\r\n \"ptc-card-content\",\r\n ) as HTMLElement \| null;\r\n if (cardContent) {\r\n const contentClasses = cardContent.classList;\r\n if (contentClasses.contains(\"card-on-demand-video\")) {\r\n contentClasses.remove(\"mouse-hover\");\r\n }\r\n }\r\n }\r\n\r\n @Event() squareHeightChanged: EventEmitter<number>;\r\n\r\n componentDidLoad() {\r\n this.checkScreenSize();\r\n this.emitHeight();\r\n }\r\n\r\n render() {\r\n const classMap = this.getCssClassMap();\r\n const Tag = !!this.cardLink ? \"a\" : \"div\";\r\n\r\n return (\r\n <Host\r\n class={classMap}\r\n {...(!this.isLoading\r\n ? { onMouseEnter: this.hoverEventHandler.bind(this) }\r\n : {})}\r\n {...(!this.isLoading\r\n ? { onMouseLeave: this.leaveEventHandler.bind(this) }\r\n : {})}\r\n >\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class=\"tracker-div mf-listen\" id={this.trackerId}>\r\n <Tag\r\n class={`mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n {...(!!this.cardLink && this.cardType !== \"simple-card\"\r\n ? { tabindex: \"0\" }\r\n : { tabindex: \"-1\" })}\r\n {...(!!this.cardLink && !this.isLoading\r\n ? { href: this.cardLink }\r\n : {})}\r\n {...(!!this.linkTarget &&\r\n !!this.cardLink &&\r\n !this.isLoading\r\n ? { target: this.linkTarget }\r\n : {})}\r\n {...(!!this.cardLink &&\r\n !this.isLoading &&\r\n !this.hideLinkTitle\r\n ? {\r\n title: this.linkTitle\r\n ? this.linkTitle\r\n : this.cardLink,\r\n }\r\n : {})}\r\n >\r\n <slot></slot>\r\n </Tag>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.cardType]: this.cardType ? true : false,\r\n [\"disabled\"]: this.disabled,\r\n };\r\n }\r\n\r\n private emitHeight() {\r\n const height = this.el.offsetHeight;\r\n this.squareHeightChanged.emit(height);\r\n }\r\n\r\n private getBtmContentHeight(): number {\r\n const bottomContent = this.el.querySelector(\"ptc-card-bottom\");\r\n return bottomContent.offsetHeight;\r\n }\r\n\r\n private checkScreenSize() {\r\n if (this.cardType === \"extra-tall\") {\r\n if (window.innerWidth < 768) {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.setHeight(this.getBtmContentHeight());\r\n }\r\n } else {\r\n const cardContent = this.el.querySelector(\"ptc-card-content\");\r\n if (cardContent) {\r\n cardContent.removeInlineHeight();\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
@@ -75,6 +75,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { MaxWidthContainer as M, defineCustomElement as d };
-//# sourceMappingURL=p-DXifBMax.js.map
+//# sourceMappingURL=p-p2ZLmYhc.js.map
-//# sourceMappingURL=p-DXifBMax.js.map
+//# sourceMappingURL=p-p2ZLmYhc.js.map

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

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

package/dist/components/{p-C42Dg7zS.js → p-t26ogJDp.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$3 } from './p-EcTA3sjE.js';
-import { d as defineCustomElement$2 } from './p-Cmek7vlD.js';
-import { d as defineCustomElement$1 } from './p-CUXDowVt.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host, g as getAssetPath } from './p-C2SefPLt.js';
+import { d as defineCustomElement$3 } from './p-CXLAIdWX.js';
+import { d as defineCustomElement$2 } from './p-Cj1vpVKf.js';
+import { d as defineCustomElement$1 } from './p-SaYc7Kjd.js';
 const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer;outline:none}:host(.sequential) .card-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);z-index:1}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card.hide{display:none}:host(.sequential) .card.show{display:block}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-02);padding-right:var(--ptc-element-spacing-02)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential) .card-dt-open:not([hidden]){height:480px}@media only screen and (min-width: 1200px){:host(.sequential) .card-dt-open:not([hidden]){min-width:600px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
@@ -203,6 +203,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcDynamicCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-C42Dg7zS.js.map
+//# sourceMappingURL=p-t26ogJDp.js.map
-//# sourceMappingURL=p-C42Dg7zS.js.map
+//# sourceMappingURL=p-t26ogJDp.js.map

package/dist/components/{p-C42Dg7zS.js.map → p-t26ogJDp.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C42Dg7zS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-dynamic-card/ptc-dynamic-card.scss?tag=ptc-dynamic-card&encapsulation=shadow","src/components/molecules/ptc-dynamic-card/ptc-dynamic-card.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.sequential) {\r\n\t.card-wrapper {\r\n\t\tposition: relative;\r\n\t\tcursor: pointer;\r\n\t\toutline: none;\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t.card {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\toverflow: hidden;\r\n\r\n\t\t&.hide {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-mobile,\r\n\t.card-dt-open {\r\n\t\tdisplay: block;\r\n\r\n\t\tptc-card-content {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-basis: 38%;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: unset;\r\n\t\t\t\tflex: 0 0 310px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tptc-picture {\r\n\t\t\t// flex-basis: 62%;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t}\r\n\r\n\t\t.card-title {\r\n\t\t\th3 {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tmargin-bottom: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.card-content {\r\n\t\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\t}\r\n\t}\r\n\t.card-mobile {\r\n\t\tmax-width: 320px;\r\n\t\tmin-width: 226px;\r\n\t\tposition: relative;\r\n\r\n\t\t@include screen-xs {\r\n\t\t\tmax-width: 350px;\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 5px;\r\n\t\t\ttransition: background-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-out);\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\tptc-card-content {\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\t}\r\n\t.card-dt-closed {\r\n\t\twidth: 135px;\r\n\t\theight: 424px;\r\n\t\tposition: relative;\r\n\r\n\t\t.closed-content {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t.card-title {\r\n\t\t\ttext-align: center;\r\n\t\t\th2 {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tmargin-bottom: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\tpadding-right: var(--ptc-element-spacing-02);\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.card-dt-open {\r\n\t\tborder-top: 5px solid var(--color-green-05);\r\n\t\tdisplay: flex;\r\n\t\tmax-width: 790px;\r\n\t\ttransition: width var(--ptc-transition-x-fast) var(--ptc-ease-out);\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tmax-width: 825px;\r\n\t\t}\r\n\r\n\t\t&:not([hidden]) {\r\n\t\t\theight: 480px;\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\tmin-width: 600px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:host(.active) {\r\n\t\t.card-mobile {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--color-green-05);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tgetAssetPath,\r\n\tElement,\r\n\tListen,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n//import navDotSlick from '../../media/svg-imgs/nav-active-dotslick.svg';\r\n\r\n@Component({\r\n\ttag: \"ptc-dynamic-card\",\r\n\tstyleUrl: \"ptc-dynamic-card.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tshadow: true,\r\n})\r\nexport class PtcDynamicCard {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/* Dynamic Card Type /\r\n\t@Prop() cardType: \"sequential\" = \"sequential\";\r\n\r\n\t/* Card Title /\r\n\t@Prop() cardTitle: string = \"Card Title Goes Here\";\r\n\r\n\t/* Card Image Src/\r\n\t@Prop() cardImgSrc?: string;\r\n\r\n\t/* Card Image Alt/\r\n\t@Prop() cardImgAlt?: string;\r\n\t/* Public card state /\r\n\t//@Prop({ mutable: true }) outCardState: string;\r\n\r\n\t/* Card varients /\r\n\t@Prop() cardScreen: \"mobile\" \| \"desktop\" = \"desktop\";\r\n\r\n\t/* is card expanded? /\r\n\t@Prop({ mutable: true }) isExpanded: boolean = false;\r\n\r\n\t/* Internal Overlay Status /\r\n\t@State() overlayExists: boolean = true;\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 Tracker ID\r\n\t /\r\n\t@Prop() trackerId?: string;\r\n\r\n\t// handleClick() {\r\n\t// this.isExpanded = !this.isExpanded;\r\n\t// }\r\n\t/\r\n\t Event emitted when this card is opened\r\n\t /\r\n\t@Event({ bubbles: true, composed: true }) cardOpened: EventEmitter<string>;\r\n\tcomponentDidLoad() {\r\n\t\t// Handle mouse enter and leave for overlay\r\n\t\tthis.el.addEventListener(\r\n\t\t\t\"mouseenter\",\r\n\t\t\t() => (this.overlayExists = false),\r\n\t\t);\r\n\t\tthis.el.addEventListener(\r\n\t\t\t\"mouseleave\",\r\n\t\t\t() => (this.overlayExists = true),\r\n\t\t);\r\n\t}\r\n\r\n\t/\r\n\t Open the card\r\n\t /\r\n\topenCard = () => {\r\n\t\tif (!this.isExpanded) {\r\n\t\t\tthis.isExpanded = true;\r\n\t\t\tthis.cardOpened.emit(this.trackerId);\r\n\t\t}\r\n\t\t// If already expanded, do nothing to ensure at least one card remains open\r\n\t};\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t /\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"Enter\":\r\n\t\t\t\t//event.preventDefault();\r\n\t\t\t\tthis.openCard();\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t};\r\n\r\n\t/\r\n\t Listen for 'cardOpened' events on the document to close other cards\r\n\t /\r\n\t@Listen(\"cardOpened\", { target: \"document\" })\r\n\thandleCardOpened(event: CustomEvent<string>) {\r\n\t\tconst openedTrackerId = event.detail;\r\n\t\tif (openedTrackerId !== this.trackerId && this.isExpanded) {\r\n\t\t\tthis.isExpanded = false;\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Focus the card-wrapper element\r\n\t /\r\n\t@Method()\r\n\tasync focusCardWrapper() {\r\n\t\tconst cardWrapper = this.el.querySelector(\r\n\t\t\t\".card-wrapper\",\r\n\t\t) as HTMLElement;\r\n\t\tif (cardWrapper) {\r\n\t\t\tcardWrapper.focus();\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Get CSS class map\r\n\t /\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: true,\r\n\t\t};\r\n\t}\r\n\r\n\t/\r\n\t Get desktop card based on expansion state\r\n\t /\r\n\t// getDesktopCard() {\r\n\t// if (this.cardScreen === 'desktop' && this.isExpanded) {\r\n\t// return [\r\n\t// <div class=\"card card-dt-open mf-listen\" id={this.trackerId}>\r\n\t// <ptc-card-content card-type=\"card-dynamic\">\r\n\t// <div class=\"card-title\">\r\n\t// <h3>{this.cardTitle}</h3>\r\n\t// </div>\r\n\t// <div class=\"card-content\">\r\n\t// <slot></slot>\r\n\t// </div>\r\n\t// </ptc-card-content>\r\n\t// <ptc-picture\r\n\t// alt={this.cardImgAlt}\r\n\t// src={this.cardImgSrc}\r\n\t// is-full-width=\"true\"\r\n\t// is-full-height=\"true\"\r\n\t// image-alignment=\"center\"\r\n\t// ></ptc-picture>\r\n\t// </div>,\r\n\t// ];\r\n\t// } else if (this.cardScreen === 'desktop' && !this.isExpanded) {\r\n\t// return [\r\n\t// <div class=\"card card-dt-closed mf-listen\" id={this.trackerId}>\r\n\t// <ptc-picture\r\n\t// alt={this.cardImgAlt}\r\n\t// src={this.cardImgSrc}\r\n\t// image-position=\"relative\"\r\n\t// is-full-width\r\n\t// height=\"424\"\r\n\t// >\r\n\t// {this.overlayExists ? (\r\n\t// <ptc-overlay filter-color=\"solid-black-1\"></ptc-overlay>\r\n\t// ) : (\r\n\t// <ptc-overlay filter-color=\"solid-black-2\"></ptc-overlay>\r\n\t// )}\r\n\t// </ptc-picture>\r\n\t// <div class=\"closed-content\" card-type=\"card-dynamic\">\r\n\t// <div class=\"card-title\">\r\n\t// <h2>{this.cardTitle}</h2>\r\n\t// </div>\r\n\t// </div>\r\n\t// </div>,\r\n\t// ];\r\n\t// } else {\r\n\t// return null;\r\n\t// }\r\n\t// }\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"card-wrapper mf-listen\"\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\taria-expanded={this.isExpanded}\r\n\t\t\t\t\tonClick={this.openCard}\r\n\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.cardScreen === \"mobile\" ? (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"card card-mobile mf-listen\"\r\n\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\theight=\"287\"\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t<ptc-card-content\r\n\t\t\t\t\t\t\t\tcard-type=\"card-dynamic\"\r\n\t\t\t\t\t\t\t\tstyles=\":host(.card-dynamic){height: auto;}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t<h3>{this.cardTitle}</h3>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</ptc-card-content>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t{...(!this.isExpanded && {\r\n\t\t\t\t\t\t\t\t\thidden: \"until-found\",\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t/ @ts-ignore */\r\n\t\t\t\t\t\t\t\tonBeforeMatch={this.openCard.bind(this)}\r\n\t\t\t\t\t\t\t\tclass={`card mf-listen ${\r\n\t\t\t\t\t\t\t\t\tthis.isExpanded && \"card-dt-open\"\r\n\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-card-content card-type=\"card-dynamic\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h3>{this.cardTitle}</h3>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</ptc-card-content>\r\n\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t\t\tis-full-width=\"true\"\r\n\t\t\t\t\t\t\t\t\tis-full-height=\"true\"\r\n\t\t\t\t\t\t\t\t\timage-alignment=\"center\"\r\n\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass={`card card-dt-closed mf-listen ${\r\n\t\t\t\t\t\t\t\t\tthis.isExpanded ? \"hide\" : \"show\"\r\n\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t\t\timage-position=\"relative\"\r\n\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\theight=\"424\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{this.overlayExists ? (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-overlay filter-color=\"solid-black-1\"></ptc-overlay>\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-overlay filter-color=\"solid-black-2\"></ptc-overlay>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</ptc-picture>\r\n\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\tclass=\"closed-content\"\r\n\t\t\t\t\t\t\t\t\tcard-type=\"card-dynamic\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h2>{this.cardTitle}</h2>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.cardScreen === \"desktop\" && (\r\n\t\t\t\t\t<div hidden>\r\n\t\t\t\t\t\t<svg>\r\n\t\t\t\t\t\t\t<use href={`${this.dotSvg}`}></use>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate dotSvg: string = getAssetPath(\"./media/nav-active-dotslick.svg\");\r\n}\r\n"],"version":3}
1	+ {"file":"p-t26ogJDp.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-dynamic-card/ptc-dynamic-card.scss?tag=ptc-dynamic-card&encapsulation=shadow","src/components/molecules/ptc-dynamic-card/ptc-dynamic-card.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n:host(.sequential) {\r\n\t.card-wrapper {\r\n\t\tposition: relative;\r\n\t\tcursor: pointer;\r\n\t\toutline: none;\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t.card {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t\toverflow: hidden;\r\n\r\n\t\t&.hide {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-mobile,\r\n\t.card-dt-open {\r\n\t\tdisplay: block;\r\n\r\n\t\tptc-card-content {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-basis: 38%;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: var(--ptc-element-spacing-06);\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: unset;\r\n\t\t\t\tflex: 0 0 310px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tptc-picture {\r\n\t\t\t// flex-basis: 62%;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t}\r\n\r\n\t\t.card-title {\r\n\t\t\th3 {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tmargin-bottom: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.card-content {\r\n\t\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\t}\r\n\t}\r\n\t.card-mobile {\r\n\t\tmax-width: 320px;\r\n\t\tmin-width: 226px;\r\n\t\tposition: relative;\r\n\r\n\t\t@include screen-xs {\r\n\t\t\tmax-width: 350px;\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 5px;\r\n\t\t\ttransition: background-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-out);\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\tptc-card-content {\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\t}\r\n\t.card-dt-closed {\r\n\t\twidth: 135px;\r\n\t\theight: 424px;\r\n\t\tposition: relative;\r\n\r\n\t\t.closed-content {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t.card-title {\r\n\t\t\ttext-align: center;\r\n\t\t\th2 {\r\n\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tmargin-bottom: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\t\t\tpadding-left: var(--ptc-element-spacing-02);\r\n\t\t\t\tpadding-right: var(--ptc-element-spacing-02);\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.card-dt-open {\r\n\t\tborder-top: 5px solid var(--color-green-05);\r\n\t\tdisplay: flex;\r\n\t\tmax-width: 790px;\r\n\t\ttransition: width var(--ptc-transition-x-fast) var(--ptc-ease-out);\r\n\r\n\t\t@include screen-xl {\r\n\t\t\tmax-width: 825px;\r\n\t\t}\r\n\r\n\t\t&:not([hidden]) {\r\n\t\t\theight: 480px;\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\tmin-width: 600px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:host(.active) {\r\n\t\t.card-mobile {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: var(--color-green-05);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tState,\r\n\tgetAssetPath,\r\n\tElement,\r\n\tListen,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tMethod,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n//import navDotSlick from '../../media/svg-imgs/nav-active-dotslick.svg';\r\n\r\n@Component({\r\n\ttag: \"ptc-dynamic-card\",\r\n\tstyleUrl: \"ptc-dynamic-card.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tshadow: true,\r\n})\r\nexport class PtcDynamicCard {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/* Dynamic Card Type /\r\n\t@Prop() cardType: \"sequential\" = \"sequential\";\r\n\r\n\t/* Card Title /\r\n\t@Prop() cardTitle: string = \"Card Title Goes Here\";\r\n\r\n\t/* Card Image Src/\r\n\t@Prop() cardImgSrc?: string;\r\n\r\n\t/* Card Image Alt/\r\n\t@Prop() cardImgAlt?: string;\r\n\t/* Public card state /\r\n\t//@Prop({ mutable: true }) outCardState: string;\r\n\r\n\t/* Card varients /\r\n\t@Prop() cardScreen: \"mobile\" \| \"desktop\" = \"desktop\";\r\n\r\n\t/* is card expanded? /\r\n\t@Prop({ mutable: true }) isExpanded: boolean = false;\r\n\r\n\t/* Internal Overlay Status /\r\n\t@State() overlayExists: boolean = true;\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 Tracker ID\r\n\t /\r\n\t@Prop() trackerId?: string;\r\n\r\n\t// handleClick() {\r\n\t// this.isExpanded = !this.isExpanded;\r\n\t// }\r\n\t/\r\n\t Event emitted when this card is opened\r\n\t /\r\n\t@Event({ bubbles: true, composed: true }) cardOpened: EventEmitter<string>;\r\n\tcomponentDidLoad() {\r\n\t\t// Handle mouse enter and leave for overlay\r\n\t\tthis.el.addEventListener(\r\n\t\t\t\"mouseenter\",\r\n\t\t\t() => (this.overlayExists = false),\r\n\t\t);\r\n\t\tthis.el.addEventListener(\r\n\t\t\t\"mouseleave\",\r\n\t\t\t() => (this.overlayExists = true),\r\n\t\t);\r\n\t}\r\n\r\n\t/\r\n\t Open the card\r\n\t /\r\n\topenCard = () => {\r\n\t\tif (!this.isExpanded) {\r\n\t\t\tthis.isExpanded = true;\r\n\t\t\tthis.cardOpened.emit(this.trackerId);\r\n\t\t}\r\n\t\t// If already expanded, do nothing to ensure at least one card remains open\r\n\t};\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t /\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"Enter\":\r\n\t\t\t\t//event.preventDefault();\r\n\t\t\t\tthis.openCard();\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t};\r\n\r\n\t/\r\n\t Listen for 'cardOpened' events on the document to close other cards\r\n\t /\r\n\t@Listen(\"cardOpened\", { target: \"document\" })\r\n\thandleCardOpened(event: CustomEvent<string>) {\r\n\t\tconst openedTrackerId = event.detail;\r\n\t\tif (openedTrackerId !== this.trackerId && this.isExpanded) {\r\n\t\t\tthis.isExpanded = false;\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Focus the card-wrapper element\r\n\t /\r\n\t@Method()\r\n\tasync focusCardWrapper() {\r\n\t\tconst cardWrapper = this.el.querySelector(\r\n\t\t\t\".card-wrapper\",\r\n\t\t) as HTMLElement;\r\n\t\tif (cardWrapper) {\r\n\t\t\tcardWrapper.focus();\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Get CSS class map\r\n\t /\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.cardType]: true,\r\n\t\t};\r\n\t}\r\n\r\n\t/\r\n\t Get desktop card based on expansion state\r\n\t /\r\n\t// getDesktopCard() {\r\n\t// if (this.cardScreen === 'desktop' && this.isExpanded) {\r\n\t// return [\r\n\t// <div class=\"card card-dt-open mf-listen\" id={this.trackerId}>\r\n\t// <ptc-card-content card-type=\"card-dynamic\">\r\n\t// <div class=\"card-title\">\r\n\t// <h3>{this.cardTitle}</h3>\r\n\t// </div>\r\n\t// <div class=\"card-content\">\r\n\t// <slot></slot>\r\n\t// </div>\r\n\t// </ptc-card-content>\r\n\t// <ptc-picture\r\n\t// alt={this.cardImgAlt}\r\n\t// src={this.cardImgSrc}\r\n\t// is-full-width=\"true\"\r\n\t// is-full-height=\"true\"\r\n\t// image-alignment=\"center\"\r\n\t// ></ptc-picture>\r\n\t// </div>,\r\n\t// ];\r\n\t// } else if (this.cardScreen === 'desktop' && !this.isExpanded) {\r\n\t// return [\r\n\t// <div class=\"card card-dt-closed mf-listen\" id={this.trackerId}>\r\n\t// <ptc-picture\r\n\t// alt={this.cardImgAlt}\r\n\t// src={this.cardImgSrc}\r\n\t// image-position=\"relative\"\r\n\t// is-full-width\r\n\t// height=\"424\"\r\n\t// >\r\n\t// {this.overlayExists ? (\r\n\t// <ptc-overlay filter-color=\"solid-black-1\"></ptc-overlay>\r\n\t// ) : (\r\n\t// <ptc-overlay filter-color=\"solid-black-2\"></ptc-overlay>\r\n\t// )}\r\n\t// </ptc-picture>\r\n\t// <div class=\"closed-content\" card-type=\"card-dynamic\">\r\n\t// <div class=\"card-title\">\r\n\t// <h2>{this.cardTitle}</h2>\r\n\t// </div>\r\n\t// </div>\r\n\t// </div>,\r\n\t// ];\r\n\t// } else {\r\n\t// return null;\r\n\t// }\r\n\t// }\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"card-wrapper mf-listen\"\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\taria-expanded={this.isExpanded}\r\n\t\t\t\t\tonClick={this.openCard}\r\n\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.cardScreen === \"mobile\" ? (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"card card-mobile mf-listen\"\r\n\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\theight=\"287\"\r\n\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t<ptc-card-content\r\n\t\t\t\t\t\t\t\tcard-type=\"card-dynamic\"\r\n\t\t\t\t\t\t\t\tstyles=\":host(.card-dynamic){height: auto;}\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t<h3>{this.cardTitle}</h3>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</ptc-card-content>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t{...(!this.isExpanded && {\r\n\t\t\t\t\t\t\t\t\thidden: \"until-found\",\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t/ @ts-ignore */\r\n\t\t\t\t\t\t\t\tonBeforeMatch={this.openCard.bind(this)}\r\n\t\t\t\t\t\t\t\tclass={`card mf-listen ${\r\n\t\t\t\t\t\t\t\t\tthis.isExpanded && \"card-dt-open\"\r\n\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-card-content card-type=\"card-dynamic\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h3>{this.cardTitle}</h3>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-content\">\r\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</ptc-card-content>\r\n\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t\t\tis-full-width=\"true\"\r\n\t\t\t\t\t\t\t\t\tis-full-height=\"true\"\r\n\t\t\t\t\t\t\t\t\timage-alignment=\"center\"\r\n\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclass={`card card-dt-closed mf-listen ${\r\n\t\t\t\t\t\t\t\t\tthis.isExpanded ? \"hide\" : \"show\"\r\n\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\talt={this.cardImgAlt}\r\n\t\t\t\t\t\t\t\t\tsrc={this.cardImgSrc}\r\n\t\t\t\t\t\t\t\t\timage-position=\"relative\"\r\n\t\t\t\t\t\t\t\t\tis-full-width\r\n\t\t\t\t\t\t\t\t\theight=\"424\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{this.overlayExists ? (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-overlay filter-color=\"solid-black-1\"></ptc-overlay>\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t<ptc-overlay filter-color=\"solid-black-2\"></ptc-overlay>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</ptc-picture>\r\n\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\tclass=\"closed-content\"\r\n\t\t\t\t\t\t\t\t\tcard-type=\"card-dynamic\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h2>{this.cardTitle}</h2>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.cardScreen === \"desktop\" && (\r\n\t\t\t\t\t<div hidden>\r\n\t\t\t\t\t\t<svg>\r\n\t\t\t\t\t\t\t<use href={`${this.dotSvg}`}></use>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate dotSvg: string = getAssetPath(\"./media/nav-active-dotslick.svg\");\r\n}\r\n"],"version":3}

package/dist/components/{p-diZY_Uee.js → p-v5Ex_8oe.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.large) span{font-size:var(--ptc-font-size-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
@@ -114,6 +114,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcDate as P, defineCustomElement as d };
-//# sourceMappingURL=p-diZY_Uee.js.map
+//# sourceMappingURL=p-v5Ex_8oe.js.map
-//# sourceMappingURL=p-diZY_Uee.js.map
+//# sourceMappingURL=p-v5Ex_8oe.js.map

package/dist/components/{p-diZY_Uee.js.map → p-v5Ex_8oe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~diZY_Uee~~.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n tag: 'ptc-date',\r\n styleUrl: 'ptc-date.scss',\r\n shadow: true,\r\n})\r\nexport class PtcDate {\r\n /*\r\n\t Year\r\n\t /\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/\r\n\t Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t /\r\n\t@Prop() month: number = 1;\r\n\r\n\t/\r\n\t Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t /\r\n\t@Prop() day: number = 1;\r\n\r\n\t/\r\n\t Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t /\r\n\t@Prop() country: string \| undefined = \"en-US\";\r\n\r\n\t/\r\n\t Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t /\r\n\t@Prop() dateString?: string;\r\n\t/\r\n\t Date Color\r\n\t /\r\n\t@Prop() dateColor: \"white\" \| \"primary-grey\";\r\n\t/\r\n\t Injected styles\r\n\t /\r\n\t@Prop() dateStyles?: string;\r\n\t/\r\n\t Date Font Size\r\n\t /\r\n\t@Prop() dataSize: \"medium\" \| \"small\" = \"small\";\r\n\t/\r\n\t Custom object for formatting date e.i. { weekday: \"long\", year: \"numeric\", month: \"long\", day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n render() {\r\n // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-v5Ex_8oe.js","mappings":";;AAAA,MAAM,UAAU,GAAG,qWAAqW;;MCQ3W,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;;AAClB;;AAEE;IACK,IAAI,GAAW,IAAI;AAE3B;;;AAGG;IACK,KAAK,GAAW,CAAC;AAEzB;;;AAGG;IACK,GAAG,GAAW,CAAC;AAEvB;;;AAGG;IACK,OAAO,GAAuB,OAAO;AAE7C;;;AAGG;AACK,IAAA,UAAU;AAClB;;AAEG;AACK,IAAA,SAAS;AACjB;;AAEG;AACK,IAAA,UAAU;AAClB;;AAEG;IACK,QAAQ,GAAuB,OAAO;AAC9C;;AAEG;AACK,IAAA,aAAa;IAEpB,MAAM,GAAA;;AAEN,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,UAAU,IAAI,gEAAQ,IAAI,CAAC,UAAU,CAAS,EACpD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,EACxB,IAAI,CAAC,OAAO,EAAE,CAAC,kBAAkB,CACjC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EAAE,CACjB,CACK,CACD;;IAIA,cAAc,GAAA;QACtB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK;AACjD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;SAC/C;;IAGM,UAAU,GAAA;AACjB,QAAA,IAAI,MAAM,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;AAEhE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI;gBACH,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;gBACzC,IAAI,IAAI,EAAE;oBACT,MAAM,GAAG,IAAI;;;YAEb,OAAO,CAAC,EAAE;;AAEX,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;;AAIhB,QAAA,OAAO,MAAM;;IAGN,OAAO,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D,YAAA,OAAO,OAAO;;aACR;AACN,YAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-date/ptc-date.scss?tag=ptc-date&encapsulation=shadow","src/components/atoms/ptc-date/ptc-date.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n}\r\n:host(.small) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t}\r\n}\r\n:host(.medium) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t}\r\n}\r\n:host(.large) {\r\n\tspan {\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t}\r\n}\r\n:host(.primary-grey) {\r\n\tcolor: var(--color-primary-gray-new);\r\n}\r\n:host(.white) {\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n:host(.date-m-top) {\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { CssClassMap } from '../../../utils/interfaces';\r\n\r\n@Component({\r\n tag: 'ptc-date',\r\n styleUrl: 'ptc-date.scss',\r\n shadow: true,\r\n})\r\nexport class PtcDate {\r\n /*\r\n\t Year\r\n\t /\r\n\t@Prop() year: number = 1900;\r\n\r\n\t/\r\n\t Month\r\n\t * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.\r\n\t /\r\n\t@Prop() month: number = 1;\r\n\r\n\t/\r\n\t Day\r\n\t * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.\r\n\t /\r\n\t@Prop() day: number = 1;\r\n\r\n\t/\r\n\t Country\r\n\t * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES\r\n\t /\r\n\t@Prop() country: string \| undefined = \"en-US\";\r\n\r\n\t/\r\n\t Date\r\n\t * examples: 2000-1-1 or 2000/01/01\r\n\t /\r\n\t@Prop() dateString?: string;\r\n\t/\r\n\t Date Color\r\n\t /\r\n\t@Prop() dateColor: \"white\" \| \"primary-grey\";\r\n\t/\r\n\t Injected styles\r\n\t /\r\n\t@Prop() dateStyles?: string;\r\n\t/\r\n\t Date Font Size\r\n\t /\r\n\t@Prop() dataSize: \"medium\" \| \"small\" = \"small\";\r\n\t/\r\n\t Custom object for formatting date e.i. { weekday: \"long\", year: \"numeric\", month: \"long\", day: \"numeric\" }\r\n\t */\r\n\t@Prop() formatOptions?: string;\r\n\r\n render() {\r\n // const newDate = new Date(this.year, this.month, this.day);\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.dateStyles && <style>{this.dateStyles}</style>}\r\n\t\t\t\t<span part=\"part-ptc-date\">\r\n\t\t\t\t\t{this.getDate().toLocaleDateString(\r\n\t\t\t\t\t\tthis.country,\r\n\t\t\t\t\t\tthis.getOptions(),\r\n\t\t\t\t\t)}\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.dateColor]: !!this.dateColor ? true : false,\r\n\t\t\t[this.dataSize]: !!this.dataSize ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getOptions(): any {\r\n\t\tlet result = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n\r\n\t\tif (this.formatOptions) {\r\n\t\t\ttry {\r\n\t\t\t\tvar json = JSON.parse(this.formatOptions);\r\n\t\t\t\tif (json) {\r\n\t\t\t\t\tresult = json;\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\t//debugger\r\n\t\t\t\tconsole.log(e);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate getDate() {\r\n\t\tif (this.dateString) {\r\n\t\t\tlet newDate = new Date(this.dateString.replace(/-/g, \"/\"));\r\n\t\t\treturn newDate;\r\n\t\t} else {\r\n\t\t\treturn new Date(this.year, this.month - 1, this.day);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

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

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

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

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

package/dist/components/{p-qpLhhGXh.js → p-zNSy54uA.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, V as ValidationMessages, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, V as ValidationMessages, h, d as Host } from './p-C2SefPLt.js';
 import { g as getDefaultExportFromCjs } from './p-B85MJLTf.js';
 import { b as getLanguageFromURL } from './p-DpFzAwLW.js';
 import { _ as __extends, a as __assign, M as MDCFoundation, e as MDCComponent, d as __values, f as applyPassive, b as MDCRipple, m as matches, c as MDCRippleFoundation } from './p-CXJAHwdV.js';
@@ -3866,6 +3866,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTextfield as P, defineCustomElement as d };
-//# sourceMappingURL=p-qpLhhGXh.js.map
+//# sourceMappingURL=p-zNSy54uA.js.map
-//# sourceMappingURL=p-qpLhhGXh.js.map
+//# sourceMappingURL=p-zNSy54uA.js.map