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

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

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

Files changed (1016) hide show

package/dist/components/{p-CTMBR_ES.js.map → p-CBUFqY23.js.map} RENAMED Viewed

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

package/dist/components/{p-Br6n1pQ1.js → p-CFrPOhTv.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-C2SefPLt.js';
 import { b as getLanguageFromURL } from './p-DpFzAwLW.js';
 const ptcMultiSelectCss = ".ptc-multi-select{position:relative;display:block;margin-bottom:var(--ptc-element-spacing-04)}.ptc-multi-select.invalid::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 8px);background:#fef3f3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-multi-select.invalid .mdc-select-helper-text--validation-msg{z-index:2;opacity:1;position:relative;color:#af3231;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);opacity:1;height:auto;margin-left:8px;margin-top:var(--ptc-element-spacing-02)}.ptc-multi-select.invalid .mdc-select-helper-text--validation-msg svg{transform:translate(-8px, 3px)}.ptc-multi-select .multi-select-label{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);z-index:1;position:relative;color:#40434a}.ptc-multi-select .selected-items{cursor:pointer;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.38);padding:8px;border-radius:0px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-gray-12);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);max-width:100%;max-height:34px;overflow:hidden;line-height:24px;display:flex;align-items:center}.ptc-multi-select .selected-items:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);outline-offset:-4px}.ptc-multi-select .selected-items:focus{border:2px solid var(--color-blue-07)}.ptc-multi-select .selected-items[aria-expanded]{border:2px solid var(--color-blue-07)}.ptc-multi-select .selected-items .input-text{width:calc(100% - 18px);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.ptc-multi-select .multi-select-icon{fill:rgba(0, 0, 0, 0.54);position:absolute;right:var(--ptc-element-spacing-02);width:18px;height:18px;margin:0 auto}.ptc-multi-select .multi-select-icon .multi-arrow-svg{transform:translate(-50%, 25%);position:relative;left:50%;bottom:25%}.ptc-multi-select .dropdown{display:none;list-style:none;padding:0;margin:0;border:1px solid #ccc;max-height:350px;overflow-y:auto;position:absolute;width:100%;background-color:#fff;z-index:1000}.ptc-multi-select .dropdown.show{display:block}.ptc-multi-select .dropdown li{display:flex;align-items:center;padding:5px 8px;cursor:pointer;color:var(--color-gray-10);position:relative}.ptc-multi-select .dropdown li:hover,.ptc-multi-select .dropdown li:focus-within{background-color:var(--color-gray-02)}.ptc-multi-select .dropdown li.selected{background-color:var(--color-gray-02)}.ptc-multi-select .dropdown li.selected:hover{background-color:var(--color-gray-04)}.ptc-multi-select .dropdown li label{display:-webkit-box;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);position:relative;padding-left:22px;cursor:pointer;width:100%;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:24px}.ptc-multi-select .dropdown li{}.ptc-multi-select .dropdown li:focus-within{background-color:var(--color-gray-02);outline:none}.ptc-multi-select .dropdown li:last-child{border-bottom:none}.ptc-multi-select .dropdown input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.ptc-multi-select .dropdown input[type=checkbox]:checked{background-color:var(--color-green-07)}.ptc-multi-select .dropdown{}.ptc-multi-select .dropdown label::before{content:\"\";position:absolute;left:0;top:5px;width:14px;height:14px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box}.ptc-multi-select .dropdown{}.ptc-multi-select .dropdown input[type=checkbox]:checked+label::before{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-multi-select .dropdown input[type=checkbox]:checked+label::after{content:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.15341 1.14134C7.0572 1.04719 6.94024 1 6.80262 1C6.66499 1 6.54771 1.04719 6.45158 1.14134L3.06571 4.45979L1.5485 2.96965C1.45197 2.8755 1.33501 2.82831 1.19738 2.82831C1.05976 2.82831 0.942797 2.8755 0.846348 2.96965L0.144437 3.65645C0.0482247 3.75091 0 3.86528 0 4.00004C0 4.13472 0.0482247 4.2494 0.144437 4.34355L2.01277 6.17186L2.71492 6.85866C2.81113 6.95312 2.92809 7 3.06571 7C3.20334 7 3.3203 6.95312 3.41675 6.85866L4.11866 6.17186L7.85556 2.51525C7.95177 2.42086 8 2.30641 8 2.17173C8 2.03705 7.95177 1.9226 7.85556 1.82814L7.15341 1.14134Z' fill='white'/%3E%3C/svg%3E\");position:absolute;left:3px;top:0px;color:white;width:8px;height:24px}.ptc-multi-select button.ddl-click-text{all:unset;cursor:pointer;color:var(--color-gray-7);text-decoration:underline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold)}.ptc-multi-select .tooltip{position:absolute;transform:translate(0, -12px);z-index:1001;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:-moz-fit-content;height:fit-content;text-align:left;text-shadow:none;white-space:normal}.ptc-multi-select .tooltip::after{position:absolute;content:\"\";bottom:0px;border:8px solid transparent;border-top:8px solid var(--color-gray-09);left:50%;transform:translate(-50%, 100%)}@media only screen and (min-width: 992px){.ptc-multi-select .tooltip{width:273px;transform:translate(-100%, 80%)}.ptc-multi-select .tooltip::after{right:8px;left:auto;transform:translateY(100%)}}.ptc-multi-select .tooltip span{word-break:initial}";
@@ -356,6 +356,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcMultiSelect as P, defineCustomElement as d };
-//# sourceMappingURL=p-Br6n1pQ1.js.map
+//# sourceMappingURL=p-CFrPOhTv.js.map
-//# sourceMappingURL=p-Br6n1pQ1.js.map
+//# sourceMappingURL=p-CFrPOhTv.js.map

