npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.6-upgrade → 6.5.7-upgrade - Mend

@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-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 (880) hide show

package/dist/components/{p-BZmiyqIe.js.map → p-BoQK-f42.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BZmiyqIe.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\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}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\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\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\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<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BoQK-f42.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-social-share/ptc-social-share.scss?tag=ptc-social-share&encapsulation=shadow","src/components/molecules/ptc-social-share/ptc-social-share.tsx"],"sourcesContent":["@use \"mixins\" as ;\t\r\n:host(.inline-block) {\r\n\tdisplay: inline-block;\r\n}\r\n:host(.block) {\r\n\tdisplay: block;\r\n}\r\n:host(.inline) {\r\n\tdisplay: inline;\r\n}\r\n:host(.flex) {\r\n\tdisplay: flex;\r\n}\r\n:host(.ptc-social-share) {\r\n\tcursor: pointer;\r\n\r\n\t.focus-state {\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}\r\n\r\n\t\t&.focus-state-dark-background {\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include focus-state-with-padding;\r\n\t\t\t\ttransition: none;\r\n\t\t\t\ttext-decoration-line: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t:host(.ptc-social-m-left) {\r\n\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-share\",\r\n\tstyleUrl: \"ptc-social-share.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialShare {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t@Prop() trackerId: string;\r\n\t@Prop() display?: \"inline-block\" \| \"block\" \| \"inline\" \| \"flex\" =\r\n\t\t\"inline-block\";\r\n\t@Prop() shareType?:\r\n\t\t\| \"mail\"\r\n\t\t\| \"twitter\"\r\n\t\t\| \"linkedin\"\r\n\t\t\| \"facebook\"\r\n\t\t\| \"share-api\"\r\n\t\t\| \"download\"\r\n\t\t\| \"blog-mail\"\r\n\t\t\| \"blog-twitter\"\r\n\t\t\| \"blog-linkedin\"\r\n\t\t\| \"blog-facebook\" = \"twitter\";\r\n\t@Prop() shareTitle: string;\r\n\t@Prop() text: string;\r\n\t@Prop() url: string;\r\n\t/\r\n\t Optional - source for linkedin\r\n\t /\r\n\t@Prop() source?: string = \"\";\r\n\t/\r\n\t Email recipient.\r\n\t * If you want to use mail share, you need to use this property\r\n\t /\r\n\t@Prop() recipient?: string = \"\";\r\n\t/\r\n\t Icon asset color\r\n\t /\r\n\t@Prop() iconColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"white\";\r\n\t/\r\n\t Icon asset hover color\r\n\t /\r\n\t@Prop() iconHoverColor?:\r\n\t\t\| \"black\"\r\n\t\t\| \"white\"\r\n\t\t\| \"ptc-green\"\r\n\t\t\| \"gray\"\r\n\t\t\| \"primary-gray\"\r\n\t\t\| \"inherit\" = \"gray\";\r\n\t/\r\n\t is hover or not\r\n\t /\r\n\t@State() isHover: boolean = false;\r\n\r\n\t/\r\n\t Icon Size\r\n\t /\r\n\t@Prop() iconSize?:\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\" = \"large\";\r\n\r\n\t/\r\n\t darkFocusState for dark background\r\n\t */\r\n\r\n\t@Prop() darkFocusState: boolean = false;\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<div\r\n\t\t\t\t\tonClick={() => this.share()}\r\n\t\t\t\t\tonMouseEnter={() => this.hoverToggle()}\r\n\t\t\t\t\tonMouseLeave={() => this.hoverToggle()}\r\n\t\t\t\t\tclass={`focus-state mf-listen ${this.darkFocusState ? \"focus-state-dark-background\" : \"\"}`}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tonKeyDown={(event) => this.handleKeyDown(event)}\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.shareType == \"mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-mail\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-linkedin\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"plm-fb\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-mail\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"mail-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-linkedin\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"linkedin-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-twitter\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"twitter-x-dark-circle\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"blog-facebook\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"facebook-blogs-icon\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"share-api\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"solid\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"share-square\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{this.shareType == \"download\" ? (\r\n\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\tsize={this.iconSize}\r\n\t\t\t\t\t\t\tname=\"download-arrow-news\"\r\n\t\t\t\t\t\t\tcolor=\"inherit\"\r\n\t\t\t\t\t\t\t{...(this.isHover\r\n\t\t\t\t\t\t\t\t? { color: this.iconHoverColor }\r\n\t\t\t\t\t\t\t\t: { color: this.iconColor })}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.shareType == \"download\" && (\r\n\t\t\t\t\t<ptc-modal\r\n\t\t\t\t\t\tid=\"download-modal\"\r\n\t\t\t\t\t\tshow={false}\r\n\t\t\t\t\t\tsize=\"lg\"\r\n\t\t\t\t\t\tfixed={true}\r\n\t\t\t\t\t\tis-bio-modal={true}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-weight=\"w-5\"\r\n\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tThanks For Downloading\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t</ptc-modal>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleKeyDown(event: KeyboardEvent) {\r\n\t\tif (event.key === \"Enter\") {\r\n\t\t\tthis.share();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-social-share\"]: true,\r\n\t\t\t[this.display]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate hoverToggle(): any {\r\n\t\tthis.isHover = !this.isHover;\r\n\t}\r\n\r\n\tprivate share(): any {\r\n\t\tif (this.shareType == \"twitter\" \|\| this.shareType == \"blog-twitter\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"facebook\" \|\| this.shareType == \"blog-facebook\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.facebook.com/sharer/sharer.php?u=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"linkedin\" \|\| this.shareType == \"blog-linkedin\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"mail\" \|\| this.shareType == \"blog-mail\") {\r\n\t\t\twindow.open(\r\n\t\t\t\t`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`,\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (this.shareType == \"share-api\") {\r\n\t\t\tif ((navigator as any).share) {\r\n\t\t\t\t(navigator as any)\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: this.shareTitle,\r\n\t\t\t\t\t\ttext: this.text,\r\n\t\t\t\t\t\turl: this.url,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then(() => console.log(\"Successful share\"))\r\n\t\t\t\t\t.catch((error) => console.log(\"Error sharing\", error));\r\n\t\t\t} else {\r\n\t\t\t\t// fallback to sharing to twitter\r\n\t\t\t\twindow.open(\r\n\t\t\t\t\t`http://twitter.com/share?text=${this.text}&url=${this.url}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.shareType == \"download\") {\r\n\t\t\tlet modal = this.el.shadowRoot.querySelector(\"#download-modal\");\r\n\t\t\tmodal.setAttribute(\"show\", \"true\");\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tmodal.setAttribute(\"show\", \"false\");\r\n\t\t\t\twindow.open(`${this.url}`, \"_self\");\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-A8cqTum7.js → p-C07ojBTl.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const PtcPricingBlock = /*@__PURE__*/ proxyCustomElement(class PtcPricingBlock e
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '469d8392ad6b873d1006558932d8d1c8025b49ec', class: this.active ? "is-active" : "" }, h("div", { key: 'd10964a0d8088c709252a42a3a702d765b99851c', class: classMap, id: this.trackerId }, h("span", { key: '47f16bfc4e6a1b1a6d2ebc3bdadc1d114d0b738d', class: "left-text" }, h("slot", { key: '843439f0e7f3532ba7603e6010148a04ef8d27ca', name: "left-text" })), h("span", { key: '774d0788757898e85bf06eee4cab58066ae0659a', class: "right-text" }, h("slot", { key: '4bdf56afef0a25d862ec1cc70b45b8f6e16c3f7d', name: "right-text" })))));
+        return (h(Host, { key: '0388280a1c3f17d87dd556d0a5a09cec3b477b4d', class: this.active ? "is-active" : "" }, h("div", { key: 'a306091d24311b89a57c751e24e7b3b547d77a7a', class: classMap, id: this.trackerId }, h("span", { key: '297ac772376c2d65b5e057a3397461eca8049cad', class: "left-text" }, h("slot", { key: 'b07851d3f321e490e21f0a4b07386a8762496ecf', name: "left-text" })), h("span", { key: 'a1d277550e321b80591a0776574ea237a282cf42', class: "right-text" }, h("slot", { key: '17559276b6dedc77a666fecf4098f0894467c4ad', name: "right-text" })))));
     }
     getCssClassMap() {
         return {
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPricingBlock as P, defineCustomElement as d };
-//# sourceMappingURL=p-A8cqTum7.js.map
+//# sourceMappingURL=p-C07ojBTl.js.map
-//# sourceMappingURL=p-A8cqTum7.js.map
+//# sourceMappingURL=p-C07ojBTl.js.map

package/dist/components/{p-A8cqTum7.js.map → p-C07ojBTl.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~A8cqTum7~~.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y/CAAy/C;;MCQvgD,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;AACnB,IAAA,MAAM;AAE0B,IAAA,aAAa;AAE7C,IAAA,SAAS;AAEjB,IAAA,eAAe,CAAC,OAAe,EAAA;AAC9B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;IAGrB,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,EAAE,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACxB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAA,CAAQ,CACzB,CACF,CACA;;IAID,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,mBAAmB,GAAG,IAAI;AAC3B,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;YACvB,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-block/ptc-pricing-block.scss?tag=ptc-pricing-block&encapsulation=shadow","src/components/molecules/ptc-pricing-block/ptc-pricing-block.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\tcolor: var(--color-gray-10);\r\n\tmargin-top: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-pricing-block {\r\n\t\twidth: 100%;\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t\tborder: 1px solid var(--color-gray-02);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tdisplay: block;\r\n\t\ttransition:\r\n\t\t\tbackground-color var(--ptc-ease-inout) var(--ptc-transition-medium),\r\n\t\t\tborder-color var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n\t\t&.active {\r\n\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\r\n\t\t&:hover:not(.active) {\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t@media (min-width: 400px) {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t// .ptc-pricing-block[optionClicked] {\r\n\t// background-color: var(--color-gray-12);\r\n\t// color: var(--color-white);\r\n\t// }\r\n\r\n\t.right-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 0px 20px 15px 15px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: right;\r\n\t\t\tfloat: right;\r\n\t\t\tmargin-top: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t.left-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 15px 15px 0 20px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: left;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// :host([optionClicked]) {\r\n// .ptc-pricing-block {\r\n// background-color: var(--color-gray-12);\r\n// color: var(--color-white);\r\n// }\r\n// }\r\n","import { Component, h, Host, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-block\",\r\n\tstyleUrl: \"ptc-pricing-block.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingBlock {\r\n\t@Prop() active: boolean;\r\n\r\n\t@Prop({ reflect: true, mutable: true }) optionClicked: boolean;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\tonContentChange(content: string) {\r\n\t\tconsole.log(content);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.active ? \"is-active\" : \"\"}>\r\n\t\t\t\t<div class={classMap} id={this.trackerId}>\r\n\t\t\t\t\t<span class=\"left-text\">\r\n\t\t\t\t\t\t<slot name=\"left-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"right-text\">\r\n\t\t\t\t\t\t<slot name=\"right-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-pricing-block\"]: true,\r\n\t\t\t[\"active\"]: this.active,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-C07ojBTl.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y/CAAy/C;;MCQvgD,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;AACnB,IAAA,MAAM;AAE0B,IAAA,aAAa;AAE7C,IAAA,SAAS;AAEjB,IAAA,eAAe,CAAC,OAAe,EAAA;AAC9B,QAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;;IAGrB,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;QAEtC,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,EAAE,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACxB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAA,CAAQ,CACzB,CACF,CACA;;IAID,cAAc,GAAA;QACrB,OAAO;YACN,CAAC,mBAAmB,GAAG,IAAI;AAC3B,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM;YACvB,CAAC,WAAW,GAAG,IAAI;SACnB;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-block/ptc-pricing-block.scss?tag=ptc-pricing-block&encapsulation=shadow","src/components/molecules/ptc-pricing-block/ptc-pricing-block.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\tcolor: var(--color-gray-10);\r\n\tmargin-top: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-pricing-block {\r\n\t\twidth: 100%;\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t\tborder: 1px solid var(--color-gray-02);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tdisplay: block;\r\n\t\ttransition:\r\n\t\t\tbackground-color var(--ptc-ease-inout) var(--ptc-transition-medium),\r\n\t\t\tborder-color var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\r\n\t\t&.active {\r\n\t\t\tbackground-color: var(--color-gray-12);\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\r\n\t\t&:hover:not(.active) {\r\n\t\t\tborder-color: var(--color-gray-12);\r\n\t\t}\r\n\r\n\t\t@media (min-width: 400px) {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t// .ptc-pricing-block[optionClicked] {\r\n\t// background-color: var(--color-gray-12);\r\n\t// color: var(--color-white);\r\n\t// }\r\n\r\n\t.right-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 0px 20px 15px 15px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: right;\r\n\t\t\tfloat: right;\r\n\t\t\tmargin-top: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t.left-text {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\ttext-align: left;\r\n\t\tmargin: 15px 15px 0 20px;\r\n\t\tdisplay: block;\r\n\t\t@media (min-width: 400px) {\r\n\t\t\ttext-align: left;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// :host([optionClicked]) {\r\n// .ptc-pricing-block {\r\n// background-color: var(--color-gray-12);\r\n// color: var(--color-white);\r\n// }\r\n// }\r\n","import { Component, h, Host, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-block\",\r\n\tstyleUrl: \"ptc-pricing-block.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingBlock {\r\n\t@Prop() active: boolean;\r\n\r\n\t@Prop({ reflect: true, mutable: true }) optionClicked: boolean;\r\n\r\n\t@Prop() trackerId: string;\r\n\r\n\tonContentChange(content: string) {\r\n\t\tconsole.log(content);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.active ? \"is-active\" : \"\"}>\r\n\t\t\t\t<div class={classMap} id={this.trackerId}>\r\n\t\t\t\t\t<span class=\"left-text\">\r\n\t\t\t\t\t\t<slot name=\"left-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"right-text\">\r\n\t\t\t\t\t\t<slot name=\"right-text\"></slot>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-pricing-block\"]: true,\r\n\t\t\t[\"active\"]: this.active,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-vDw4ZbGF.js → p-C1g9I9xH.js} RENAMED Viewed

@@ -24,7 +24,7 @@ const PtcSpacer = /*@__PURE__*/ proxyCustomElement(class PtcSpacer extends H {
     direction = "vertical";
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: '234d6384225e9b3ab914784ab1013b7c8308cf8f', class: classMap });
+        return h(Host, { key: '635fe8b5425dbcfc29dccd99289e3e187901fc3d', class: classMap });
     }
     getCssClassMap() {
         return {
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSpacer as P, defineCustomElement as d };
-//# sourceMappingURL=p-vDw4ZbGF.js.map
+//# sourceMappingURL=p-C1g9I9xH.js.map
-//# sourceMappingURL=p-vDw4ZbGF.js.map
+//# sourceMappingURL=p-C1g9I9xH.js.map

package/dist/components/{p-vDw4ZbGF.js.map → p-C1g9I9xH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~vDw4ZbGF~~.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-C1g9I9xH.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ugIAAugI;;MCQ/gI,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB;;AAEG;IACK,UAAU,GASD,EAAE;AACnB;;AAEG;IACK,IAAI,GAYK,QAAQ;AACzB;;AAEG;IACK,SAAS,GAA8B,UAAU;IAEzD,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY;AAC1D,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,KAAK,UAAU;AACtD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ;AACnD,YAAA,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,KAAK,OAAO;AACjD,YAAA,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS;AACrD,YAAA,CAAC,qBAAqB,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU;AACvD,YAAA,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,KAAK,WAAW;SACzD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/*\r\n\t Breakpoint\r\n\t /\r\n\t@Prop() breakpoint:\r\n\t\t\| \"\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"large\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\" = \"\";\r\n\t/\r\n\t Spacing Size\r\n\t /\r\n\t@Prop() size:\r\n\t\t\| \"large\"\r\n\t\t\| \"medium\"\r\n\t\t\| \"small\"\r\n\t\t\| \"x-large\"\r\n\t\t\| \"x-small\"\r\n\t\t\| \"xx-large\"\r\n\t\t\| \"xx-small\"\r\n\t\t\| \"xxx-large\"\r\n\t\t\| \"xxxx-large\"\r\n\t\t\| \"space-144\"\r\n\t\t\| \"space-120\"\r\n\t\t\| \"space-128\" = \"medium\";\r\n\t/\r\n\t Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" \| \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-SlTyS70R.js → p-CYgk2SEY.js} RENAMED Viewed

@@ -31,7 +31,7 @@ const PtcTheaterVideo = /*@__PURE__*/ proxyCustomElement(class PtcTheaterVideo e
         });
     }
     render() {
-        return (h(Host, { key: '2404502796d5ef061fc2ac36c91547fa0c390593', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: 'e82c045a7f03b94799b5630781e523e7c3c8d1a4', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: '904ee9b2eef52624317e1deba28fe50c7be23b69', src: this.thumbImg, alt: "" }), h("span", { key: 'c49ab0e9d9a2d8b9195a6b7628b8b42819e065bf', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'd63f458a5fcb7c43bbd739408b60a48c6b8f811f', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '53744b1b4534822b875d633b339d0739ba45041e', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'dfd6d86a831c5455f80fc9244f5afc70910e25b4', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'fab64f360c5e06e6c3569b9b82567d00f69fa6d0' }, h("filter", { key: 'f8d9be6f3557fe057935a08e5d05fb692ee1752e', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '7529c93dc7c3d93df19b4a1c798f9327cd4fb3dc', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fc58774baee85519cc50575a2440c2e03ec86a04', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'b2ae1237b14d439cb4dca9764044dc45106029ae', dy: "8" }), h("feGaussianBlur", { key: '1abeebc4e1666a36e8adbb647850dc0830fe932f', stdDeviation: "6" }), h("feComposite", { key: '830da368ffe924ebbe65a66e3af7dea35025f3e1', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '1c158d0225400f3e419eb96ce97cd1c8cbbc7f23', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: 'fae234c118ac56699573c3be06128f8696456bf9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: '34ce3f62463cab3bd29ba49b32edae80e2e9ffaf', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: 'b478477ea60c62df97f4a9cbe9d45f18a11b0727', class: "vcard-title" }, this.cardTitle), h("div", { key: '0173ae2eaefc15c5724ec031e2db5a1fdccad460', class: "hidden description" }, h("slot", { key: '41788260ddde3821d84b923fbb99efda0ddc3759' }))));
+        return (h(Host, { key: 'cb734f9e2e84763a36766203b9f928292a81caa1', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, h("div", { key: '048e53c73742645c9e0649c8da39b6826f2f1c48', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, h("img", { key: '65ed2e2c5ae629bbeb724538167b9c72d78bfc94', src: this.thumbImg, alt: "" }), h("span", { key: 'fc6253460a211fedee0cce0e9b1a3116164b2fd6', class: "card-number" }, this.cardNumber + 1), h("svg", { key: 'f53f4c3c44e158d2b37ab9bf1b010489d1d0f3e1', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h("g", { key: '0efff9c9a56ad728e6a1ad1f3541c924b2bcb93f', filter: "url(#filter0_d_214_969)" }, h("path", { key: 'ecd877cac05deeccf368698e30bf9f981646ffd7', d: "M42 20L12 36V4L42 20Z", fill: "white" })), h("defs", { key: 'c04bc12fbfe106e1edc691a9c4c4f9d3e7800368' }, h("filter", { key: '1bbc11290b3cf899861e1d5f10745710cbd94acb', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'da7989baa883cabd93e51496254bed20fbe55961', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a159f3597ef830ac2d45b7095ad2a44b96c922be', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'c7872cd949a380e6c65733caf08f735648555aa3', dy: "8" }), h("feGaussianBlur", { key: '811af9329629872fef829ff63e5bfe3ac862a57f', stdDeviation: "6" }), h("feComposite", { key: '3b816202e95280c4791c3a9be59ce6061ad23f7d', in2: "hardAlpha", operator: "out" }), h("feColorMatrix", { key: '3d5871a0c23eb3560adb2cb007b0956e22232bf4', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h("feBlend", { key: 'd2396c9a167b137fba9f8ec23ffc3c9f7a2534ec', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h("feBlend", { key: '0d6ae4d495af553cb8e75665b95f7ffeccc74f12', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h("h3", { key: 'fe39750a12762aa64f8a328ad4dab677a07b2ea2', class: "vcard-title" }, this.cardTitle), h("div", { key: '0df6d88494e43574102d02d26acc104277c3a7f7', class: "hidden description" }, h("slot", { key: '662d321096410038961b51dbe5b2c8d2c531767e' }))));
     }
     static get style() { return ptcTheaterVideoCss; }
 }, [262, "ptc-theater-video", {
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcTheaterVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-SlTyS70R.js.map
+//# sourceMappingURL=p-CYgk2SEY.js.map
-//# sourceMappingURL=p-SlTyS70R.js.map
+//# sourceMappingURL=p-CYgk2SEY.js.map

package/dist/components/{p-SlTyS70R.js.map → p-CYgk2SEY.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~SlTyS70R~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\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-CYgk2SEY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-theater-video/ptc-theater-video.scss?tag=ptc-theater-video&encapsulation=scoped","src/components/molecules/ptc-theater-video/ptc-theater-video.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmax-width: 205px;\r\n\tmin-width: 205px;\r\n\tcolor: var(--color-white);\r\n\t&.hide {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.show {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t@include screen-sm {\r\n\t\tmin-width: auto;\r\n\t\tmin-width: 205px;\r\n\t}\r\n\t@include screen-lg {\r\n\t\tmax-width: 260px;\r\n\t\tmin-width: 260px;\r\n\t}\r\n\t.img-wrap {\r\n\t\tposition: relative;\r\n\t\tborder-radius: 12px;\r\n\t\tbox-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\t\tmargin-top: 5px;\r\n\t\tcursor: pointer;\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tborder-radius: 12px;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tfill: #fff;\r\n\t\t\tfilter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.card-number {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 6px;\r\n\t\t\ttop: 6px;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tbackground-color: var(--color-gray-09);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder: 2px solid var(--color-green-05);\r\n\t\t\ttext-align: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\th3 {\r\n\t\tmargin: 12px 0 0 0;\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-theater-video\",\r\n\tstyleUrl: \"ptc-theater-video.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcTheaterVideo {\r\n\t@Prop() cardTitle?: string;\r\n\t@Prop() cardDescription?: string;\r\n\t@Prop() thumbImg?: string;\r\n\t@Element() ele: HTMLElement;\r\n\t@Prop() cardNumber?: number;\r\n\t@Prop() videoId?: number;\r\n\t@Prop() vtagName?: string;\r\n\t@Event() vCardClicked: EventEmitter;\r\n\t@Prop() modalType?: \"only-video\" \| \"video-with-description\" =\r\n\t\t\"video-with-description\";\r\n\r\n\tshowCardDetails() {\r\n\t\t// Emit a custom event to signal that the card was clicked\r\n\t\t// const cardClickEvent = new CustomEvent('cardClicked', {\r\n\t\t// detail: this.cardTitle,\r\n\t\t// });\r\n\t\t// this.ele.dispatchEvent(cardClickEvent);\r\n\r\n\t\tthis.vCardClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tcardNumber: this.cardNumber,\r\n\t\t});\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tvideo-id={this.videoId}\r\n\t\t\t\tvtag-name={this.vtagName}\r\n\t\t\t\tmodal-type={this.modalType}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"img-wrap mf-listen\"\r\n\t\t\t\t\tonClick={() => this.showCardDetails()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t>\r\n\t\t\t\t\t<img src={this.thumbImg} alt=\"\" />\r\n\t\t\t\t\t<span class={\"card-number\"}>{this.cardNumber + 1}</span>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\tviewBox=\"0 0 54 56\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g filter=\"url(#filter0_d_214_969)\">\r\n\t\t\t\t\t\t\t<path d=\"M42 20L12 36V4L42 20Z\" fill=\"white\" />\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<filter\r\n\t\t\t\t\t\t\tid=\"filter0_d_214_969\"\r\n\t\t\t\t\t\t\tx=\"0\"\r\n\t\t\t\t\t\t\ty=\"0\"\r\n\t\t\t\t\t\t\twidth=\"54\"\r\n\t\t\t\t\t\t\theight=\"56\"\r\n\t\t\t\t\t\t\tfilterUnits=\"userSpaceOnUse\"\r\n\t\t\t\t\t\t\tcolor-interpolation-filters=\"sRGB\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<feFlood\r\n\t\t\t\t\t\t\t\t\tflood-opacity=\"0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\tin=\"SourceAlpha\"\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n\t\t\t\t\t\t\t\t\tresult=\"hardAlpha\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feOffset dy=\"8\" />\r\n\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"6\" />\r\n\t\t\t\t\t\t\t\t<feComposite in2=\"hardAlpha\" operator=\"out\" />\r\n\t\t\t\t\t\t\t\t<feColorMatrix\r\n\t\t\t\t\t\t\t\t\ttype=\"matrix\"\r\n\t\t\t\t\t\t\t\t\tvalues=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin2=\"BackgroundImageFix\"\r\n\t\t\t\t\t\t\t\t\tresult=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<feBlend\r\n\t\t\t\t\t\t\t\t\tmode=\"normal\"\r\n\t\t\t\t\t\t\t\t\tin=\"SourceGraphic\"\r\n\t\t\t\t\t\t\t\t\tin2=\"effect1_dropShadow_214_969\"\r\n\t\t\t\t\t\t\t\t\tresult=\"shape\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</filter>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<h3 class={\"vcard-title\"}>{this.cardTitle}</h3>\r\n\r\n\t\t\t\t<div class=\"hidden description\">\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-D0XJt6EB.js → p-CdTTj7ab.js} RENAMED Viewed

@@ -70,7 +70,7 @@ const FlTabHeader = /*@__PURE__*/ proxyCustomElement(class FlTabHeader extends H
         }
     };
     render() {
-        return (h(Host, { key: 'a0d3163905787806a784d90237d94eaee017b83f', class: `fl-header ${this.selected ? "selected" : ""}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", { key: 'a131ae0cc80691039c6ffb43bb6a88271fa53394' }), h("p", { key: '514459fce70af286927aefd3e34ddc7d3658c211', id: this.trackerId, class: `${this.selected ? "selected-p" : ""} mf-listen`, tabindex: this.selected || window.innerWidth < 992 ? 0 : -1 }, this.tabTitle)));
+        return (h(Host, { key: '95d1c41629eec3e71d973fe22b5f87abbe15a6e0', class: `fl-header ${this.selected ? "selected" : ""}`, onClick: this.handleClick.bind(this), onKeyDown: this.handleKeyDown.bind(this) }, h("slot", { key: '26ba0cf8ee5fefc17881e1ff7337788be5c5628a' }), h("p", { key: '4bfa21fa5fe65a91c0a79ad3221e7da76c7707e3', id: this.trackerId, class: `${this.selected ? "selected-p" : ""} mf-listen`, tabindex: this.selected || window.innerWidth < 992 ? 0 : -1 }, this.tabTitle)));
     }
     static get style() { return flTabHeaderCss; }
 }, [262, "fl-tab-header", {
@@ -97,6 +97,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { FlTabHeader as F, defineCustomElement as d };
-//# sourceMappingURL=p-D0XJt6EB.js.map
+//# sourceMappingURL=p-CdTTj7ab.js.map
-//# sourceMappingURL=p-D0XJt6EB.js.map
+//# sourceMappingURL=p-CdTTj7ab.js.map

package/dist/components/{p-D0XJt6EB.js.map → p-CdTTj7ab.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D0XJt6EB~~.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4vBAA4vB;;MCgBtwB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAGvB;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAW,EAAE;IAErB,QAAQ,GAAY,KAAK;IAEzB,SAAS,GAAW,EAAE;IAErB,aAAa,GAAY,KAAK;AAE9B,IAAA,YAAY;AACrB,IAAA,WAAW,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACtB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,SAAA,CAAC;;AAGM,IAAA,kBAAkB;AAClB,IAAA,gBAAgB;AACzB,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;AACpC,QAAA,QAAQ,CAAC,CAAC,GAAG;YACZ,KAAK,WAAW,EAAE;AACjB,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,oBAAA,SAAS,EAAE,CAAC;AACZ,iBAAA,CAAC;gBACF;;YAED,KAAK,SAAS,EAAE;AACf,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,EAAE;AACb,iBAAA,CAAC;gBACF;;YAED,KAAK,OAAO,EAAE;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnB;;AAED,YAAA,KAAK,KAAK;gBACT;AACC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC1B,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,qBAAA,CAAC;;gBAEH;;AAEH,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrD,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAExC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,UAAA,CAAY,EACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,EAE1D,EAAA,IAAI,CAAC,QAAQ,CACX,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.scss?tag=fl-tab-header&encapsulation=scoped","src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tp {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\t\t\t&.selected-p {\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tState,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-header\",\r\n\tstyleUrl: \"fl-tab-header.scss\",\r\n\tscoped: true,\r\n})\r\nexport class FlTabHeader {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t * Tab Title\r\n\t /\r\n\t@Prop() tabTitle: string;\r\n\r\n\t/\r\n\t * Tab header name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() valueKey: number = -1;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@State() initialHeader: boolean = false;\r\n\r\n\t@Event() flTabClicked: EventEmitter;\r\n\thandleClick(event: Event) {\r\n\t\tthis.flTabClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tevent: event,\r\n\t\t\tname: this.nameKey,\r\n\t\t\tvalueKey: this.valueKey,\r\n\t\t});\r\n\t}\r\n\r\n\t@Event() flHeaderArrowFocus: EventEmitter;\r\n\t@Event() flHeaderTabFocus: EventEmitter;\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"ArrowDown\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: 1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"ArrowUp\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: -1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.handleClick(e);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Tab\":\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.flHeaderTabFocus.emit({\r\n\t\t\t\t\t\tsender: this,\r\n\t\t\t\t\t\tevent: e,\r\n\t\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\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\tclass={`fl-header ${this.selected ? \"selected\" : \"\"}`}\r\n\t\t\t\tonClick={this.handleClick.bind(this)}\r\n\t\t\t\tonKeyDown={this.handleKeyDown.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<p\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={`${this.selected ? \"selected-p\" : \"\"} mf-listen`}\r\n\t\t\t\t\ttabindex={this.selected \|\| window.innerWidth < 992 ? 0 : -1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.tabTitle}\r\n\t\t\t\t</p>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CdTTj7ab.js","mappings":";;AAAA,MAAM,cAAc,GAAG,4vBAA4vB;;MCgBtwB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;AAGvB;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,OAAO;IAEP,QAAQ,GAAW,EAAE;IAErB,QAAQ,GAAY,KAAK;IAEzB,SAAS,GAAW,EAAE;IAErB,aAAa,GAAY,KAAK;AAE9B,IAAA,YAAY;AACrB,IAAA,WAAW,CAAC,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACtB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,SAAA,CAAC;;AAGM,IAAA,kBAAkB;AAClB,IAAA,gBAAgB;AACzB,IAAA,aAAa,GAAG,CAAC,CAAgB,KAAI;AACpC,QAAA,QAAQ,CAAC,CAAC,GAAG;YACZ,KAAK,WAAW,EAAE;AACjB,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,oBAAA,SAAS,EAAE,CAAC;AACZ,iBAAA,CAAC;gBACF;;YAED,KAAK,SAAS,EAAE;AACf,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,CAAC;oBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,EAAE;AACb,iBAAA,CAAC;gBACF;;YAED,KAAK,OAAO,EAAE;AACb,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnB;;AAED,YAAA,KAAK,KAAK;gBACT;AACC,oBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC1B,wBAAA,MAAM,EAAE,IAAI;AACZ,wBAAA,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,qBAAA,CAAC;;gBAEH;;AAEH,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EACrD,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAExC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CACC,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,UAAA,CAAY,EACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,EAE1D,EAAA,IAAI,CAAC,QAAQ,CACX,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.scss?tag=fl-tab-header&encapsulation=scoped","src/components/molecules/ptc-featured-list/fl-tab-header/fl-tab-header.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tp {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\t@include screen-md {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\t\t\t&.selected-p {\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\tProp,\r\n\th,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tState,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"fl-tab-header\",\r\n\tstyleUrl: \"fl-tab-header.scss\",\r\n\tscoped: true,\r\n})\r\nexport class FlTabHeader {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t * Tab Title\r\n\t /\r\n\t@Prop() tabTitle: string;\r\n\r\n\t/\r\n\t * Tab header name, for identification\r\n\t */\r\n\t@Prop() nameKey: string;\r\n\r\n\t@Prop() valueKey: number = -1;\r\n\r\n\t@Prop() selected: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@State() initialHeader: boolean = false;\r\n\r\n\t@Event() flTabClicked: EventEmitter;\r\n\thandleClick(event: Event) {\r\n\t\tthis.flTabClicked.emit({\r\n\t\t\tsender: this,\r\n\t\t\tevent: event,\r\n\t\t\tname: this.nameKey,\r\n\t\t\tvalueKey: this.valueKey,\r\n\t\t});\r\n\t}\r\n\r\n\t@Event() flHeaderArrowFocus: EventEmitter;\r\n\t@Event() flHeaderTabFocus: EventEmitter;\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase \"ArrowDown\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: 1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"ArrowUp\": {\r\n\t\t\t\tthis.flHeaderArrowFocus.emit({\r\n\t\t\t\t\tevent: e,\r\n\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\tdirection: -1,\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Enter\": {\r\n\t\t\t\tthis.handleClick(e);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcase \"Tab\":\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.flHeaderTabFocus.emit({\r\n\t\t\t\t\t\tsender: this,\r\n\t\t\t\t\t\tevent: e,\r\n\t\t\t\t\t\tvalueKey: this.valueKey,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\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\tclass={`fl-header ${this.selected ? \"selected\" : \"\"}`}\r\n\t\t\t\tonClick={this.handleClick.bind(this)}\r\n\t\t\t\tonKeyDown={this.handleKeyDown.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<p\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={`${this.selected ? \"selected-p\" : \"\"} mf-listen`}\r\n\t\t\t\t\ttabindex={this.selected \|\| window.innerWidth < 992 ? 0 : -1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.tabTitle}\r\n\t\t\t\t</p>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Dws0e-v8.js → p-CrO4JStG.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const PtcCloseIcon = /*@__PURE__*/ proxyCustomElement(class PtcCloseIcon extends
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'ff1f2614c9fc786a419151d49bbd40c9084d2c52' }, h("div", { key: '3a433088a89f8aab2ebd7ec3689a42e4135fa183', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '14326a653a0b55fa35d0814e8d71062256d015dd', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: '582cd96f7b6001f8bdc54f64c1c325059afaca78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
+        return (h(Host, { key: '3ce0cbf8653b890275af4b7a0850cbe1bc2a9842' }, h("div", { key: '5f81a6ad910a08908a50bc919db845e1cdff5c4b', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { key: '6d3f0680fd6f6d1263b15789cd2bdc266ddd64b0', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { key: 'd1e966e67b5d652dd0a94bf2efbf958266c059bc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
     }
     static get style() { return ptcCloseIconCss; }
 }, [257, "ptc-close-icon"]);
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcCloseIcon as P, defineCustomElement as d };
-//# sourceMappingURL=p-Dws0e-v8.js.map
+//# sourceMappingURL=p-CrO4JStG.js.map
-//# sourceMappingURL=p-Dws0e-v8.js.map
+//# sourceMappingURL=p-CrO4JStG.js.map

package/dist/components/{p-Dws0e-v8.js.map → p-CrO4JStG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Dws0e-v8~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,y3BAAy3B;;MCOp4B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAC,yBAAyB,EAAA,EAE5B,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,SAAS,EACT,WAAA,EAAA,SAAS,EACnB,CAAC,EAAC,wLAAwL,EAC1L,IAAI,EAAC,SAAS,EACb,CAAA,CACG,CACD,CACA;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t// border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t// svg {\r\n\t\t// @include base-focus-state;\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CrO4JStG.js","mappings":";;AAAA,MAAM,eAAe,GAAG,y3BAAy3B;;MCOp4B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,sBAAsB,EAC7B,EAAE,EAAC,yBAAyB,EAAA,EAE5B,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACW,SAAS,EACT,WAAA,EAAA,SAAS,EACnB,CAAC,EAAC,wLAAwL,EAC1L,IAAI,EAAC,SAAS,EACb,CAAA,CACG,CACD,CACA;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-close-icon/ptc-close-icon.scss?tag=ptc-close-icon&encapsulation=shadow","src/components/molecules/ptc-close-icon/ptc-close-icon.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tdisplay: inline-block;\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\t.close-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t\tborder: 5px solid transparent;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tcursor: pointer;\r\n\r\n\t\tsvg {\r\n\t\t\tpadding: 7px;\r\n\t\t\tborder: 1px solid transparent;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\tbackground-color: transparent;\r\n\t\t\ttransition: border-color var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tsvg {\r\n\t\t\t\tborder-color: var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tsvg {\r\n\t\t\t\ttransition-duration: 0ms;\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\tborder: 1px solid var(--color-gray-12);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// &:focus {\r\n\t\t// border: 5px solid var(--color-blue-07);\r\n\t\t// }\r\n\r\n\t\t// &:focus-visible {\r\n\t\t// svg {\r\n\t\t// @include base-focus-state;\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n}\r\n","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-close-icon\",\r\n\tstyleUrl: \"ptc-close-icon.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCloseIcon {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={\"close-icon mf-listen\"}\r\n\t\t\t\t\tid=\"modal-pop-up-close-icon\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\twidth=\"14\"\r\n\t\t\t\t\t\theight=\"14\"\r\n\t\t\t\t\t\tviewBox=\"0 0 14 14\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\td=\"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z\"\r\n\t\t\t\t\t\t\tfill=\"#20262A\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-BvtkwA8N.js → p-CtKHBYM3.js} RENAMED Viewed

@@ -31,7 +31,7 @@ const PtcIconList = /*@__PURE__*/ proxyCustomElement(class PtcIconList extends H
     styles;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f205c63fc15a0555efcd72e06668ab2efc21ecaf', class: classMap }, this.styles && h("style", { key: '1ea767a6b45db50085cad276351d120284d729cc' }, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent && h("slot", null))))));
+        return (h(Host, { key: 'cbe2434f57e6bdc6f6abe53f00892cfd70a3efdb', class: classMap }, this.styles && h("style", { key: '82941d145fecea03034174e05158197483a3541c' }, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent && h("slot", null))))));
     }
     getCssClassMap() {
         return {
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcIconList as P, defineCustomElement as d };
-//# sourceMappingURL=p-BvtkwA8N.js.map
+//# sourceMappingURL=p-CtKHBYM3.js.map
-//# sourceMappingURL=p-BvtkwA8N.js.map
+//# sourceMappingURL=p-CtKHBYM3.js.map

package/dist/components/{p-BvtkwA8N.js.map → p-CtKHBYM3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BvtkwA8N~~.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CtKHBYM3.js","mappings":";;AAAA,MAAM,cAAc,GAAG,23FAA23F;;MCOr4F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACvB;;AAEG;IACK,QAAQ,GAIY,kBAAkB;AAC9C;;AAEG;IACK,aAAa,GAAY,EAAE;AAEnC;;AAEG;IACK,SAAS,GAAY,EAAE;AAE/B;;AAEG;IACK,WAAW,GAAW,EAAE;IAExB,UAAU,GAAY,KAAK;IAE3B,aAAa,GAAa,KAAK;AAE/B,IAAA,MAAM;IAEd,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,EACnB,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC3C,IAAI,CAAC,QAAQ,IAAI,gBAAgB,IACjC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,IAAI,CAAC,SAAS,EACT,QAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,IAAI,CAAC,aAAa,CACb,CACF,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,cAAU,IAAI,CAAC,WAAW,CAAK,CAChD,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,WAAW,EAChB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC9B,CACD,CACN,CACK;;IAGD,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,KAAK;AAC7C,YAAA,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,KAAK;SACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-icon-list/ptc-icon-list.scss?tag=ptc-icon-list&encapsulation=shadow","src/components/molecules/ptc-icon-list/ptc-icon-list.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n\tpadding-bottom: var(--ptc-element-spacing-03);\r\n\r\n\t.ptc-icon-list {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\t.value-text {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-values {\r\n\t\t\tmargin-left: var(--ptc-element-spacing-03);\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.ptc-numbered-subtitle {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t}\r\n\t\t.ptc-content {\r\n\t\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 4px;\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tpadding-top: unset;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t}\r\n\t::slotted(ptc-picture) {\r\n\t\tmin-width: 24px;\r\n\t}\r\n}\r\n\r\n:host(.icon-top-align-list) {\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: flex;\r\n\t\talign-self: flex-start;\r\n\t\ttransform: translateY(40%);\r\n\t}\r\n}\r\n\r\n:host(.last-item) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-03);\r\n}\r\n\r\n:host(.last-item.no-bottom-space) {\r\n\tpadding-bottom: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n:host(.feature-callout-list) {\r\n\tpadding-bottom: var(--ptc-element-spacing-04);\r\n\t.ptc-icon-list {\r\n\t\t.ptc-content-simple {\r\n\t\t\tmargin: 0 0 0 var(--ptc-element-spacing-03);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tfont-style: normal;\r\n\t\t\tletter-spacing: normal;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tpadding-top: 0;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t\t-webkit-hyphens: manual;\r\n\t\t\t-moz-hyphens: manual;\r\n\t\t\t-ms-hyphens: manual;\r\n\r\n\t\t\t@supports (hyphenate-limit-chars: 12 3 3) {\r\n\t\t\t\thyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t/ For Safari /\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t/ For Safari /\r\n\r\n\t\t\t\thyphenate-limit-chars: 12 3 3;\r\n\t\t\t\thyphenate-limit-lines: 2;\r\n\t\t\t\thyphenate-limit-last: always;\r\n\t\t\t\thyphenate-limit-zone: 6%;\r\n\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-webkit-hyphenate-limit-before: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-after: 3;\r\n\t\t\t\t-webkit-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-webkit-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-moz-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-moz-hyphenate-limit-lines: 2;\r\n\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\t-ms-hyphenate-limit-chars: 12 3 3;\r\n\t\t\t\t-ms-hyphenate-limit-lines: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n@Component({\r\n\ttag: \"ptc-icon-list\",\r\n\tstyleUrl: \"ptc-icon-list.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcIconList {\r\n\t/\r\n\t List item type\r\n\t /\r\n\t@Prop() listType:\r\n\t\t\| \"simple-icon-list\"\r\n\t\t\| \"stat-icon-list\"\r\n\t\t\| \"icon-top-align-list\"\r\n\t\t\| \"feature-callout-list\" = \"simple-icon-list\";\r\n\t/\r\n\t List value with unit Example: 60%\r\n\t /\r\n\t@Prop() valueWithUnit?: string = \"\";\r\n\r\n\t/\r\n\t List value text Example: up to\r\n\t /\r\n\t@Prop() valueText?: string = \"\";\r\n\r\n\t/\r\n\t List value with unit Example: Increase in Operator Productivity\r\n\t */\r\n\t@Prop() listContent: string = \"\";\r\n\r\n\t@Prop() isLastItem: boolean = false;\r\n\r\n\t@Prop() noBottomSpace?: boolean = false;\r\n\r\n\t@Prop() styles?: string;\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t{this.listType == \"stat-icon-list\" ? (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-numbered-values\">\r\n\t\t\t\t\t\t\t<span class=\"value-text\">\r\n\t\t\t\t\t\t\t\t{this.valueText} \r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span class=\"ptc-numbered-subtitle\">\r\n\t\t\t\t\t\t\t\t{this.valueWithUnit}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p class=\"ptc-content\">-  {this.listContent}</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class=\"ptc-icon-list\">\r\n\t\t\t\t\t\t<slot name=\"icon\"></slot>\r\n\t\t\t\t\t\t<div class=\"ptc-content-simple\">\r\n\t\t\t\t\t\t\t{this.listContent}\r\n\t\t\t\t\t\t\t{!this.listContent && <slot></slot>}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.listType]: this.listType ? true : false,\r\n\t\t\t[\"last-item\"]: this.isLastItem ? true : false,\r\n\t\t\t[\"no-bottom-space\"]: this.noBottomSpace ? true : false,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-K87Ni9cl.js → p-CtOMq-3s.js} RENAMED Viewed

@@ -134,13 +134,13 @@ const PtcBackgroundVideo = /*@__PURE__*/ proxyCustomElement(class PtcBackgroundV
     // ------------ Render ------------
     render() {
         const canMountMedia = this.loadedTrue;
-        const videoNode = !this.isIframe && canMountMedia && (h("video", { key: 'd434780bdf7da9b7888017e84d495dbbee65acf9', class: "background-video", src: this.videoSrc, muted: true, playsinline: true, autoplay: !this.reducedMotion && !this.paused, loop: !this.reducedMotion, preload: "auto", "aria-hidden": "true", tabindex: "-1", ref: (el) => (this.videoEl = el) }));
-        const iframeNode = this.isIframe && canMountMedia && (h("div", { key: 'e6672fa10c54c9bd83fcd16b484106c4d52662a4', class: "iframe-wrapper" }, h("iframe", { key: '9cb2e0873f77aa21fab181d8c647ca259704d013', id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed", "aria-hidden": "true", tabindex: "-1" })));
-        return (h(Host, { key: '9ecf3f73d7aed6fc238508201e3661ecbdc8d3ba', class: this.type }, h("div", { key: '3b4fa1e0805ea87cf705f24335a22cc35566199b', class: "media" }, videoNode, iframeNode), !!this.videoSrc && this.playButtonTitle && (h("div", { key: '6468afee18750d95e572b64b74a242292e601e1d', class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { key: '5f8bf991b4fe4c5411a096909004c363e9828761', class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
+        const videoNode = !this.isIframe && canMountMedia && (h("video", { key: '2e8ffe748a29e697c4214bb9178a6d71ad567a57', class: "background-video", src: this.videoSrc, muted: true, playsinline: true, autoplay: !this.reducedMotion && !this.paused, loop: !this.reducedMotion, preload: "auto", "aria-hidden": "true", tabindex: "-1", ref: (el) => (this.videoEl = el) }));
+        const iframeNode = this.isIframe && canMountMedia && (h("div", { key: 'b5accfe7e2c3d4d64371e677d536efde84a9bfe5', class: "iframe-wrapper" }, h("iframe", { key: '0d8bb698a7a9f332dca39125418596f84f9e67b2', id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed", "aria-hidden": "true", tabindex: "-1" })));
+        return (h(Host, { key: '7a4067b7aa2f56f77ce8a50059d2e0d08708273e', class: this.type }, h("div", { key: 'a952186f4fbbbf2edb033f15f3cb119a647db3fd', class: "media" }, videoNode, iframeNode), !!this.videoSrc && this.playButtonTitle && (h("div", { key: '5ab36ec53d4eb84b16da93580b13e2357d61fc49', class: `play-button ${this.buttonLocation}` }, this.paused && (h("ptc-tooltip", { key: 'e101285ca9d10161a0633cb8f040910d4b2da8db', class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
                 ? "side-left"
-                : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { key: '7e48bf249fe523252b1c2cb02f8b75ca9b0258a7', id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { key: '1da1a7bcd2d6059191c30cb8a33c0dfbeb7bc3c0', class: "bg-svg-play", type: "button", tabindex: this.buttonTabIndex, onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { key: '9ccac980699ad9b4f156210256ec39385b2d7c50', class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
+                : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { key: '12427b5e09d7e789e6270903afbb7cc75265beb8', id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { key: '9f98b16aed9905203e86ec33363ae4fbc602639c', class: "bg-svg-play", type: "button", tabindex: this.buttonTabIndex, onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Play button" })))), !this.paused && !!this.pauseButtonTitle && (h("ptc-tooltip", { key: 'b12d5567ab277c8c8e4ddebbf04322a7daf9a8da', class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: this.buttonLocation === "allbp-bottom-right"
                 ? "side-left"
-                : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { key: 'e1001c4d56d674d18aa3a34461bc286f973b9f6a', id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { key: 'eefe05a71cef68144c4ca4b9eda09b779ce5d6a8', class: "bg-svg-pause", tabindex: this.buttonTabIndex, type: "button", onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : "", this.type === "default" ? h("slot", null) : ""));
+                : "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}" }, h("div", { key: '4107f06851c01fdb8ca63c1073d52055694be0a6', id: this.trackerId, class: "tracker-div mf-listen" }, h("button", { key: '3dd59466c3870ee9597bad230089406845ec609f', class: "bg-svg-pause", tabindex: this.buttonTabIndex, type: "button", onClick: (e) => this.toggleVideoPlay(e), "aria-label": "Video Pause button" })))))), this.overlay ? h("div", { class: `video-overlay ${this.overlayType}` }) : "", this.type === "default" ? h("slot", null) : ""));
     }
     toggleVideoPlay(e) {
         e.preventDefault();
@@ -207,6 +207,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcBackgroundVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-K87Ni9cl.js.map
+//# sourceMappingURL=p-CtOMq-3s.js.map
-//# sourceMappingURL=p-K87Ni9cl.js.map
+//# sourceMappingURL=p-CtOMq-3s.js.map

package/dist/components/{p-K87Ni9cl.js.map → p-CtOMq-3s.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-K87Ni9cl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}
1	+ {"file":"p-CtOMq-3s.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}