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

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

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

Files changed (1017) hide show

package/dist/components/{p-BqFAAjyb.js.map → p-B1ENE2xw.js.map} RENAMED Viewed

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

package/dist/components/{p-DG0vgjEu.js → p-B9mb0YCg.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcProgressBarCss = ":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";
@@ -19,7 +19,7 @@ const PtcProgressBar = /*@__PURE__*/ proxyCustomElement(class PtcProgressBar ext
         this.scrollPercentage = percentage;
     }
     render() {
-        return (h(Host, { key: '5b03511fd47e57d6fe178f354d818474a774683e' }, h("div", { key: '1a2d636af6f37615790aae5ae27409466b8d6278', class: "progress-bar-container" }, h("div", { key: '22e005c5e13e49b8dce25f00c01199d1ff92aba3', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
+        return (h(Host, { key: '3cf531538171ef78f5b2aab676d23a0321905254' }, h("div", { key: '353ed90ed239badeda23ace7aafba8358227ce44', class: "progress-bar-container" }, h("div", { key: 'd14100f36e31af2e12b61a3d4a6f2e2b84d24d5e', class: "progress-bar", style: { width: `${this.scrollPercentage}%` } }))));
     }
     static get style() { return ptcProgressBarCss; }
 }, [257, "ptc-progress-bar", {
@@ -41,6 +41,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProgressBar as P, defineCustomElement as d };
-//# sourceMappingURL=p-DG0vgjEu.js.map
+//# sourceMappingURL=p-B9mb0YCg.js.map
-//# sourceMappingURL=p-DG0vgjEu.js.map
+//# sourceMappingURL=p-B9mb0YCg.js.map

package/dist/components/{p-DG0vgjEu.js.map → p-B9mb0YCg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DG0vgjEu~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,kQAAkQ;;MCO/Q,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACjB,gBAAgB,GAAW,CAAC;IAGrC,YAAY,GAAA;AACX,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;AACpD,QAAA,MAAM,YAAY,GACjB,QAAQ,CAAC,eAAe,CAAC,YAAY;AACrC,YAAA,QAAQ,CAAC,eAAe,CAAC,YAAY;QACtC,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,YAAY,IAAI,GAAG;AACnD,QAAA,IAAI,CAAC,gBAAgB,GAAG,UAAU;;IAEnC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,EAAE,GACvC,CACF,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-progress-bar/ptc-progress-bar.scss?tag=ptc-progress-bar&encapsulation=shadow","src/components/molecules/ptc-progress-bar/ptc-progress-bar.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\r\n\t.progress-bar-container {\r\n\t\theight: 5px;\r\n\t\tbackground-color: linear-gradient(272deg, #3b4550, #1a1a1a);\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.progress-bar {\r\n\t\theight: 100%;\r\n\t\t//background-color: #333333;\r\n\t\tbackground-image: linear-gradient(270deg, #4795cd, #33a13c);\r\n\t\ttransition: width 0.3s ease-in-out;\r\n\t}\r\n}\r\n","import { Component, Host, h, State, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-progress-bar\",\r\n\tstyleUrl: \"ptc-progress-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProgressBar {\r\n\t@State() scrollPercentage: number = 0;\r\n\r\n\t@Listen(\"scroll\", { target: \"window\" })\r\n\thandleScroll() {\r\n\t\tconst scrollTop = document.documentElement.scrollTop;\r\n\t\tconst scrollHeight =\r\n\t\t\tdocument.documentElement.scrollHeight -\r\n\t\t\tdocument.documentElement.clientHeight;\r\n\t\tconst percentage = (scrollTop / scrollHeight) * 100;\r\n\t\tthis.scrollPercentage = percentage;\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"progress-bar\"\r\n\t\t\t\t\t\tstyle={{ width: `${this.scrollPercentage}%` }}\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-B9mb0YCg.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,kQAAkQ;;MCO/Q,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACjB,gBAAgB,GAAW,CAAC;IAGrC,YAAY,GAAA;AACX,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;AACpD,QAAA,MAAM,YAAY,GACjB,QAAQ,CAAC,eAAe,CAAC,YAAY;AACrC,YAAA,QAAQ,CAAC,eAAe,CAAC,YAAY;QACtC,MAAM,UAAU,GAAG,CAAC,SAAS,GAAG,YAAY,IAAI,GAAG;AACnD,QAAA,IAAI,CAAC,gBAAgB,GAAG,UAAU;;IAEnC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,CAAA,CAAG,EAAE,GACvC,CACF,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-progress-bar/ptc-progress-bar.scss?tag=ptc-progress-bar&encapsulation=shadow","src/components/molecules/ptc-progress-bar/ptc-progress-bar.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\r\n\t.progress-bar-container {\r\n\t\theight: 5px;\r\n\t\tbackground-color: linear-gradient(272deg, #3b4550, #1a1a1a);\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.progress-bar {\r\n\t\theight: 100%;\r\n\t\t//background-color: #333333;\r\n\t\tbackground-image: linear-gradient(270deg, #4795cd, #33a13c);\r\n\t\ttransition: width 0.3s ease-in-out;\r\n\t}\r\n}\r\n","import { Component, Host, h, State, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-progress-bar\",\r\n\tstyleUrl: \"ptc-progress-bar.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProgressBar {\r\n\t@State() scrollPercentage: number = 0;\r\n\r\n\t@Listen(\"scroll\", { target: \"window\" })\r\n\thandleScroll() {\r\n\t\tconst scrollTop = document.documentElement.scrollTop;\r\n\t\tconst scrollHeight =\r\n\t\t\tdocument.documentElement.scrollHeight -\r\n\t\t\tdocument.documentElement.clientHeight;\r\n\t\tconst percentage = (scrollTop / scrollHeight) * 100;\r\n\t\tthis.scrollPercentage = percentage;\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"progress-bar\"\r\n\t\t\t\t\t\tstyle={{ width: `${this.scrollPercentage}%` }}\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CQ4L2QxH.js → p-BIC2qXzj.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
@@ -28,7 +28,7 @@ const MaxWidthContainer = /*@__PURE__*/ proxyCustomElement(class MaxWidthContain
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '8666b9a2dbe3004cee71a3a3d67a485fb1ba80c0', class: classMap }, this.styles && h("style", { key: 'd93b2d04e67c9da937717fc4042a8f14e3440f73' }, this.styles), h("slot", { key: '7658a2e310e1559ad281cde8080a3aa4504bf01f' })));
+        return (h(Host, { key: 'a3bcf7a544e69c6dc4c0a9c561dad746e1c88776', class: classMap }, this.styles && h("style", { key: '64c146027bcba5d22179375a194387e90ae6bc19' }, this.styles), h("slot", { key: '79b0a4ba34c10717bb7e080c883a7ce7546007a8' })));
     }
     getCssClassMap() {
         return {
@@ -75,6 +75,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { MaxWidthContainer as M, defineCustomElement as d };
-//# sourceMappingURL=p-CQ4L2QxH.js.map
+//# sourceMappingURL=p-BIC2qXzj.js.map
-//# sourceMappingURL=p-CQ4L2QxH.js.map
+//# sourceMappingURL=p-BIC2qXzj.js.map

package/dist/components/{p-CQ4L2QxH.js.map → p-BIC2qXzj.js.map} RENAMED Viewed

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

package/dist/components/{p-hdFHIcpa.js → p-BSqz-OQC.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h } from './p-pbQYKnK9.js';
 const dropdownItemCss = ".dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:active{transition:background-color ease-out 0ms}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}";
@@ -35,6 +35,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { DropdownItem as D, defineCustomElement as d };
-//# sourceMappingURL=p-hdFHIcpa.js.map
+//# sourceMappingURL=p-BSqz-OQC.js.map
-//# sourceMappingURL=p-hdFHIcpa.js.map
+//# sourceMappingURL=p-BSqz-OQC.js.map

package/dist/components/{p-hdFHIcpa.js.map → p-BSqz-OQC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~hdFHIcpa~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string \| undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BSqz-OQC.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w1BAAw1B;;MCOn2B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IAChB,QAAQ,GAAY,SAAS;IAE7B,UAAU,GAAuB,OAAO;IAEhD,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown-item/dropdown-item.scss?tag=dropdown-item","src/components/molecules/dropdown-item/dropdown-item.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n.dropdown-item {\r\n\ttransition: background-color ease-out 250ms;\r\n\tmax-width: 240px;\r\n\t@include screen-xs {\r\n\t\tmax-width: 400px;\r\n\t}\r\n\t@include screen-md {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: background-color ease-out 0ms;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:active,\r\n\t&:focus,\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tpadding: 0.75rem 1.5rem;\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-12);\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover,\r\n\t\t&:visited,\r\n\t\t&:active,\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tcolor: var(--color-gray-12);\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"dropdown-item\",\r\n\tstyleUrl: \"dropdown-item.scss\",\r\n\tshadow: false,\r\n})\r\nexport class DropdownItem {\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t@Prop() linkTarget: string \| undefined = \"_self\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class=\"dropdown-item\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-ycKYs79U.js → p-BT6_0_RF.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
 const ptcProductDropdownCss = ":host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}:host .checkbox-label input[type=checkbox]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -72,9 +72,9 @@ const PtcProductDropdown = /*@__PURE__*/ proxyCustomElement(class PtcProductDrop
         this.parseOptions();
     }
     render() {
-        return (h(Host, { key: '5b64d2fce6ad39487c5ad38a7d845cbc5f74c5e5' }, h("div", { key: 'e2f1ec69ed5252f12dd5587e13554cf327116dfe', class: "dropdown" }, h("div", { key: 'c84e0d1229ba96e1c933bae9c99204726b3acfd4', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
+        return (h(Host, { key: 'f0ae8f80296a422c1c51deadfbdf2e82350ab3e6' }, h("div", { key: 'a9b2dd095ebcb309d94eb7e40f08ec1969b7bd65', class: "dropdown" }, h("div", { key: '3f9f1366af89a4bb3c39bb065a6e8c018b0b0a7c', class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
                 e.key === "Enter" ? this.toggleDropdown() : null;
-            }, tabIndex: 0 }, h("span", { key: '94d97ebfab123f410b44cf1368f704fb8dcfa3f1', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: '0d0c26f36e564a7a71fb3b0d85605ed42326b7b2', class: "caret" }, h("svg", { key: 'b49061a955828794addb283dfff7c7060aeb12a2', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '57455fcb1aa2f173afdb2a379421f9c11f1c712f', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'c7bedd861dce57313b42186bc11a3c67c6a1c7df', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '84e32cb52d690b6e144b4a1201a30b4e2d411c89', class: "hidden" }, h("slot", { key: '62e16c3912876cd6875e3f276a0ec9d718c4a6f5' }))));
+            }, tabIndex: 0 }, h("span", { key: 'd95e81dd28c48a2c366f6bb5e670771f3b115a9d', class: "dropdown-placeholder" }, this.placeholder), h("span", { key: 'c9738005f388d2fbd0a3d2f8153de229bfd40951', class: "caret" }, h("svg", { key: '8855d428d7fced1c8692d53fe513be10ed21dc1c', width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '703a344827f448bf4f1e7d8268557218fbf7c465', d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { key: 'fd1de44a1b8daca811f25b41022d14a03344d6af', class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { key: '2861431ec20e138f3a6227635c43ffe823ac39ed', class: "hidden" }, h("slot", { key: '7db3d279c2fe072865439fdde5013528b72bdcab' }))));
     }
     static get style() { return ptcProductDropdownCss; }
 }, [257, "ptc-product-dropdown", {
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProductDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-ycKYs79U.js.map
+//# sourceMappingURL=p-BT6_0_RF.js.map
-//# sourceMappingURL=p-ycKYs79U.js.map
+//# sourceMappingURL=p-BT6_0_RF.js.map

package/dist/components/{p-ycKYs79U.js.map → p-BT6_0_RF.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~ycKYs79U~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BT6_0_RF.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.scss?tag=ptc-product-dropdown&encapsulation=shadow","src/components/molecules/ptc-product-dropdown/ptc-product-dropdown.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tmargin-top: 4px;\r\n\tbackground-color: var(--color-white);\r\n\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.dropdown {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t.dropdown-toggle {\r\n\t\t\tpadding: 0.5rem;\r\n\t\t\tborder: 1px solid var(--color-gray-03);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmin-height: 34px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\r\n\t\t\t.dropdown-placeholder {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: var(--color-gray-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.caret {\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tmin-width: 10rem;\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-shadow: 0px 2px 4px rgba(35, 43, 45, 0.3);\r\n\t\tz-index: 105;\r\n\t\tmax-height: 400px;\r\n\t\toverflow-y: auto;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\t-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\toutline: 1px solid var(--color-gray-05);\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-label {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 6px 16px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 14px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\tmin-width: 20px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmargin-top: 0;\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tState,\r\n\tProp,\r\n\tEventEmitter,\r\n\tEvent,\r\n\tListen,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-product-dropdown\",\r\n\tstyleUrl: \"ptc-product-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcProductDropdown {\r\n\t@Element() hostElement: HTMLElement;\r\n\t@State() internalOptions: string[];\r\n\t@Prop() newOptions: string[];\r\n\t@Prop() selectedOptions: string[] = [];\r\n\t@Prop() placeholder: string;\r\n\t@Event() selectedValues: EventEmitter;\r\n\t@Event() dropdownTouched: EventEmitter;\r\n\r\n\t@State() isOpen = false;\r\n\r\n\tparseOptions() {\r\n\t\tlet options = Array.from(this.hostElement.querySelectorAll(\"span\"));\r\n\t\tif (options) {\r\n\t\t\tthis.internalOptions = options.map((option) => {\r\n\t\t\t\treturn option.textContent;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleDropdown() {\r\n\t\tthis.isOpen = !this.isOpen;\r\n\t\tthis.dropdownTouched.emit({\r\n\t\t\tsender: this,\r\n\t\t\tisOpen: this.isOpen,\r\n\t\t});\r\n\t}\r\n\r\n\t@Listen(\"clearsearch\", { target: \"document\" })\r\n\thandleSearchResult(event: CustomEvent) {\r\n\t\tconst { sender, searchTerm } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tif (searchTerm === \"\") {\r\n\t\t\t\tthis.selectedOptions = [];\r\n\t\t\t\tthis.isOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@Listen(\"inputChanged\", { target: \"document\" })\r\n\thandleinputChanged(event: CustomEvent) {\r\n\t\tconst { sender } = event.detail;\r\n\t\tif (sender) {\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t\tthis.isOpen = false;\r\n\t\t}\r\n\t}\r\n\r\n\thandleCheckboxChange(option: string) {\r\n\t\tconst index = this.selectedOptions.indexOf(option);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.selectedOptions.splice(index, 1);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.selectedOptions.push(option);\r\n\t\t\tthis.selectedValues.emit({\r\n\t\t\t\tsender: this,\r\n\t\t\t\tselectedOptions: this.selectedOptions,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.parseOptions();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"dropdown\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dropdown-toggle\"\r\n\t\t\t\t\t\tonClick={() => this.toggleDropdown()}\r\n\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\te.key === \"Enter\" ? this.toggleDropdown() : null;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"dropdown-placeholder\">\r\n\t\t\t\t\t\t\t{/ {this.selectedOptions.join(', ')} */}\r\n\t\t\t\t\t\t\t{this.placeholder}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"caret\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t\theight=\"8\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 12 8\"\r\n\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.isOpen && (\r\n\t\t\t\t\t\t<div class=\"dropdown-menu\">\r\n\t\t\t\t\t\t\t{this.internalOptions.map((option) => (\r\n\t\t\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\tchecked={this.selectedOptions.includes(\r\n\t\t\t\t\t\t\t\t\t\t\toption\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() =>\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleCheckboxChange(option)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{option}\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"hidden\">\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DpjVh3vr.js → p-BqGCkhcD.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, e as createEvent, h } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$2 } from './p-hdFHIcpa.js';
-import { d as defineCustomElement$1 } from './p-CXvPZ1oI.js';
+import { p as proxyCustomElement, H, e as createEvent, h } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$2 } from './p-BSqz-OQC.js';
+import { d as defineCustomElement$1 } from './p-DBiVDa7C.js';
 const ptcEllipsisDropdownCss = ".ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:\"\";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:\"Raleway\";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:\"\";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
@@ -176,14 +176,14 @@ const PtcEllipsisDropdown = /*@__PURE__*/ proxyCustomElement(class PtcEllipsisDr
         if (activeTab) {
             isActive = true;
         }
-        return (h("div", { key: 'bee8945072511fb33ae968a49d8fcd7db409e46a', class: this.dropdownType == "tab-with-banner"
+        return (h("div", { key: '9393467b68b1cf11c02ad3b18805346738e79c80', class: this.dropdownType == "tab-with-banner"
                 ? "ptc-ellipsis-dropdown tab-with-banner"
                 : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, this.isMobile ||
             (this.isIPad && this.dropdownType === "tab-with-banner") ? (h("div", { class: "mob-drop" }, h("span", { class: "opt-name" }, this.dataItems.map((item) => item.isSelected ? item.text : "")), h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (h("div", { class: isActive || this.isDropdownOpen
                 ? "ellipsis-icon active"
                 : "ellipsis-icon" }, h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen
                 ? "white"
-                : "black" }))), h("div", { key: 'f48551400cde9f15df628a60818dd433fc29ae4b', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, h("slot", { key: '60583de1d4759616b098aa4e05393b74c493d853', name: "dropdown" }), this.dataItems.map((dataItem) => {
+                : "black" }))), h("div", { key: 'e2e1c82e2571ab9e5fe00cf62d78912e19f6663e', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, h("slot", { key: 'af3e55c882ce21336921bed9ec7f958d68dc142e', name: "dropdown" }), this.dataItems.map((dataItem) => {
             let activeClass = dataItem.value == this.selectedTab ? "active" : "";
             let activeDropdown = dataItem.isSelected
                 ? "selected-drop"
@@ -234,6 +234,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcEllipsisDropdown as P, defineCustomElement as d };
-//# sourceMappingURL=p-DpjVh3vr.js.map
+//# sourceMappingURL=p-BqGCkhcD.js.map
-//# sourceMappingURL=p-DpjVh3vr.js.map
+//# sourceMappingURL=p-BqGCkhcD.js.map

package/dist/components/{p-DpjVh3vr.js.map → p-BqGCkhcD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DpjVh3vr.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\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\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\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=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-BqGCkhcD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.scss?tag=ptc-ellipsis-dropdown&encapsulation=shadow","src/components/molecules/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\n.ellipsis-icon {\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-gray-08);\r\n\tborder-radius: 2px;\r\n\tvertical-align: middle;\r\n\theight: 18px;\r\n\twidth: 18px;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\t\tborder-color: var(--color-gray-04);\r\n\t}\r\n\ttransition:\r\n\t\tbackground-color var(--ptc-ease-out) var(--ptc-transition-medium),\r\n\t\tborder-color var(--ptc-ease-out) var(--ptc-transition-medium);\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline-block;\r\n\t\tsvg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 10px !important;\r\n\t\t\theight: 10px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t\tborder-color: var(--color-green-07);\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 2px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -11px;\r\n\t\t\t@include screen-xl {\r\n\t\t\t\tbottom: -17px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-ellipsis-dropdown {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tpadding: 2px 0 14px 0;\r\n\tborder-bottom: 2px solid var(--color-green-07);\r\n\tmargin: 0 1rem -1px 1rem;\r\n\tbox-sizing: border-box;\r\n\r\n\t&.default {\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 44px;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tab-with-banner {\r\n\t\tpadding: 0px 0 16px 0;\r\n\t\tmargin: 0 1rem -2.5px 1rem;\r\n\r\n\t\t// @include screen-md {\r\n\t\t// position: absolute;\r\n\t\t// top: calc(50% - 22px);\r\n\t\t// right: 0;\r\n\t\t// height: 100%;\r\n\t\t// bottom: 100%;\r\n\t\t// }\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 0px 0px 1rem 0px;\r\n\t\t\tborder-bottom: none;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 44px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t.ellipsis-icon.active {\r\n\t\t\t&::after {\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dropdown-container {\r\n\t\t\tdisplay: none;\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1010;\r\n\t\t\tbackground: var(--color-white);\r\n\t\t\tpadding: 0.8rem 0;\r\n\t\t\tright: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tmin-width: max-content;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.show {\r\n\t\t\t.dropdown-container {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\theight: 34px;\r\n\t\twidth: 34px;\r\n\t}\r\n\t.mob-drop {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tline-height: var(--ptc-line-height-p);\r\n\t\tfont-family: \"Raleway\";\r\n\t\tfont-style: normal;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tvertical-align: middle;\r\n\t\t\tmargin: 4px 0px 0px 12px;\r\n\t\t\tmin-width: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dropdown-container {\r\n\tdisplay: none;\r\n\tmargin-top: 16px;\r\n\tbox-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);\r\n\tborder-radius: 4px;\r\n\tposition: absolute;\r\n\tz-index: 1010;\r\n\tbackground: var(--color-white);\r\n\tpadding: 0.8rem 0;\r\n\tright: auto;\r\n\tleft: 0;\r\n\tmin-width: max-content;\r\n\twidth: 100%;\r\n\r\n\t@include screen-sm {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tmargin-top: 48px;\r\n\t}\r\n\t@include screen-xl {\r\n\t\tmargin-top: 45px;\r\n\t}\r\n\r\n\t.selected-drop {\r\n\t\t.dropdown-item {\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 2px;\r\n\t\t\t\t\theight: 60%;\r\n\t\t\t\t\tbackground: var(--color-green-07);\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 20%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.show {\r\n\t.dropdown-container {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\ndropdown-item {\r\n\t&:focus-visible {\r\n\t\toutline: none;\r\n\t\t.dropdown-item {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tState,\r\n\tElement,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tProp,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-ellipsis-dropdown\",\r\n\tstyleUrl: \"ptc-ellipsis-dropdown.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcEllipsisDropdown {\r\n\t@Prop() dataItems: Array<any> = [];\r\n\t@Prop() selectedTab: string;\r\n\t@State() isDropdownOpen: boolean = false;\r\n\t@Element() host: HTMLElement;\r\n\t@Event() itemSelected: EventEmitter<any>;\r\n\t@State() isMobile: boolean;\r\n\t@State() isIPad: boolean;\r\n\t@Prop() dropdownType: string = \"default\";\r\n\r\n\t//tab navigation props\r\n\tmenuitems: any;\r\n\tmenuitemNodes = [];\r\n\tfirstMenuitem = false;\r\n\tlastMenuitem = false;\r\n\t//firstChars = [];\r\n\r\n\tprivate dropdownToggle(e) {\r\n\t\te.currentTarget.classList.toggle(\"show\");\r\n\t\tthis.isDropdownOpen = e.currentTarget.classList.contains(\"show\");\r\n\t}\r\n\r\n\tprivate onItemSelected(e: any) {\r\n\t\tthis.itemSelected.emit(e);\r\n\t}\r\n\r\n\t@Listen(\"click\", { target: \"document\" })\r\n\toffClick(e) {\r\n\t\tlet container = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\tif (e && !this.host.contains(e.target) && this.isDropdownOpen) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\thandleResize() {\r\n\t\tthis.isMobile = window.innerWidth < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\t@Listen(\"escClicked\", { target: \"window\" })\r\n\tonEscClicked() {\r\n\t\tlet container = this.host.shadowRoot?.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t);\r\n\t\t//this.host.focus();\r\n\t\tif (container) {\r\n\t\t\tcontainer.classList.remove(\"show\");\r\n\t\t\tthis.isDropdownOpen = false;\r\n\t\t}\r\n\t}\r\n\tcomponentWillLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\t}\r\n\r\n\tonMenuitemKeydown(event) {\r\n\t\tvar tgt = event.currentTarget,\r\n\t\t\tkey = event.key,\r\n\t\t\tflag = false;\r\n\r\n\t\tif (event.ctrlKey \|\| event.altKey \|\| event.metaKey) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.shiftKey) {\r\n\t\t\tif (event.key === \"Tab\") {\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Up\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tthis.setFocusToPreviousMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"Down\":\r\n\t\t\t\t\tthis.setFocusToNextMenuitem(tgt);\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Home\":\r\n\t\t\t\tcase \"PageUp\":\r\n\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"End\":\r\n\t\t\t\tcase \"PageDown\":\r\n\t\t\t\t\tthis.setFocusToLastMenuitem();\r\n\t\t\t\t\tflag = true;\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tthis.onEscClicked();\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (flag) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\t}\r\n\tsetFocusToMenuitem(newMenuitem) {\r\n\t\tthis.menuitemNodes.forEach(function (item) {\r\n\t\t\tif (item === newMenuitem) {\r\n\t\t\t\titem.tabIndex = 0;\r\n\t\t\t\tnewMenuitem.focus();\r\n\t\t\t} else {\r\n\t\t\t\titem.tabIndex = -1;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.firstMenuitem);\r\n\t}\r\n\r\n\tsetFocusToLastMenuitem() {\r\n\t\tthis.setFocusToMenuitem(this.lastMenuitem);\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.firstMenuitem) {\r\n\t\t\tnewMenuitem = this.lastMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index - 1];\r\n\t\t}\r\n\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem) {\r\n\t\tvar newMenuitem, index;\r\n\r\n\t\tif (currentMenuitem === this.lastMenuitem) {\r\n\t\t\tnewMenuitem = this.firstMenuitem;\r\n\t\t} else {\r\n\t\t\tindex = this.menuitemNodes.indexOf(currentMenuitem);\r\n\t\t\tnewMenuitem = this.menuitemNodes[index + 1];\r\n\t\t}\r\n\t\tthis.setFocusToMenuitem(newMenuitem);\r\n\r\n\t\treturn newMenuitem;\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.isMobile = window.innerWidth < 768 \|\| screen.width < 768;\r\n\t\tthis.isIPad = window.innerWidth < 992 \|\| screen.width < 992;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.menuitems =\r\n\t\t\t\tthis.host.shadowRoot.querySelectorAll(\"dropdown-item\");\r\n\t\t\tfor (var i = 0; i < this.menuitems.length; i++) {\r\n\t\t\t\tvar menuitem = this.menuitems[i];\r\n\t\t\t\tthis.menuitemNodes.push(menuitem);\r\n\t\t\t\tmenuitem.tabIndex = -1;\r\n\r\n\t\t\t\tmenuitem.addEventListener(\r\n\t\t\t\t\t\"keydown\",\r\n\t\t\t\t\tthis.onMenuitemKeydown.bind(this),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!this.firstMenuitem) {\r\n\t\t\t\t\tthis.firstMenuitem = menuitem;\r\n\t\t\t\t}\r\n\t\t\t\tthis.lastMenuitem = menuitem;\r\n\t\t\t}\r\n\t\t}, 100);\r\n\r\n\t\tconst ellp = this.host.shadowRoot.querySelector(\r\n\t\t\t\".ptc-ellipsis-dropdown\",\r\n\t\t) as HTMLElement;\r\n\t\tthis.host.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\t// Open dropdown on 'Enter' key press\r\n\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\tellp.click();\r\n\t\t\t}\r\n\t\t\tif (event.key === \"ArrowDown\") {\r\n\t\t\t\tthis.host.shadowRoot\r\n\t\t\t\t\t.querySelectorAll(\"dropdown-item\")[0]\r\n\t\t\t\t\t.focus();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (\r\n\t\t\tthis.isMobile \|\|\r\n\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\")\r\n\t\t) {\r\n\t\t\tthis.host.setAttribute(\"tabindex\", \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet activeTab = this.dataItems.find((z) => z.isSelected == true);\r\n\t\tlet isActive = false;\r\n\r\n\t\tif (activeTab) {\r\n\t\t\tisActive = true;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tclass={\r\n\t\t\t\t\tthis.dropdownType == \"tab-with-banner\"\r\n\t\t\t\t\t\t? \"ptc-ellipsis-dropdown tab-with-banner\"\r\n\t\t\t\t\t\t: \"ptc-ellipsis-dropdown default\"\r\n\t\t\t\t}\r\n\t\t\t\tonClick={(e) => this.dropdownToggle(e)}\r\n\t\t\t>\r\n\t\t\t\t{this.isMobile \|\|\r\n\t\t\t\t(this.isIPad && this.dropdownType === \"tab-with-banner\") ? (\r\n\t\t\t\t\t<div class={\"mob-drop\"}>\r\n\t\t\t\t\t\t<span class={\"opt-name\"}>\r\n\t\t\t\t\t\t\t{this.dataItems.map((item) =>\r\n\t\t\t\t\t\t\t\titem.isSelected ? item.text : \"\",\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\theight=\"9\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 12 9\"\r\n\t\t\t\t\t\t\tfill=\"none\"\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\r\n\t\t\t\t\t\t\t\td=\"M1 1.65723L5.94975 6.60697L10.8995 1.65723\"\r\n\t\t\t\t\t\t\t\tstroke=\"#00890B\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t? \"ellipsis-icon active\"\r\n\t\t\t\t\t\t\t\t: \"ellipsis-icon\"\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\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=\"xxx-small\"\r\n\t\t\t\t\t\t\tname=\"ellipsis\"\r\n\t\t\t\t\t\t\tcolor={\r\n\t\t\t\t\t\t\t\tisActive \|\| this.isDropdownOpen\r\n\t\t\t\t\t\t\t\t\t? \"white\"\r\n\t\t\t\t\t\t\t\t\t: \"black\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"dropdown-container\"\r\n\t\t\t\t\trole=\"menu\"\r\n\t\t\t\t\taria-labelledby=\"menubutton1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot name=\"dropdown\" />\r\n\t\t\t\t\t{this.dataItems.map((dataItem) => {\r\n\t\t\t\t\t\tlet activeClass =\r\n\t\t\t\t\t\t\tdataItem.value == this.selectedTab ? \"active\" : \"\";\r\n\t\t\t\t\t\tlet activeDropdown = dataItem.isSelected\r\n\t\t\t\t\t\t\t? \"selected-drop\"\r\n\t\t\t\t\t\t\t: \"\";\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<dropdown-item\r\n\t\t\t\t\t\t\t\trole=\"menuitem\"\r\n\t\t\t\t\t\t\t\tclass={\r\n\t\t\t\t\t\t\t\t\tactiveClass + activeDropdown + \"mf-listen\"\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tthis.onItemSelected(dataItem);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{dataItem.text}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</dropdown-item>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DKpFVgjA.js → p-Bvmq-JtJ.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { i as isReducedMotion, n as nextUserInteractionEvent, o as onReducedMotionChange } from './p-D8mHT2Sh.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { i as isReducedMotion, n as nextUserInteractionEvent, o as onReducedMotionChange } from './p-DgwzgPHL.js';
 const ptcBackgroundVideoCss = ":host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;-o-object-fit:cover;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{-o-object-fit:cover;object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>')}:host .play-button button.bg-svg-pause{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>')}:host{display:block;position:relative}:host .media{position:absolute;inset:0;overflow:hidden}:host .background-video,:host .bg-fallback{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host .bg-fallback{display:block}";
@@ -207,6 +207,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcBackgroundVideo as P, defineCustomElement as d };
-//# sourceMappingURL=p-DKpFVgjA.js.map
+//# sourceMappingURL=p-Bvmq-JtJ.js.map
-//# sourceMappingURL=p-DKpFVgjA.js.map
+//# sourceMappingURL=p-Bvmq-JtJ.js.map

package/dist/components/{p-DKpFVgjA.js.map → p-Bvmq-JtJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DKpFVgjA.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,uwHAAuwH;;MCgBxxH,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGrB,IAAA,QAAQ;;AAER,IAAA,SAAS;;IAET,OAAO,GAAa,IAAI;;IAExB,WAAW,GAAwB,UAAU;;AAE7C,IAAA,eAAe;;AAEf,IAAA,gBAAgB;;IAEhB,cAAc,GAKK,cAAc;;IAEjC,cAAc,GAAW,CAAC;;AAE1B,IAAA,SAAS;;AAET,IAAA,KAAK;AACb;;;;;;;;;AASC;IACO,IAAI,GAAyB,SAAS;;IAEtC,QAAQ,GAAY,KAAK;;AAExB,IAAA,MAAM;;IAEN,UAAU,GAAG,KAAK;;IAElB,aAAa,GAAG,KAAK;;AAEtB,IAAA,iBAAiB;AACjB,IAAA,OAAO;IAEf,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,aAAa,GAAG,eAAe,EAAE;;IAExC,gBAAgB,GAAA;QACd,MAAM,UAAU,GAAG,MAAK;AACtB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;YACtB,IAAI,CAAC,0BAA0B,EAAE;AACnC,SAAC;AACD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,wBAAwB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;aAC1C;AACL,YAAA,UAAU,EAAE;;QAEd,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,CAAC,OAAO,KAAI;AACzD,YAAA,IAAI,CAAC,aAAa,GAAG,OAAO;;YAE5B,UAAU,CAAC,MAAM,IAAI,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;AACxD,SAAC,CAAC;;IAEJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,IAAI;;;AAGpB,IAAA,cAAc,GAAG,CAAC,CAAmB,KAAI;AAC/C,QAAA,CAAC,CAAC,OAAO,GAAG,MAAM;AAClB,QAAA,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC;AAC7B,QAAA,CAAC,CAAC,IAAI,GAAG,KAAK;QACd,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,IAAI;;;AAGD,gBAAA,CAAC,CAAC,WAAW,GAAG,GAAG;;YACpB,MAAM;YACR,CAAC,CAAC,KAAK,EAAE;AACX,SAAC;QACD,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,4CAA4C;AAC/D,YAAA,KAAK,EAAE;;aACF;YACL,MAAM,QAAQ,GAAG,MAAK;AACpB,gBAAA,CAAC,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC;AAC7C,gBAAA,KAAK,EAAE;AACT,aAAC;AACD,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YAC1D,CAAC,CAAC,IAAI,EAAE;;AAEZ,KAAC;IAEO,0BAA0B,GAAA;AACnC,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAC;YAChB;;AAEE,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO;AACtB,QAAA,IAAI,CAAC,CAAC;YAAE;AACR,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;;AAEtB,YAAA,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;AACtB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;aACd;;AAEL,YAAA,CAAC,CAAC,OAAO,GAAG,MAAM;AAClB,YAAA,CAAC,CAAC,IAAI,GAAG,IAAI;AACb,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;gBAC9B,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,MAAK,GAAG,CAAC;AACxB,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;iBAChB;gBACJ,CAAC,CAAC,KAAK,EAAE;AACT,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;IAMzB,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACrC,QAAA,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,aAAa,KAC/C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,EACxB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,QACL,WAAW,EAAA,IAAA,EACX,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,EAC7C,IAAI,EAAE,CAAC,IAAI,CAAC,aAAa,EACzB,OAAO,EAAC,MAAM,EAAA,aAAA,EACF,MAAM,EAClB,QAAQ,EAAC,IAAI,EACb,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAsB,CAAC,EAAA,CACpD,CACH;AACD,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,aAAa,KAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAC,kBAAkB,EACrB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,WAAW,EAAE,CAAC,EACd,KAAK,EAAC,UAAU,EAChB,eAAe,EAAA,IAAA,EACf,KAAK,EAAC,wBAAwB,EAClB,aAAA,EAAA,MAAM,EAClB,QAAQ,EAAC,IAAI,EACb,CAAA,CACE,CACP;QACD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACf,SAAS,EACT,UAAU,CACP,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,KACtC,4DAAK,KAAK,EAAE,CAAe,YAAA,EAAA,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7C,IAAI,CAAC,MAAM,KACV,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,QAAQ,EACN,IAAI,CAAC,cAAc,KAAK;AACtB,kBAAE;kBACA,cAAc,EAEpB,MAAM,EAAC,yGAAyG,EAAA,EAEhH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACpD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAC5B,YAAA,EAAA,mBAAmB,EACtB,CAAA,CACN,CACM,CACf,EACA,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,gBAAgB,KACtC,CACE,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,QAAQ,EACN,IAAI,CAAC,cAAc,KAAK;AACtB,kBAAE;kBACA,cAAc,EAEpB,MAAM,EAAC,yGAAyG,EAAA,EAEhH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACpD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAA,YAAA,EAC5B,oBAAoB,EACvB,CAAA,CACN,CACM,CACf,CACG,CACP,EACA,IAAI,CAAC,OAAO,GAAG,WAAK,KAAK,EAAE,CAAiB,cAAA,EAAA,IAAI,CAAC,WAAW,CAAE,CAAA,GAAQ,GAAG,EAAE,EAC3E,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,EAAE,CACxC;;AAIX,IAAA,eAAe,CAAC,CAAa,EAAA;QAC3B,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAE1B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO;AACtB,QAAA,IAAI,CAAC,CAAC;YAAE;AACR,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,CAAC,CAAC,KAAK,EAAE;;aACJ;AACL,YAAA,CAAC,CAAC,IAAI,GAAG,IAAI;YACb,IAAI,CAAC,IAAI,CAAC,aAAa;AAAE,gBAAA,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;AACvD,YAAA,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;AAI3C,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE;;AAGvB,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa;gBAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;YAClE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}
1	+ {"file":"p-Bvmq-JtJ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-background-video/ptc-background-video.scss?tag=ptc-background-video&encapsulation=shadow","src/components/molecules/ptc-background-video/ptc-background-video.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\tvideo {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\topacity: 0.8;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\t270deg,\r\n\t\t\trgba(30, 38, 38, 0) 26%,\r\n\t\t\t#1e2626\r\n\t\t);\r\n\r\n\t\t&.dark {\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.legacy) {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\tz-index: -100;\r\n\r\n\tvideo {\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.iframe-wrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tpointer-events: none;\r\n\t\tz-index: -100;\r\n\r\n\t\t.background-video-embed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.player .vp-video-wrapper .vp-telecine-cover video {\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.play-button {\r\n\t\tposition: absolute;\r\n\t\ttop: 1.5rem;\r\n\t\tright: 1.5rem;\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tz-index: 99;\r\n\r\n\t\t&.top-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: 2rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.top-left {\r\n\t\t\tright: unset;\r\n\t\t\ttop: 1.5rem;\r\n\t\t\tleft: 1.5rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-left {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tleft: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.bottom-right {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\ttop: unset;\r\n\t\t\t\tbottom: 3.75rem;\r\n\t\t\t\tright: 2rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.allbp-bottom-right {\r\n\t\t\ttop: unset;\r\n\t\t\tbottom: 4.75rem;\r\n\t\t\tright: 2rem;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 5px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -5px;\r\n\t\t\tleft: -5px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\ttop: auto;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t\t&.bg-svg-play,\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: 18px 18px;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tbox-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder: 2px solid var(--color-gray-10);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bg-svg-play {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 18\" id=\"play\"><path d=\"M11.9625 9L0.0374756 0V18L11.9625 9Z\"></path></svg>');\r\n\t\t\t}\r\n\t\t\t&.bg-svg-pause {\r\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14 18\" id=\"pause\"><path id=\"rect28\" d=\"M 0,0 H 4 V 18 H 0 Z\"></path><path id=\"rect30\" d=\"m 10,0 h 4 v 18 h -4 z\"></path></svg>');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\t.media {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.background-video,\r\n\t.bg-fallback {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.bg-fallback {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n Host,\r\n h,\r\n Prop,\r\n Element,\r\n State,\r\n Method,\r\n} from \"@stencil/core\";\r\nimport { nextUserInteractionEvent } from \"../../../utils/utils\";\r\nimport { isReducedMotion, onReducedMotionChange } from \"../../../utils/utils\";\r\n@Component({\r\n tag: \"ptc-background-video\",\r\n styleUrl: \"ptc-background-video.scss\",\r\n shadow: true,\r\n})\r\nexport class PtcBackgroundVideo {\r\n @Element() el: HTMLElement;\r\n /* Video or embed URL /\r\n @Prop() videoSrc: string;\r\n /* Poster URL/\r\n @Prop() posterSrc?: string;\r\n /* Overlay (Optional, default true) /\r\n @Prop() overlay?: boolean = true;\r\n /* Overlay type /\r\n @Prop() overlayType: \"standard\" \| \"dark\" = \"standard\";\r\n /* Play Button Title /\r\n @Prop() playButtonTitle?: string;\r\n /* Pause Button Title /\r\n @Prop() pauseButtonTitle?: string;\r\n /* Play/Pause Button Location /\r\n @Prop() buttonLocation?:\r\n \| \"top-left\"\r\n \| \"top-right\"\r\n \| \"bottom-left\"\r\n \| \"bottom-right\"\r\n \| \"allbp-bottom-right\" = \"bottom-right\";\r\n /* Play/Pause tab index /\r\n @Prop() buttonTabIndex: number = 0;\r\n /* Analytics tracker id /\r\n @Prop() trackerId?: string;\r\n /* Defer mounting until first user interaction /\r\n @Prop() defer: boolean;\r\n /\r\n\t Video implementation type:\r\n\t* default: Content need to add in tag\r\n\t* Ex: <ptc-background-video>Content </ptc-background-video>\r\n\t* legacy: Add the blank tag in any other setcon having relative parent.\r\n\t* Ex: <div class=\"section\" style=\"position: relative;\">\r\n\t* <ptc-background-video></ptc-background-video>\r\n\t* Content\r\n\t* </div>\r\n\t/\r\n @Prop() type: \"default\" \| \"legacy\" = \"default\";\r\n /* Use iframe instead of <video> /\r\n @Prop() isIframe: boolean = false;\r\n // ------------ State ------------\r\n @State() paused: boolean;\r\n /* Whether media is mounted/\r\n @State() loadedTrue = false;\r\n /* reduced motion flag (true = animations OFF) /\r\n @State() reducedMotion = false;\r\n // ------------ Refs / cleanup ------------\r\n private offMotionListener?: () => void;\r\n private videoEl?: HTMLVideoElement;\r\n\r\n componentWillLoad() {\r\n this.paused = false;\r\n this.reducedMotion = isReducedMotion();\r\n }\r\n componentDidLoad() {\r\n const afterMount = () => {\r\n this.loadedTrue = true;\r\n this.syncPlaybackWithPreference();\r\n };\r\n if (this.defer) {\r\n nextUserInteractionEvent(this).then(afterMount);\r\n } else {\r\n afterMount();\r\n }\r\n this.offMotionListener = onReducedMotionChange((reduced) => {\r\n this.reducedMotion = reduced;\r\n // Wait a tick for render to reflect state, then sync playback.\r\n setTimeout(() => this.syncPlaybackWithPreference(), 0);\r\n });\r\n }\r\n disconnectedCallback() {\r\n this.offMotionListener?.();\r\n }\r\n /* Ensure the first frame is painted and paused. /\r\n private showFirstFrame = (v: HTMLVideoElement) => {\r\n v.preload = \"auto\";\r\n v.removeAttribute(\"autoplay\");\r\n v.loop = false;\r\n const paint = () => {\r\n try {\r\n //v.currentTime = 0;\r\n // If a browser still paints black, try this tiny nudge:\r\n v.currentTime = 0.1;\r\n } catch {}\r\n v.pause();\r\n };\r\n if (v.readyState >= 2 / HAVE_CURRENT_DATA, have enough data */) {\r\n paint();\r\n } else {\r\n const onLoaded = () => {\r\n v.removeEventListener(\"loadeddata\", onLoaded);\r\n paint();\r\n };\r\n v.addEventListener(\"loadeddata\", onLoaded, { once: true });\r\n v.load();\r\n }\r\n };\r\n\r\n private syncPlaybackWithPreference() {\r\n\tif(this.isIframe){\r\n\t\treturn;\r\n\t}\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.reducedMotion) {\r\n // Animations OFF, freeze first frame\r\n this.showFirstFrame(v);\r\n this.paused = true; //sync icon state\r\n } else {\r\n // Animations ON, autoplay unless user paused\r\n v.preload = \"auto\";\r\n v.loop = true;\r\n if (!this.paused) {\r\n v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch(() => {});\r\n this.paused = false; //sync icon state\r\n } else{\r\n v.pause();\r\n this.paused = true; //sync icon state\r\n }\r\n }\r\n }\r\n\r\n // ------------ Render ------------\r\n render() {\r\n const canMountMedia = this.loadedTrue;\r\n const videoNode = !this.isIframe && canMountMedia && (\r\n <video\r\n class=\"background-video\"\r\n src={this.videoSrc}\r\n muted\r\n playsinline\r\n autoplay={!this.reducedMotion && !this.paused}\r\n loop={!this.reducedMotion}\r\n preload=\"auto\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n ref={(el) => (this.videoEl = el as HTMLVideoElement)}\r\n />\r\n );\r\n const iframeNode = this.isIframe && canMountMedia && (\r\n <div class=\"iframe-wrapper\">\r\n <iframe\r\n id=\"jumbotron-iframe\"\r\n src={this.videoSrc}\r\n frameborder={0}\r\n allow=\"autoplay\"\r\n allowFullScreen\r\n class=\"background-video-embed\"\r\n aria-hidden=\"true\"\r\n tabindex=\"-1\"\r\n />\r\n </div>\r\n );\r\n return (\r\n <Host class={this.type}>\r\n <div class=\"media\">\r\n {videoNode}\r\n {iframeNode}\r\n </div>\r\n {!!this.videoSrc && this.playButtonTitle && (\r\n <div class={`play-button ${this.buttonLocation}`}>\r\n {this.paused && (\r\n <ptc-tooltip\r\n class=\"play-btn\"\r\n mode=\"wrapper\"\r\n description={this.playButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-play\"\r\n type=\"button\"\r\n tabindex={this.buttonTabIndex}\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Play button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n {!this.paused && !!this.pauseButtonTitle && (\r\n <ptc-tooltip\r\n class=\"pause-btn\"\r\n mode=\"wrapper\"\r\n description={this.pauseButtonTitle}\r\n position={\r\n this.buttonLocation === \"allbp-bottom-right\"\r\n ? \"side-left\"\r\n : \"bottom-right\"\r\n }\r\n styles=\".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}\"\r\n >\r\n <div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n <button\r\n class=\"bg-svg-pause\"\r\n tabindex={this.buttonTabIndex}\r\n type=\"button\"\r\n onClick={(e) => this.toggleVideoPlay(e)}\r\n aria-label=\"Video Pause button\"\r\n ></button>\r\n </div>\r\n </ptc-tooltip>\r\n )}\r\n </div>\r\n )}\r\n {this.overlay ? <div class={`video-overlay ${this.overlayType}`}></div> : \"\"}\r\n {this.type === \"default\" ? <slot></slot> : \"\"}\r\n </Host>\r\n );\r\n }\r\n\r\n toggleVideoPlay(e: MouseEvent) {\r\n e.preventDefault();\r\n this.paused = !this.paused;\r\n\r\n const v = this.videoEl;\r\n if (!v) return;\r\n if (this.paused) {\r\n v.pause();\r\n } else {\r\n v.loop = true;\r\n if (!this.reducedMotion) v.setAttribute(\"autoplay\", \"\");\r\n v.play().catch((z) => console.error(z));\r\n }\r\n }\r\n @Method()\r\n async pauseVideo() {\r\n this.paused = true;\r\n this.videoEl?.pause();\r\n }\r\n @Method()\r\n async playVideo() {\r\n this.paused = false;\r\n if (this.videoEl) {\r\n this.videoEl.loop = true;\r\n if (!this.reducedMotion) this.videoEl.setAttribute(\"autoplay\", \"\");\r\n this.videoEl.play().catch((z) => console.error(z));\r\n }\r\n }\r\n}"],"version":3}

package/dist/components/{p-Bs970RWJ.js → p-C0gVGnW4.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { s as seoSlotReset } from './p-D8mHT2Sh.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { s as seoSlotReset } from './p-DgwzgPHL.js';
 const ptcParaCss = ":host{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
@@ -223,6 +223,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPara as P, defineCustomElement as d };
-//# sourceMappingURL=p-Bs970RWJ.js.map
+//# sourceMappingURL=p-C0gVGnW4.js.map
-//# sourceMappingURL=p-Bs970RWJ.js.map
+//# sourceMappingURL=p-C0gVGnW4.js.map