package/dist/components/{p-Br6n1pQ1.js.map → p-CFrPOhTv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Br6n1pQ1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-multi-select/ptc-multi-select.scss?tag=ptc-multi-select","src/components/molecules/ptc-multi-select/ptc-multi-select.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n.ptc-multi-select {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\r\n\t&.invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\t\tz-index: 2;\r\n\t\t\topacity: 1;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tcolor: #af3231;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-style: normal;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\topacity: 1;\r\n\t\t\theight: auto;\r\n\t\t\tmargin-left: 8px;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\ttransform: translate(-8px, 3px);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-label {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.selected-items {\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: #fff;\r\n\t\tborder: 1px solid rgba(0, 0, 0, 0.38);\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 0px;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tmax-width: 100%;\r\n\t\tmax-height: 34px;\r\n\t\toverflow: hidden;\r\n\t\tline-height: 24px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t\toutline-offset: -4px;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t&[aria-expanded] {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t.input-text {\r\n\t\t\twidth: calc(100% - 18px);\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\tline-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-icon {\r\n\t\tfill: rgba(0, 0, 0, 0.54);\r\n\t\tposition: absolute;\r\n\t\tright: var(--ptc-element-spacing-02);\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tmargin: 0 auto;\r\n\r\n\t\t.multi-arrow-svg {\r\n\t\t\ttransform: translate(-50%, 25%);\r\n\t\t\tposition: relative;\r\n\t\t\tleft: 50%;\r\n\t\t\tbottom: 25%;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tdisplay: none;\r\n\t\tlist-style: none;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tborder: 1px solid #ccc;\r\n\t\tmax-height: 350px;\r\n\t\toverflow-y: auto;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: #fff;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&.show {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 5px 8px;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tposition: relative; // Ensure positioning for child elements\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t&.selected {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-04);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding-left: 22px; //(22-14=8)\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t-webkit-line-clamp: 4;\r\n\t\t\t\tline-clamp: 4;\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t/ Focused item styles /\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tli:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/ Custom square for the checkbox /\r\n\t\tlabel::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 5px;\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\r\n\t\t/ When checkbox is checked, change background color /\r\n\t\tinput[type=\"checkbox\"]:checked + label::before {\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tborder-color: var(--color-green-07);\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"]:checked + label::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.15341 1.14134C7.0572 1.04719 6.94024 1 6.80262 1C6.66499 1 6.54771 1.04719 6.45158 1.14134L3.06571 4.45979L1.5485 2.96965C1.45197 2.8755 1.33501 2.82831 1.19738 2.82831C1.05976 2.82831 0.942797 2.8755 0.846348 2.96965L0.144437 3.65645C0.0482247 3.75091 0 3.86528 0 4.00004C0 4.13472 0.0482247 4.2494 0.144437 4.34355L2.01277 6.17186L2.71492 6.85866C2.81113 6.95312 2.92809 7 3.06571 7C3.20334 7 3.3203 6.95312 3.41675 6.85866L4.11866 6.17186L7.85556 2.51525C7.95177 2.42086 8 2.30641 8 2.17173C8 2.03705 7.95177 1.9226 7.85556 1.82814L7.15341 1.14134Z' fill='white'/%3E%3C/svg%3E\");\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 3px;\r\n\t\t\ttop: 0px;\r\n\t\t\tcolor: white;\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 24px;\r\n\t\t}\r\n\t}\r\n\r\n\tbutton {\r\n\t\t&.ddl-click-text {\r\n\t\t\tall: unset;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-7);\r\n\t\t\ttext-decoration: underline;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\r\n\t.tooltip {\r\n\t\tposition: absolute;\r\n\t\ttransform: translate(0, -12px);\r\n\t\tz-index: 1001;\r\n\t\tpadding: 8px;\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tbackground: var(--color-gray-09);\r\n\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px; //not standard\r\n\t\twidth: auto;\r\n\t\theight: fit-content;\r\n\t\ttext-align: left;\r\n\t\ttext-shadow: none;\r\n\t\twhite-space: normal;\r\n\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\tbottom: 0px;\r\n\t\t\tborder: 8px solid transparent;\r\n\t\t\tborder-top: 8px solid var(--color-gray-09);\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 100%);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\twidth: 273px;\r\n\t\t\ttransform: translate(-100%, 80%);\r\n\t\t\t&::after {\r\n\t\t\t\tright: 8px;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttransform: translateY(100%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tword-break: initial;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tHost,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-multi-select\",\r\n\tstyleUrl: \"ptc-multi-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcMultiSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop({ mutable: true }) items: Array<{\r\n\t\ttext: string;\r\n\t\tselected: boolean;\r\n\t\tptcDataEloquaName: string;\r\n\t\tptcDataTargetEloquaName: string;\r\n\t}> = [\r\n\t\t// Initialize with your items, setting 'selected' to false\r\n\t\t{\r\n\t\t\ttext: \"Lorem Ipsum dolor sit amet\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Consectetur adipiscing elit\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Sed do eiusmod tempor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Incididunt ut labore\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Et dolore magna aliqua\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Duis aute irure dolor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"In reprehenderit in voluptate\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t];\r\n\t@Prop() label: string = \"label\";\r\n\t@Prop() selectAllText: string = \"Select All\";\r\n\t@Prop() clearAllText: string = \"Clear Selected Items\";\r\n\t@Prop() isRequired: boolean = false;\r\n\t@Prop() helpertext: string = \"This field is required\";\r\n\t@Prop() placeholderText: string = \"Please select a company\";\r\n\t@State() showDropdown: boolean = false;\r\n\t@State() language: string = \"en\";\r\n\t@State() isValid: boolean = true;\r\n\r\n\t@State() selectedItemsCount: number = 0;\r\n\t@State() hasInteracted: boolean = false;\r\n\t@State() tooltipText: string = \"\";\r\n\t@State() tooltipVisible: boolean = false;\r\n\t@State() tooltipPosition: { top: number; left: number } = {\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t};\r\n\r\n\t@Event() ptcMultiSelectLoaded: EventEmitter<void>;\r\n\r\n\t// To track the index of the focused item\r\n\t@State() focusedItemIndex: number = -1;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\t// Initialize selectedItemsCount based on initial selections\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ptcMultiSelectLoaded.emit();\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\thandleDocumentClick(event: MouseEvent) {\r\n\t\tconst clickedInside = this.el.contains(event.target as Node);\r\n\t\tif (!clickedInside) {\r\n\t\t\tthis.showDropdown = false;\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.showDropdown = !this.showDropdown;\r\n\t\tthis.hasInteracted = true;\r\n\t\tif (this.showDropdown) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tthis.focusFirstItem();\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync focusToggleButton() {\r\n\t\tconst toggleButton = this.el.querySelector(\r\n\t\t\t\".selected-items\",\r\n\t\t) as HTMLElement;\r\n\t\tif (toggleButton) {\r\n\t\t\ttoggleButton.focus();\r\n\t\t}\r\n\t}\r\n\r\n\thandleBlur = () => {\r\n\t\tthis.hasInteracted = true;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\ttoggleItemSelection(index: number) {\r\n\t\tthis.items = [\r\n\t\t\t...this.items.slice(0, index),\r\n\t\t\t{ ...this.items[index], selected: !this.items[index].selected },\r\n\t\t\t...this.items.slice(index + 1),\r\n\t\t];\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t\tthis.updateValidity();\r\n\t}\r\n\r\n\tupdateValidity = () => {\r\n\t\tif (this.hasInteracted && this.isRequired && !this.showDropdown) {\r\n\t\t\tthis.isValid = this.selectedItemsCount > 0;\r\n\t\t\tthis.setHelperText();\r\n\t\t} else {\r\n\t\t\tthis.isValid = true;\r\n\t\t\tthis.setHelperText();\r\n\t\t}\r\n\t};\r\n\r\n\tselectAllItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: true }));\r\n\t\tthis.selectedItemsCount = this.items.length;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tclearSelectedItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: false }));\r\n\t\tthis.selectedItemsCount = 0;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tgetValidationMessage(type: string) {\r\n\t\treturn ValidationMessages[this.language][type];\r\n\t}\r\n\r\n\tsetHelperText() {\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tshowTooltip(event: MouseEvent, text: string) {\r\n\t\tif (event) {\r\n\t\t}\r\n\t\tthis.tooltipText = text;\r\n\t\t// this.tooltipPosition = {\r\n\t\t// top: 100, // Adjust as necessary to position above the item\r\n\t\t// left: -rect.left + 624.1,\r\n\t\t// };\r\n\t\tthis.tooltipVisible = true;\r\n\t}\r\n\r\n\thideTooltip() {\r\n\t\tthis.tooltipVisible = false;\r\n\t}\r\n\r\n\t// Keyboard Accessibility Handlers\r\n\thandleKeyDownToggle(event: KeyboardEvent) {\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusNextItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyDownItem(event: KeyboardEvent, index: number) {\r\n\t\tconst isAllSelected =\r\n\t\t\tthis.selectedItemsCount === this.items.length &&\r\n\t\t\tthis.items.length > 0;\r\n\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusNextItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (index === 0) {\r\n\t\t\t\t\t// First item is \"Select All/Clear Selected Items\"\r\n\t\t\t\t\tif (isAllSelected) {\r\n\t\t\t\t\t\tthis.clearSelectedItems(event);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.selectAllItems(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.toggleItemSelection(index - 1);\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Escape\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.showDropdown = false;\r\n\t\t\t\tthis.focusToggleButton();\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tfocusFirstItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusLastItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = this.items.length;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusNextItem() {\r\n\t\tif (this.focusedItemIndex < this.items.length) {\r\n\t\t\tthis.focusedItemIndex += 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusPreviousItem() {\r\n\t\tif (this.focusedItemIndex > 0) {\r\n\t\t\tthis.focusedItemIndex -= 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = this.items.length; // Loop to last\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusItem(index: number) {\r\n\t\tif (index === 0) {\r\n\t\t\tconst selectAllButton = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-0 > button`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (selectAllButton) {\r\n\t\t\t\tselectAllButton.focus();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst checkbox = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-${index} input[type=\"checkbox\"]`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (checkbox) {\r\n\t\t\t\tcheckbox.focus();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst selectedItems = this.items.filter((item) => item.selected);\r\n\t\tconst selectedItemsCount = selectedItems.length;\r\n\t\tconst isAllSelected =\r\n\t\t\tselectedItemsCount === this.items.length && this.items.length > 0;\r\n\t\tconst buttonLabel = isAllSelected\r\n\t\t\t? this.clearAllText\r\n\t\t\t: this.selectAllText;\r\n\t\tconst buttonAction = isAllSelected\r\n\t\t\t? this.clearSelectedItems\r\n\t\t\t: this.selectAllItems;\r\n\r\n\t\tlet displayText = `${selectedItemsCount} selected`;\r\n\t\tif (selectedItemsCount === 0) {\r\n\t\t\tdisplayText = this.placeholderText;\r\n\t\t}\r\n\t\tif (selectedItemsCount === 1) {\r\n\t\t\tdisplayText = selectedItems[0].text;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t\"ptc-multi-select\": true,\r\n\t\t\t\t\tinvalid: !this.isValid,\r\n\t\t\t\t\t\"mf-listen\": true,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<label\r\n\t\t\t\t\tclass=\"multi-select-label\"\r\n\t\t\t\t\tid={`multi-select-label-${this.label}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t</label>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"selected-items multi-selected-items\"\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\taria-haspopup=\"listbox\"\r\n\t\t\t\t\taria-expanded={this.showDropdown}\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\tthis.handleKeyDownToggle(event)\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"input-text\">{displayText}</div>\r\n\t\t\t\t\t<span class=\"multi-select-icon\">\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"multi-arrow-svg\"\r\n\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\"></path>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<ul\r\n\t\t\t\t\tclass={\"dropdown\" + (this.showDropdown ? \" show\" : \"\")}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{/ \"Select All/Clear Selected Items\" as the first list item /}\r\n\t\t\t\t\t<li\r\n\t\t\t\t\t\tid={`multi-select-item-0`}\r\n\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\taria-selected={isAllSelected}\r\n\t\t\t\t\t\tclass={{ selected: isAllSelected }}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\tthis.handleKeyDownItem(event, 0)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tbuttonAction(event);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tclass=\"ddl-click-text\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{buttonLabel}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t{/ Map through the items starting from index 1 /}\r\n\t\t\t\t\t{this.items.map((item, index) => (\r\n\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\tkey={index + 1}\r\n\t\t\t\t\t\t\tid={`multi-select-item-${index + 1}`}\r\n\t\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\t\taria-selected={item.selected}\r\n\t\t\t\t\t\t\tclass={{ selected: item.selected }}\r\n\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\tonMouseEnter={(event) =>\r\n\t\t\t\t\t\t\t\tthis.checkOverflow(event, item.text)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonMouseLeave={() => this.hideTooltip()}\r\n\t\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\t\tthis.handleKeyDownItem(event, index + 1)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tclass=\"multi-checkbox\"\r\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\tid={`checkbox-${index}`}\r\n\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={item.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\titem.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\trequired={this.isRequired}\r\n\t\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevents the dropdown from closing\r\n\t\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonBlur={this.handleBlur}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<label htmlFor={`checkbox-${index}`}>\r\n\t\t\t\t\t\t\t\t{item.text}\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\r\n\t\t\t\t{this.tooltipVisible && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"tooltip\"\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\ttop: `${this.tooltipPosition.top}px`,\r\n\t\t\t\t\t\t\tleft: `${this.tooltipPosition.left}px`,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.tooltipText}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{/ Validation message */}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid=\"tbd\"\r\n\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\td=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t/>\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\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\t// Ensure that checkOverflow is inside the class\r\n\tcheckOverflow(event: MouseEvent, text: string) {\r\n\t\tconst target = event.currentTarget as HTMLElement;\r\n\t\tconst label = target.querySelector(\"label\");\r\n\t\tif (label && label.scrollHeight > label.clientHeight) {\r\n\t\t\tthis.showTooltip(event, text);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-CFrPOhTv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-multi-select/ptc-multi-select.scss?tag=ptc-multi-select","src/components/molecules/ptc-multi-select/ptc-multi-select.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n.ptc-multi-select {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\r\n\t&.invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\t\tz-index: 2;\r\n\t\t\topacity: 1;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tcolor: #af3231;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-style: normal;\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\topacity: 1;\r\n\t\t\theight: auto;\r\n\t\t\tmargin-left: 8px;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\r\n\t\t\tsvg {\r\n\t\t\t\ttransform: translate(-8px, 3px);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-label {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.selected-items {\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: #fff;\r\n\t\tborder: 1px solid rgba(0, 0, 0, 0.38);\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 0px;\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tmax-width: 100%;\r\n\t\tmax-height: 34px;\r\n\t\toverflow: hidden;\r\n\t\tline-height: 24px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t\toutline-offset: -4px;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t&[aria-expanded] {\r\n\t\t\tborder: 2px solid var(--color-blue-07);\r\n\t\t}\r\n\r\n\t\t.input-text {\r\n\t\t\twidth: calc(100% - 18px);\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\tline-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\t}\r\n\r\n\t.multi-select-icon {\r\n\t\tfill: rgba(0, 0, 0, 0.54);\r\n\t\tposition: absolute;\r\n\t\tright: var(--ptc-element-spacing-02);\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tmargin: 0 auto;\r\n\r\n\t\t.multi-arrow-svg {\r\n\t\t\ttransform: translate(-50%, 25%);\r\n\t\t\tposition: relative;\r\n\t\t\tleft: 50%;\r\n\t\t\tbottom: 25%;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tdisplay: none;\r\n\t\tlist-style: none;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tborder: 1px solid #ccc;\r\n\t\tmax-height: 350px;\r\n\t\toverflow-y: auto;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: #fff;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&.show {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 5px 8px;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tposition: relative; // Ensure positioning for child elements\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t}\r\n\r\n\t\t\t&.selected {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-04);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding-left: 22px; //(22-14=8)\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t-webkit-line-clamp: 4;\r\n\t\t\t\tline-clamp: 4;\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t}\r\n\r\n\t\t\t/ Focused item styles /\r\n\t\t\t&:focus-within {\r\n\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tli:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tposition: absolute;\r\n\t\t\topacity: 0;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/ Custom square for the checkbox /\r\n\t\tlabel::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 5px;\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\r\n\t\t/ When checkbox is checked, change background color /\r\n\t\tinput[type=\"checkbox\"]:checked + label::before {\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tborder-color: var(--color-green-07);\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"]:checked + label::after {\r\n\t\t\tcontent: url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.15341 1.14134C7.0572 1.04719 6.94024 1 6.80262 1C6.66499 1 6.54771 1.04719 6.45158 1.14134L3.06571 4.45979L1.5485 2.96965C1.45197 2.8755 1.33501 2.82831 1.19738 2.82831C1.05976 2.82831 0.942797 2.8755 0.846348 2.96965L0.144437 3.65645C0.0482247 3.75091 0 3.86528 0 4.00004C0 4.13472 0.0482247 4.2494 0.144437 4.34355L2.01277 6.17186L2.71492 6.85866C2.81113 6.95312 2.92809 7 3.06571 7C3.20334 7 3.3203 6.95312 3.41675 6.85866L4.11866 6.17186L7.85556 2.51525C7.95177 2.42086 8 2.30641 8 2.17173C8 2.03705 7.95177 1.9226 7.85556 1.82814L7.15341 1.14134Z' fill='white'/%3E%3C/svg%3E\");\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 3px;\r\n\t\t\ttop: 0px;\r\n\t\t\tcolor: white;\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 24px;\r\n\t\t}\r\n\t}\r\n\r\n\tbutton {\r\n\t\t&.ddl-click-text {\r\n\t\t\tall: unset;\r\n\t\t\tcursor: pointer;\r\n\t\t\tcolor: var(--color-gray-7);\r\n\t\t\ttext-decoration: underline;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\r\n\t.tooltip {\r\n\t\tposition: absolute;\r\n\t\ttransform: translate(0, -12px);\r\n\t\tz-index: 1001;\r\n\t\tpadding: 8px;\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tbackground: var(--color-gray-09);\r\n\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\r\n\t\tborder: none;\r\n\t\tborder-radius: 2px; //not standard\r\n\t\twidth: auto;\r\n\t\theight: fit-content;\r\n\t\ttext-align: left;\r\n\t\ttext-shadow: none;\r\n\t\twhite-space: normal;\r\n\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\tbottom: 0px;\r\n\t\t\tborder: 8px solid transparent;\r\n\t\t\tborder-top: 8px solid var(--color-gray-09);\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 100%);\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\twidth: 273px;\r\n\t\t\ttransform: translate(-100%, 80%);\r\n\t\t\t&::after {\r\n\t\t\t\tright: 8px;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttransform: translateY(100%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tword-break: initial;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tHost,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-multi-select\",\r\n\tstyleUrl: \"ptc-multi-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcMultiSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop({ mutable: true }) items: Array<{\r\n\t\ttext: string;\r\n\t\tselected: boolean;\r\n\t\tptcDataEloquaName: string;\r\n\t\tptcDataTargetEloquaName: string;\r\n\t}> = [\r\n\t\t// Initialize with your items, setting 'selected' to false\r\n\t\t{\r\n\t\t\ttext: \"Lorem Ipsum dolor sit amet\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Consectetur adipiscing elit\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Sed do eiusmod tempor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Incididunt ut labore\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Et dolore magna aliqua\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"Duis aute irure dolor\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t\t{\r\n\t\t\ttext: \"In reprehenderit in voluptate\",\r\n\t\t\tselected: false,\r\n\t\t\tptcDataEloquaName: \"data-eloqua-name\",\r\n\t\t\tptcDataTargetEloquaName: \"data-target-eloqua-name\",\r\n\t\t},\r\n\t];\r\n\t@Prop() label: string = \"label\";\r\n\t@Prop() selectAllText: string = \"Select All\";\r\n\t@Prop() clearAllText: string = \"Clear Selected Items\";\r\n\t@Prop() isRequired: boolean = false;\r\n\t@Prop() helpertext: string = \"This field is required\";\r\n\t@Prop() placeholderText: string = \"Please select a company\";\r\n\t@State() showDropdown: boolean = false;\r\n\t@State() language: string = \"en\";\r\n\t@State() isValid: boolean = true;\r\n\r\n\t@State() selectedItemsCount: number = 0;\r\n\t@State() hasInteracted: boolean = false;\r\n\t@State() tooltipText: string = \"\";\r\n\t@State() tooltipVisible: boolean = false;\r\n\t@State() tooltipPosition: { top: number; left: number } = {\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t};\r\n\r\n\t@Event() ptcMultiSelectLoaded: EventEmitter<void>;\r\n\r\n\t// To track the index of the focused item\r\n\t@State() focusedItemIndex: number = -1;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\t// Initialize selectedItemsCount based on initial selections\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ptcMultiSelectLoaded.emit();\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\thandleDocumentClick(event: MouseEvent) {\r\n\t\tconst clickedInside = this.el.contains(event.target as Node);\r\n\t\tif (!clickedInside) {\r\n\t\t\tthis.showDropdown = false;\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.showDropdown = !this.showDropdown;\r\n\t\tthis.hasInteracted = true;\r\n\t\tif (this.showDropdown) {\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tthis.focusFirstItem();\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t\t(item) => item.selected,\r\n\t\t\t).length;\r\n\t\t\tthis.updateValidity();\r\n\t\t\tthis.focusedItemIndex = -1;\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync focusToggleButton() {\r\n\t\tconst toggleButton = this.el.querySelector(\r\n\t\t\t\".selected-items\",\r\n\t\t) as HTMLElement;\r\n\t\tif (toggleButton) {\r\n\t\t\ttoggleButton.focus();\r\n\t\t}\r\n\t}\r\n\r\n\thandleBlur = () => {\r\n\t\tthis.hasInteracted = true;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\ttoggleItemSelection(index: number) {\r\n\t\tthis.items = [\r\n\t\t\t...this.items.slice(0, index),\r\n\t\t\t{ ...this.items[index], selected: !this.items[index].selected },\r\n\t\t\t...this.items.slice(index + 1),\r\n\t\t];\r\n\t\tthis.selectedItemsCount = this.items.filter(\r\n\t\t\t(item) => item.selected,\r\n\t\t).length;\r\n\t\tthis.updateValidity();\r\n\t}\r\n\r\n\tupdateValidity = () => {\r\n\t\tif (this.hasInteracted && this.isRequired && !this.showDropdown) {\r\n\t\t\tthis.isValid = this.selectedItemsCount > 0;\r\n\t\t\tthis.setHelperText();\r\n\t\t} else {\r\n\t\t\tthis.isValid = true;\r\n\t\t\tthis.setHelperText();\r\n\t\t}\r\n\t};\r\n\r\n\tselectAllItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: true }));\r\n\t\tthis.selectedItemsCount = this.items.length;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tclearSelectedItems = (event: Event) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.stopPropagation();\r\n\t\tthis.items = this.items.map((item) => ({ ...item, selected: false }));\r\n\t\tthis.selectedItemsCount = 0;\r\n\t\tthis.updateValidity();\r\n\t};\r\n\r\n\tgetValidationMessage(type: string) {\r\n\t\treturn ValidationMessages[this.language][type];\r\n\t}\r\n\r\n\tsetHelperText() {\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tshowTooltip(event: MouseEvent, text: string) {\r\n\t\tif (event) {\r\n\t\t}\r\n\t\tthis.tooltipText = text;\r\n\t\t// this.tooltipPosition = {\r\n\t\t// top: 100, // Adjust as necessary to position above the item\r\n\t\t// left: -rect.left + 624.1,\r\n\t\t// };\r\n\t\tthis.tooltipVisible = true;\r\n\t}\r\n\r\n\thideTooltip() {\r\n\t\tthis.tooltipVisible = false;\r\n\t}\r\n\r\n\t// Keyboard Accessibility Handlers\r\n\thandleKeyDownToggle(event: KeyboardEvent) {\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusNextItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (!this.showDropdown) {\r\n\t\t\t\t\tthis.toggleDropdown();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyDownItem(event: KeyboardEvent, index: number) {\r\n\t\tconst isAllSelected =\r\n\t\t\tthis.selectedItemsCount === this.items.length &&\r\n\t\t\tthis.items.length > 0;\r\n\r\n\t\tswitch (event.key) {\r\n\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusNextItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"ArrowUp\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.focusPreviousItem();\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Enter\":\r\n\t\t\tcase \" \":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tif (index === 0) {\r\n\t\t\t\t\t// First item is \"Select All/Clear Selected Items\"\r\n\t\t\t\t\tif (isAllSelected) {\r\n\t\t\t\t\t\tthis.clearSelectedItems(event);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.selectAllItems(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.toggleItemSelection(index - 1);\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"Escape\":\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.showDropdown = false;\r\n\t\t\t\tthis.focusToggleButton();\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tfocusFirstItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusLastItem() {\r\n\t\tif (this.items.length + 1 > 0) {\r\n\t\t\tthis.focusedItemIndex = this.items.length;\r\n\t\t\tthis.focusItem(this.focusedItemIndex);\r\n\t\t}\r\n\t}\r\n\r\n\tfocusNextItem() {\r\n\t\tif (this.focusedItemIndex < this.items.length) {\r\n\t\t\tthis.focusedItemIndex += 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = 0;\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusPreviousItem() {\r\n\t\tif (this.focusedItemIndex > 0) {\r\n\t\t\tthis.focusedItemIndex -= 1;\r\n\t\t} else {\r\n\t\t\tthis.focusedItemIndex = this.items.length; // Loop to last\r\n\t\t}\r\n\t\tthis.focusItem(this.focusedItemIndex);\r\n\t}\r\n\r\n\tfocusItem(index: number) {\r\n\t\tif (index === 0) {\r\n\t\t\tconst selectAllButton = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-0 > button`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (selectAllButton) {\r\n\t\t\t\tselectAllButton.focus();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst checkbox = this.el.querySelector(\r\n\t\t\t\t`#multi-select-item-${index} input[type=\"checkbox\"]`,\r\n\t\t\t) as HTMLElement;\r\n\t\t\tif (checkbox) {\r\n\t\t\t\tcheckbox.focus();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst selectedItems = this.items.filter((item) => item.selected);\r\n\t\tconst selectedItemsCount = selectedItems.length;\r\n\t\tconst isAllSelected =\r\n\t\t\tselectedItemsCount === this.items.length && this.items.length > 0;\r\n\t\tconst buttonLabel = isAllSelected\r\n\t\t\t? this.clearAllText\r\n\t\t\t: this.selectAllText;\r\n\t\tconst buttonAction = isAllSelected\r\n\t\t\t? this.clearSelectedItems\r\n\t\t\t: this.selectAllItems;\r\n\r\n\t\tlet displayText = `${selectedItemsCount} selected`;\r\n\t\tif (selectedItemsCount === 0) {\r\n\t\t\tdisplayText = this.placeholderText;\r\n\t\t}\r\n\t\tif (selectedItemsCount === 1) {\r\n\t\t\tdisplayText = selectedItems[0].text;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t\"ptc-multi-select\": true,\r\n\t\t\t\t\tinvalid: !this.isValid,\r\n\t\t\t\t\t\"mf-listen\": true,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<label\r\n\t\t\t\t\tclass=\"multi-select-label\"\r\n\t\t\t\t\tid={`multi-select-label-${this.label}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t</label>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"selected-items multi-selected-items\"\r\n\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\taria-haspopup=\"listbox\"\r\n\t\t\t\t\taria-expanded={this.showDropdown}\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\tthis.handleKeyDownToggle(event)\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"input-text\">{displayText}</div>\r\n\t\t\t\t\t<span class=\"multi-select-icon\">\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"multi-arrow-svg\"\r\n\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\"></path>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<ul\r\n\t\t\t\t\tclass={\"dropdown\" + (this.showDropdown ? \" show\" : \"\")}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\taria-labelledby={`multi-select-label-${this.label}`}\r\n\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t>\r\n\t\t\t\t\t{/ \"Select All/Clear Selected Items\" as the first list item /}\r\n\t\t\t\t\t<li\r\n\t\t\t\t\t\tid={`multi-select-item-0`}\r\n\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\taria-selected={isAllSelected}\r\n\t\t\t\t\t\tclass={{ selected: isAllSelected }}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\tthis.handleKeyDownItem(event, 0)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tbuttonAction(event);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tclass=\"ddl-click-text\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{buttonLabel}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t{/ Map through the items starting from index 1 /}\r\n\t\t\t\t\t{this.items.map((item, index) => (\r\n\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\tkey={index + 1}\r\n\t\t\t\t\t\t\tid={`multi-select-item-${index + 1}`}\r\n\t\t\t\t\t\t\trole=\"option\"\r\n\t\t\t\t\t\t\taria-selected={item.selected}\r\n\t\t\t\t\t\t\tclass={{ selected: item.selected }}\r\n\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\tonMouseEnter={(event) =>\r\n\t\t\t\t\t\t\t\tthis.checkOverflow(event, item.text)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonMouseLeave={() => this.hideTooltip()}\r\n\t\t\t\t\t\t\tonKeyDown={(event: KeyboardEvent) =>\r\n\t\t\t\t\t\t\t\tthis.handleKeyDownItem(event, index + 1)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tevent.stopPropagation();\r\n\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\tclass=\"multi-checkbox\"\r\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\tid={`checkbox-${index}`}\r\n\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={item.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\titem.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\trequired={this.isRequired}\r\n\t\t\t\t\t\t\t\tonClick={(event) => {\r\n\t\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevents the dropdown from closing\r\n\t\t\t\t\t\t\t\t\tthis.toggleItemSelection(index);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonBlur={this.handleBlur}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<label htmlFor={`checkbox-${index}`}>\r\n\t\t\t\t\t\t\t\t{item.text}\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\r\n\t\t\t\t{this.tooltipVisible && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"tooltip\"\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\ttop: `${this.tooltipPosition.top}px`,\r\n\t\t\t\t\t\t\tleft: `${this.tooltipPosition.left}px`,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.tooltipText}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{/ Validation message */}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid=\"tbd\"\r\n\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\td=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t/>\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\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\t// Ensure that checkOverflow is inside the class\r\n\tcheckOverflow(event: MouseEvent, text: string) {\r\n\t\tconst target = event.currentTarget as HTMLElement;\r\n\t\tconst label = target.querySelector(\"label\");\r\n\t\tif (label && label.scrollHeight > label.clientHeight) {\r\n\t\t\tthis.showTooltip(event, text);\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-D3ejWEdn.js → p-CR0e46qa.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$5 } from './p-CL4G31qv.js';
-import { d as defineCustomElement$4 } from './p-CdDs3va5.js';
-import { d as defineCustomElement$3 } from './p-DyAVOdhn.js';
-import { d as defineCustomElement$2 } from './p-D0flgWRD.js';
-import { d as defineCustomElement$1 } from './p-CKp1G5v7.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
+import { d as defineCustomElement$5 } from './p-Dd730ed6.js';
+import { d as defineCustomElement$4 } from './p-BOFfUkjh.js';
+import { d as defineCustomElement$3 } from './p-DNUrNMft.js';
+import { d as defineCustomElement$2 } from './p--dcl5u53.js';
+import { d as defineCustomElement$1 } from './p-Dar8ay5I.js';
 const ptcSocialShareCss = ":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";
@@ -184,6 +184,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSocialShare as P, defineCustomElement as d };
-//# sourceMappingURL=p-D3ejWEdn.js.map
+//# sourceMappingURL=p-CR0e46qa.js.map
-//# sourceMappingURL=p-D3ejWEdn.js.map
+//# sourceMappingURL=p-CR0e46qa.js.map

package/dist/components/{p-D3ejWEdn.js.map → p-CR0e46qa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-D3ejWEdn.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-CR0e46qa.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-B3FPPL-L.js → p-CTaQOWpZ.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, e as createEvent, h } from './p-BvGlmU4v.js';
-import { d as defineCustomElement$1 } from './p-CL4G31qv.js';
+import { c as proxyCustomElement, H, e as createEvent, h } from './p-C2SefPLt.js';
+import { d as defineCustomElement$1 } from './p-Dd730ed6.js';
 const ptcPagenationCss = ":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none;transition:none}.standard-filter .standard-filter-item.active{transition:none;background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard) / 2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{transition:none;background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media only screen and (min-width: 768px){.standard-filter .standard-filter-dots{margin:0.125rem 1rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";
@@ -395,6 +395,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPagenation as P, defineCustomElement as d };
-//# sourceMappingURL=p-B3FPPL-L.js.map
+//# sourceMappingURL=p-CTaQOWpZ.js.map
-//# sourceMappingURL=p-B3FPPL-L.js.map
+//# sourceMappingURL=p-CTaQOWpZ.js.map