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

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

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

Files changed (1016) hide show

package/dist/components/{p-CKJX0nWw.js.map → p-B2seNel8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CKJX0nWw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card/ptc-card.scss?tag=ptc-card&encapsulation=shadow","src/components/molecules/ptc-card/ptc-card.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n::slotted([slot=\"seo-content\"]) {\r\n\tdisplay: none;\r\n}\r\n\r\n//style for lottie card\r\n:host(.lottie-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: 1px 1px 14px 0 hsla(0, 0%, 39.6%, 0.35);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\theight: 40%;\r\n\t\t\twidth: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 30%;\r\n\t\t\tright: -2px;\r\n\t\t\tbackground-color: var(--color-green-06);\r\n\t\t\tz-index: 2;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\ttransition: box-shadow var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\ttransition: border-bottom var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\t//box-shadow: 1px 1px 35px 0 hsla(0, 0%, 39.6%, 0.65);\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tborder-bottom: 2px solid var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: nowrap row;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--color-gray-10);\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tflex-basis: 40%;\r\n\t\tborder-right: 1px solid var(--color-gray-03);\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.card-body {\r\n\t\tflex-basis: 60%;\r\n\t\talign-self: center;\r\n\t\tpadding: 0 30px 10px;\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for simple card\r\n:host(.simple-card) {\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tcolor: var(--color-green-06);\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\th3 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t\tbottom: 1px;\r\n\t\t\t\ttransition: width var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t\ttransition: margin-left var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n}\r\n\r\n//style for clip-edge-card\r\n:host(.clip-edge-card) {\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);\r\n\t\twidth: 100%;\r\n\t\ttransition: filter var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px);\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 124px; //update it later\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\t.card-body {\r\n\t\ttransform: translateY(calc((-1) var(--ptc-element-spacing-04)));\r\n\t\toverflow: hidden;\r\n\t\twidth: calc(\r\n\t\t\t95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04)\r\n\t\t);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tclip-path: var(--ptc-clip-path-bottom-right);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-04)\r\n\t\t\tvar(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin: 0px;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition:\r\n\t\t\t\tborder-bottom var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\t\tmargin var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tmargin: var(--ptc-element-spacing-03) 0\r\n\t\t\t\tvar(--ptc-element-spacing-03) 0;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransform-origin: top center;\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tposition: absolute;\r\n\t\ttop: var(--ptc-element-spacing-03);\r\n\t\tleft: var(--ptc-element-spacing-04);\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t\theight: 44px; // undefined height\r\n\t\ttransform-origin: bottom center;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\tdisplay: block;\r\n\t\topacity: 0;\r\n\t\theight: 24px;\r\n\t\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t.link-wrapper:hover {\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\theight: 60px;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-image\"]) {\r\n\t\t\ttransform: scale(1.1);\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: scale(0);\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for hightlight card\r\n:host(.hightlight-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: var(--ptc-shadow-small);\r\n\t\twidth: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.card-media {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.card-media {\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\t\theight: 96px;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-06);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmin-height: 450px;\r\n\t\tposition: relative;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n\t.card-body {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\ttop: auto;\r\n\t\tleft: 0;\r\n\t\tright: auto;\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large); //undefined font size\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: var(--ptc-element-spacing-04) 0;\r\n\t\t}\r\n\t\th2 {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t@media (max-width: 768px) {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n}\r\n//style for horizontal-card\r\n:host(.horizontal-card) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-02);\r\n\t.card-layout {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 42% 58%;\r\n\t\t\tdirection: ltr;\r\n\t\t\tgrid-auto-rows: 1fr;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: var(--ptc-transition-slow) linear;\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\tbackground-color: var(--color-white);\r\n\r\n\t\t\th3 {\r\n\t\t\t\tborder-color: var(--color-green-06);\r\n\t\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\t@include screen-sm {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tpadding-top: 24px;\r\n\t\t\tpadding-bottom: 24px;\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\tpadding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tpadding-bottom: var(--ptc-element-spacing-01);\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\t.creo-card {\r\n\t\t.card-media {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto !important;\r\n\t\t\tpadding-top: 66.66%;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 20px 0px 20px;\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 16px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card-horizontal) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t@media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t\tmargin-left: 16px;\r\n\t\t}\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: none;\r\n\t\tmax-width: 260px;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: block;\r\n\t\t\tmin-width: 260px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\t\t// width: 411px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 24px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tpadding: 8px 16px 0px 16px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tmin-width: 505px;\r\n\t\t}\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\r\n\t\t\t\t@include screen-lg {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tmargin-bottom: 24px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xxl {\r\n\t\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for resource center card (start of block)\r\n:host(.resource-center-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 250px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 250px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 285px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 221px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 189px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 285px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 221px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 189px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 14px 24px 0px 24px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 20px 0px 21px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for case studies card (start of block)\r\n:host(.case-studies-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t// overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\theight: 100%;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 200px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.smart-img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 200px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 224px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 224px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t.card-logo-container {\r\n\t\t\tpadding: 8px 20px;\r\n\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t}\r\n\r\n\t\t.card-logo-none {\r\n\t\t\tpadding-top: 16px;\r\n\t\t}\r\n\r\n\t\t.card-logo {\r\n\t\t\tmax-width: 280px;\r\n\t\t\twidth: auto;\r\n\t\t\theight: 40px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder: 1px solid var(--color-gray-02);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin: 8px 20px 12px 20px;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 24px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin: 0px 20px 16px 20px;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n// -------------style for related card ----------------\r\n:host(.related-card) {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\t//max-width: 70%;\r\n\t\t\t//max-height: 20px;\r\n\t\t\tmax-height: fit-content;\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: fit-content;\r\n\t\t\tclip-path: inset(-6px -6px -6px 0px);\r\n\t\t\tword-break: break-word;\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\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@include screen-xs {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\theight: 142px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: 237px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-xl {\r\n\t\t\t\theight: 248px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-xs {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\theight: 142px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\theight: 237px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\theight: 248px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n}\r\n\r\n//style for featured-horizontal-card (start of block)\r\n:host(.featured-horizontal-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t// width: 312px;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t// margin-left: 16px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 100%;\r\n\t\t// }\r\n\r\n\t\t// &:hover {\r\n\t\t// background: var(--color-gray-02);\r\n\t\t// box-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t// .card-media {\r\n\t\t// background: var(--color-white);\r\n\r\n\t\t// .smart-img {\r\n\t\t// background: var(--color-white);\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\tdisplay: block;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: block;\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 440px;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: auto;\r\n\t\t\tmax-height: initial;\r\n\t\t\tmin-height: 547px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t// padding: 24px 24px 44px 24px;\r\n\t\t// // width: 411px;\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// padding: 24px 48px 44px 48px;\r\n\t\t// }\r\n\r\n\t\tpadding: 20px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 32px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t\tmargin-bottom: 0rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\t// margin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\r\n\t\t@media (max-width: 992px) {\r\n\t\t\tfont-size: var(--ptc-font-size-small) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\t// width: 312px;\r\n\t\t// height: 296px;\r\n\t\t// display: block;\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// height: 300px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// height: 441px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 524px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 650px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 685px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 547px;\r\n\t\t\tmax-height: 547px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n// -------------style for related card ends----------------\r\n\r\n.ptc-h3 {\r\n\t&.uppercase {\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\t&.capitalize {\r\n\t\ttext-transform: capitalize;\r\n\t}\r\n\t&.lowercase {\r\n\t\ttext-transform: lowercase;\r\n\t}\r\n\t&.none {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\n:host(.events-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t.card-body {\r\n\t\t\tpadding: 16px 20px 20px;\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-date,\r\n\t\t\t.events-type-class,\r\n\t\t\t.language {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.calendar-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-item-text {\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: 21px;\r\n\t\t\t}\r\n\r\n\t\t\t.in-person-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.language-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tmargin-top: 16px;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tHost,\r\n\th,\r\n\tFragment,\r\n\tElement,\r\n\tMethod,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card\",\r\n\tstyleUrl: \"ptc-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCard {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Card Type\r\n\t * Specify Card Type, default to simple card\r\n\t /\r\n\t@Prop() cardType:\r\n\t\t\| \"simple-card\"\r\n\t\t\| \"lottie-card\"\r\n\t\t\| \"custom-card\"\r\n\t\t\| \"clip-edge-card\"\r\n\t\t\| \"hightlight-card\"\r\n\t\t\| \"listing-card\"\r\n\t\t\| \"horizontal-card\"\r\n\t\t\| \"listing-card-horizontal\"\r\n\t\t\| \"resource-center-card\"\r\n\t\t\| \"case-studies-card\"\r\n\t\t\| \"featured-horizontal-card\"\r\n\t\t\| \"related-card\"\r\n\t\t\| \"events-card\" = \"custom-card\";\r\n\t/\r\n\t Card Link URL (Optional)\r\n\t /\r\n\t@Prop() cardHref?: string = undefined;\r\n\r\n\t/\r\n\t (optional) Link card target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t (optional) Link card rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t If this card has Image\r\n\t /\r\n\t@Prop() hasImage: boolean = false;\r\n\t/\r\n\t If this card has Video\r\n\t /\r\n\t@Prop() hasVideo: boolean = false;\r\n\t/\r\n\t If this card has Lottie Image\r\n\t /\r\n\t@Prop() hasLottie: boolean = false;\r\n\t/\r\n\t Card heading\r\n\t /\r\n\t@Prop() heading?: string;\r\n\t/\r\n\t Card heading text transform\r\n\t /\r\n\t@Prop() headingTransform:\r\n\t\t\| \"uppercase\"\r\n\t\t\| \"lowercase\"\r\n\t\t\| \"capitalize\"\r\n\t\t\| \"none\" = \"none\";\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() cardDate?: string;\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() country?: string;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * Ribbon will show on listing card if this field has any value\r\n\t /\r\n\t@Prop() ribbonText?: string;\r\n\t/\r\n\t Event Type\r\n\t /\r\n\t@Prop() eventType?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() cardLogo?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() titleLineCutOff?: number;\r\n\r\n\t/\r\n\t Card heading text limit by char\r\n\t /\r\n\t@Prop() maxChars?: number;\r\n\r\n\t/\r\n\t Card heading text limit by lines\r\n\t /\r\n\t@Prop() maxLines?: number;\r\n\r\n\t/\r\n\t Card overflow\r\n\t */\r\n\t@Prop() cardOverflow?:\r\n\t\t\| \"auto\"\r\n\t\t\| \"hidden\"\r\n\t\t\| \"visible\"\r\n\t\t\| \"inherit\"\r\n\t\t\| \"initial\";\r\n\r\n\t@Prop() isCreoCard?: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@Prop({ mutable: true, reflect: true }) isTabHidden: boolean = false;\r\n\r\n\t@Prop() language: string = \"\";\r\n\r\n\t@Prop() cardTitle: string = \"\";\r\n\r\n\tprivate observer: MutationObserver;\r\n\r\n\t@Watch(\"isTabHidden\")\r\n\thandleTabHiddenChange(newValue: boolean) {\r\n\t\tconst tabElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".tab-tracker-news[tabindex]\",\r\n\t\t);\r\n\t\tif (tabElement) {\r\n\t\t\ttabElement.setAttribute(\"tabindex\", newValue ? \"-1\" : \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hasAncestorWithClass(className: string): Promise<boolean> {\r\n\t\tlet parent = this.el.parentElement;\r\n\t\t// Traverse up through the ancestors\r\n\t\twhile (parent) {\r\n\t\t\tif (parent.classList.contains(className)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tparent = parent.parentElement;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\t//this.checkAndSetTabState();\r\n\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\r\n\t\t// Set up a MutationObserver to detect changes to the `class` attribute\r\n\t\tthis.observer = new MutationObserver(() => {\r\n\t\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\t\t});\r\n\t\tthis.observer.observe(this.el, {\r\n\t\t\tattributes: true,\r\n\t\t\tattributeFilter: [\"class\"],\r\n\t\t});\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Disconnect the observer when the component is removed\r\n\t\tif (this.observer) {\r\n\t\t\tthis.observer.disconnect();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag =\r\n\t\t\t!!this.cardHref && this.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: \"div\";\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\t\tlet cutOffTitleClass = \"\";\r\n\t\tconst BodyContainerTag =\r\n\t\t\t!!this.cardHref &&\r\n\t\t\t!!this.cardType &&\r\n\t\t\tthis.cardType === \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: Fragment;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tcutOffTitleClass = \" clamp-title\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t[this.cardType]: !!this.cardType,\r\n\t\t\t\t\t\"creo-card-wrap\": this.isCreoCard, // Add the cardType class conditionally\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"seo-content\"></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={\r\n\t\t\t\t\t\tthis.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t\tclass=\"card-border mf-listen\"\r\n\t\t\t\t\tpart=\"border-wrapper\"\r\n\t\t\t\t\tstyle={{ overflow: this.cardOverflow }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tpart=\"card-layout\"\r\n\t\t\t\t\t\t{...(!!this.cardHref ? { href: this.cardHref } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.ribbonText ? { rel: this.ribbonText } : {})}\r\n\t\t\t\t\t\t{...(Tag === \"a\" && !this.isTabHidden\r\n\t\t\t\t\t\t\t? { tabindex: 0 }\r\n\t\t\t\t\t\t\t: { tabindex: -1 })}\r\n\t\t\t\t\t\t{...(!!this.cardTitle ? { title: this.cardTitle } : {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.hasImage \|\| this.hasLottie \|\| this.hasVideo ? (\r\n\t\t\t\t\t\t\t<div class=\"card-media\" part=\"media-wrapper\">\r\n\t\t\t\t\t\t\t\t{this.getMediaSlot ? (\r\n\t\t\t\t\t\t\t\t\t<slot name={this.getMediaSlot()}></slot>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t{(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"resource-center-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"related-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"listing-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"events-card\") ? (\r\n\t\t\t\t\t\t\t<div class=\"ribbon-text\">{`${this.ribbonText}`}</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid={\r\n\t\t\t\t\t\t\t\tthis.cardType === \"featured-horizontal-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType === \"related-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\"\r\n\t\t\t\t\t\t\t\t\t? this.trackerId\r\n\t\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\tclass=\"card-body mf-listen\"\r\n\t\t\t\t\t\t\tpart=\"body-wrapper\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<BodyContainerTag\r\n\t\t\t\t\t\t\t\tclass=\"link-wrapper mf-listen\"\r\n\t\t\t\t\t\t\t\t{...(!!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { href: this.cardHref }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.cardTitle\r\n\t\t\t\t\t\t\t\t\t? { title: this.cardTitle }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(BodyContainerTag === \"a\"\r\n\t\t\t\t\t\t\t\t\t? { tabIndex: 0 }\r\n\t\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{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\t(this.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\tthis.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\"listing-card-horizontal\") ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-date-text\">\r\n\t\t\t\t\t\t\t\t\t\t{!!this.eventType ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t   \|   \r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.eventType}`}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">{`${this.cardDate}`}</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.cardType === \"case-studies-card\"\r\n\t\t\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\t\t\t...(!!this.cardLogo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobject-fit=\"contain\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={this.cardLogo}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"40\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-none\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t)),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-heading\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.heading\r\n\t\t\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"featured-horizontal-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-size=\"xx-large\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-weight=\"w-8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tis-plm-hub=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>{this.heading}</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-heading\"></slot>,\r\n\t\t\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-date\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"calendar-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"15\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 15 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_3\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_5\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_7\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_9\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_10\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_11\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"events-item-text event-cards-date\">\r\n\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.eventType &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-type-class\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"in-person-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"13\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 13\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"event-name events-item-text\">{`${this.eventType}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.language &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"language\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"language-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"language-name events-item-text\">{`${this.language}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-description\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card-horizontal\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"hightlight-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}\"\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType === \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: \"20px\" }}\r\n\t\t\t\t\t\t\t\t\t\tformat-options='{\"year\":\"numeric\",\"month\":\"long\",\"day\":\"numeric\"}'\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}\"\r\n\t\t\t\t\t\t\t\t\t\tcountry={this.country}\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</BodyContainerTag>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"card-layout\"]: true,\r\n\t\t\t[\"link-wrapper\"]: !!this.cardType ? true : false,\r\n\t\t\t[\"creo-card\"]: this.isCreoCard ? true : false,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"tab-tracker-news\"]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getMediaSlot() {\r\n\t\tif (this.hasLottie) {\r\n\t\t\treturn \"slot-lottie\";\r\n\t\t} else if (this.hasVideo) {\r\n\t\t\treturn \"slot-video\";\r\n\t\t} else if (this.hasImage) {\r\n\t\t\treturn \"slot-image\";\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tlet result: StylesMap;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tresult = {\r\n\t\t\t\t[\"-webkit-line-clamp\"]: `${this.titleLineCutOff}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-B2seNel8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-card/ptc-card.scss?tag=ptc-card&encapsulation=shadow","src/components/molecules/ptc-card/ptc-card.tsx"],"sourcesContent":["@use 'mixins' as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n::slotted([slot=\"seo-content\"]) {\r\n\tdisplay: none;\r\n}\r\n\r\n//style for lottie card\r\n:host(.lottie-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: 1px 1px 14px 0 hsla(0, 0%, 39.6%, 0.35);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder: 1px solid var(--color-gray-03);\r\n\t\tborder-radius: var(--ptc-border-radius-large);\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\theight: 40%;\r\n\t\t\twidth: 4px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 30%;\r\n\t\t\tright: -2px;\r\n\t\t\tbackground-color: var(--color-green-06);\r\n\t\t\tz-index: 2;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\ttransition: box-shadow var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\ttransition: border-bottom var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\t//box-shadow: 1px 1px 35px 0 hsla(0, 0%, 39.6%, 0.65);\r\n\t\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tborder-bottom: 2px solid var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-flow: nowrap row;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: var(--color-gray-10);\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tflex-basis: 40%;\r\n\t\tborder-right: 1px solid var(--color-gray-03);\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.card-body {\r\n\t\tflex-basis: 60%;\r\n\t\talign-self: center;\r\n\t\tpadding: 0 30px 10px;\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for simple card\r\n:host(.simple-card) {\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t.card-body {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tcolor: var(--color-green-06);\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\t\tmargin-left: var(--ptc-element-spacing-04);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\th3 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t&::before {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t\tbottom: 1px;\r\n\t\t\t\ttransition: width var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t\ttransition: margin-left var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-ease-inout);\r\n\t}\r\n}\r\n\r\n//style for clip-edge-card\r\n:host(.clip-edge-card) {\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);\r\n\t\twidth: 100%;\r\n\t\ttransition: filter var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tfilter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px);\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 124px; //update it later\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\t.card-body {\r\n\t\ttransform: translateY(calc((-1) var(--ptc-element-spacing-04)));\r\n\t\toverflow: hidden;\r\n\t\twidth: calc(\r\n\t\t\t95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04)\r\n\t\t);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-dense);\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tclip-path: var(--ptc-clip-path-bottom-right);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-04)\r\n\t\t\tvar(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\r\n\t\th3 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin: 0px;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition:\r\n\t\t\t\tborder-bottom var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\t\tmargin var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t\tmargin: var(--ptc-element-spacing-03) 0\r\n\t\t\t\tvar(--ptc-element-spacing-03) 0;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransform-origin: top center;\r\n\t}\r\n\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\tposition: absolute;\r\n\t\ttop: var(--ptc-element-spacing-03);\r\n\t\tleft: var(--ptc-element-spacing-04);\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t\theight: 44px; // undefined height\r\n\t\ttransform-origin: bottom center;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\tdisplay: block;\r\n\t\topacity: 0;\r\n\t\theight: 24px;\r\n\t\ttransition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t}\r\n\t.link-wrapper:hover {\r\n\t\t.card-body {\r\n\t\t\th3 {\r\n\t\t\t\tborder-bottom: 2px solid var(--color-green-06);\r\n\t\t\t}\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\theight: 60px;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-image\"]) {\r\n\t\t\ttransform: scale(1.1);\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-after-heading\"]) {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: scale(0);\r\n\t\t\theight: 0;\r\n\t\t}\r\n\t\t::slotted([slot=\"slot-before-heading\"]) {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//style for hightlight card\r\n:host(.hightlight-card) {\r\n\t.card-border {\r\n\t\t//box-shadow: var(--ptc-shadow-small);\r\n\t\twidth: 100%;\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.card-media {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.card-media {\r\n\t\t\t\ttransform: scale(1.1);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t::slotted([slot=\"slot-description\"]) {\r\n\t\t\t\theight: 96px;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@include screen-sm {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-md {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-06);\r\n\t\t\t\t}\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\theight: var(--ptc-layout-spacing-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmin-height: 450px;\r\n\t\tposition: relative;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n\t.card-body {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\ttop: auto;\r\n\t\tleft: 0;\r\n\t\tright: auto;\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large); //undefined font size\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tmargin: var(--ptc-element-spacing-04) 0;\r\n\t\t}\r\n\t\th2 {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t@media (max-width: 768px) {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\theight: 0;\r\n\t\topacity: 0;\r\n\t\ttransition:\r\n\t\t\theight var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\topacity var(--ptc-transition-fast) var(--ptc-ease-inout);\r\n\t\ttransition-delay: var(--ptc-delay-5);\r\n\t}\r\n}\r\n//style for horizontal-card\r\n:host(.horizontal-card) {\r\n\tmargin-bottom: var(--ptc-layout-spacing-02);\r\n\t.card-layout {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 42% 58%;\r\n\t\t\tdirection: ltr;\r\n\t\t\tgrid-auto-rows: 1fr;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: var(--ptc-transition-slow) linear;\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\tbackground-color: var(--color-white);\r\n\r\n\t\t\th3 {\r\n\t\t\t\tborder-color: var(--color-green-06);\r\n\t\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\ttransition: none;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\t@include screen-sm {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tpadding-top: 24px;\r\n\t\t\tpadding-bottom: 24px;\r\n\t\t}\r\n\t}\r\n\t.card-body {\r\n\t\tpadding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\t\t\tpadding-bottom: var(--ptc-element-spacing-01);\r\n\t\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\t\ttransition: var(--ptc-transition-slow) linear;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\tbox-shadow: var(--ptc-shadow-medium);\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\t.creo-card {\r\n\t\t.card-media {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto !important;\r\n\t\t\tpadding-top: 66.66%;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 20px 0px 20px;\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 16px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for listing card (start of block)\r\n:host(.listing-card-horizontal) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t@media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t\tmargin-left: 16px;\r\n\t\t}\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: none;\r\n\t\tmax-width: 260px;\r\n\t\t@include screen-sm {\r\n\t\t\tdisplay: block;\r\n\t\t\tmin-width: 260px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\t\t// width: 411px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 24px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tpadding: 8px 16px 0px 16px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 32px 0px 32px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tmin-width: 505px;\r\n\t\t}\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tmargin-block-start: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\r\n\t\t\t\t@include screen-lg {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xl {\r\n\t\t\t\t\tmargin-bottom: 24px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include screen-xxl {\r\n\t\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for resource center card (start of block)\r\n:host(.resource-center-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: 24px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: 4px 24px;\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\tmax-width: 70%;\r\n\t\t\tmax-height: 30px;\r\n\t\t\tline-height: 30px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 250px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 250px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 285px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 221px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 189px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 285px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 221px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 189px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tpadding: 16px 24px 0px 24px;\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\tpadding: 14px 24px 0px 24px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\tpadding: 14px 20px 0px 21px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 1rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 39px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n//style for case studies card (start of block)\r\n:host(.case-studies-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t// overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\theight: 100%;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 200px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\toverflow: hidden;\r\n\r\n\t\t.smart-img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 200px;\r\n\r\n\t\t\t@media (min-width: 480px) {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 224px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 173px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1440px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 224px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 173px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1440px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t.card-logo-container {\r\n\t\t\tpadding: 8px 20px;\r\n\t\t\tborder-bottom: 1px solid var(--color-gray-02);\r\n\t\t}\r\n\r\n\t\t.card-logo-none {\r\n\t\t\tpadding-top: 16px;\r\n\t\t}\r\n\r\n\t\t.card-logo {\r\n\t\t\tmax-width: 280px;\r\n\t\t\twidth: auto;\r\n\t\t\theight: 40px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder: 1px solid var(--color-gray-02);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin: 8px 20px 12px 20px;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-date\"]) {\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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin-bottom: 24px;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\tmargin: 0px 20px 16px 20px;\r\n\t}\r\n}\r\n// (end of block)\r\n\r\n// -------------style for related card ----------------\r\n:host(.related-card) {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\tborder-top-left-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\tborder-top-right-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t.ribbon-text {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tpadding: var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tborder-radius: 0px 4px 4px 0px;\r\n\t\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\t\t//max-width: 70%;\r\n\t\t\t//max-height: 20px;\r\n\t\t\tmax-height: fit-content;\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: fit-content;\r\n\t\t\tclip-path: inset(-6px -6px -6px 0px);\r\n\t\t\tword-break: break-word;\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\t\t\thyphens: manual;\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@include screen-xs {\r\n\t\t\t\theight: 286px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-sm {\r\n\t\t\t\theight: 142px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-md {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-lg {\r\n\t\t\t\theight: 237px;\r\n\t\t\t}\r\n\r\n\t\t\t@include screen-xl {\r\n\t\t\t\theight: 248px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include screen-xs {\r\n\t\t\theight: 286px;\r\n\t\t}\r\n\r\n\t\t@include screen-sm {\r\n\t\t\theight: 142px;\r\n\t\t}\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@include screen-lg {\r\n\t\t\theight: 237px;\r\n\t\t}\r\n\r\n\t\t@include screen-xl {\r\n\t\t\theight: 248px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding: var(--ptc-layout-spacing-03);\r\n\r\n\t\t.card-date-text {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-top: 0rem;\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t-webkit-hyphens: auto;\r\n\t\t\t\t-moz-hyphens: auto;\r\n\t\t\t\t-ms-hyphens: auto;\r\n\t\t\t\thyphens: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.small {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 14px;\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-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-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t}\r\n}\r\n\r\n//style for featured-horizontal-card (start of block)\r\n:host(.featured-horizontal-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t// width: 312px;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t// @media(min-width: 1200px) {\r\n\t\t// margin-bottom: .5rem;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) and (max-width: 1439) {\r\n\t\t// margin-left: 16px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 100%;\r\n\t\t// }\r\n\r\n\t\t// &:hover {\r\n\t\t// background: var(--color-gray-02);\r\n\t\t// box-shadow: var(--ptc-shadow-large);\r\n\r\n\t\t// .card-media {\r\n\t\t// background: var(--color-white);\r\n\r\n\t\t// .smart-img {\r\n\t\t// background: var(--color-white);\r\n\t\t// }\r\n\t\t// }\r\n\t\t// }\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\t}\r\n\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\tdisplay: block;\r\n\t\t\t@include base-focus-state;\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\t\tdisplay: block;\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 440px;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: auto;\r\n\t\t\tmax-height: initial;\r\n\t\t\tmin-height: 547px;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-body {\r\n\t\t// padding: 24px 24px 44px 24px;\r\n\t\t// // width: 411px;\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// padding: 24px 48px 44px 48px;\r\n\t\t// }\r\n\r\n\t\tpadding: 20px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\twidth: 50%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 32px;\r\n\t\t}\r\n\r\n\t\t.small {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\tmargin-bottom: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th3 {\r\n\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t\tmargin-top: 0rem;\r\n\t\t\tword-break: break-word;\r\n\t\t\t-webkit-hyphens: auto;\r\n\t\t\t-moz-hyphens: auto;\r\n\t\t\t-ms-hyphens: auto;\r\n\t\t\thyphens: auto;\r\n\t\t\tmargin-bottom: 0rem;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t\tline-height: --ptc-line-height-densest;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tfont-size: var(--ptc-font-size-x-small) !important;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tcolor: var(--color-gray-11);\r\n\t\t// margin-bottom: 19px;\r\n\t\tmargin-top: 0rem;\r\n\t\tmargin-block-start: 0rem;\r\n\t\tword-break: break-word;\r\n\t\t-webkit-hyphens: auto;\r\n\t\t-moz-hyphens: auto;\r\n\t\t-ms-hyphens: auto;\r\n\t\thyphens: auto;\r\n\r\n\t\tp {\r\n\t\t\tmargin-block-start: 0rem;\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\r\n\t\t@media (max-width: 992px) {\r\n\t\t\tfont-size: var(--ptc-font-size-small) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-image\"]) {\r\n\t\t// width: 312px;\r\n\t\t// height: 296px;\r\n\t\t// display: block;\r\n\r\n\t\t// @media (min-width: 480px) {\r\n\t\t// width: 432px;\r\n\t\t// height: 300px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 768px) {\r\n\t\t// width: 718px;\r\n\t\t// height: 441px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 992px) {\r\n\t\t// width: 524px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 650px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\t// @media (min-width: 1200px) {\r\n\t\t// width: 685px;\r\n\t\t// height: 547px;\r\n\t\t// }\r\n\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: 440px;\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 547px;\r\n\t\t\tmax-height: 547px;\r\n\t\t}\r\n\t}\r\n}\r\n// (end of block)\r\n// -------------style for related card ends----------------\r\n\r\n.ptc-h3 {\r\n\t&.uppercase {\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\t&.capitalize {\r\n\t\ttext-transform: capitalize;\r\n\t}\r\n\t&.lowercase {\r\n\t\ttext-transform: lowercase;\r\n\t}\r\n\t&.none {\r\n\t\ttext-transform: none;\r\n\t}\r\n}\r\n\r\n:host(.events-card) {\r\n\theight: 100%;\r\n\t.card-border {\r\n\t\twidth: 100%;\r\n\t\t//overflow: hidden;\r\n\t\tbackground: var(--color-white);\r\n\t\tbox-shadow: var(--ptc-shadow-small);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\ttransition:\r\n\t\t\tbackground var(--ptc-transition-medium) var(--ptc-ease-inout),\r\n\t\t\tbox-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--color-gray-02);\r\n\t\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\t\t.card-media {\r\n\t\t\t\tbackground: var(--color-white);\r\n\r\n\t\t\t\t.smart-img {\r\n\t\t\t\t\tbackground: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-layout {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\r\n\t\t.card-body {\r\n\t\t\tpadding: 16px 20px 20px;\r\n\t\t\th3 {\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\tcolor: var(--color-gray-11);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-date,\r\n\t\t\t.events-type-class,\r\n\t\t\t.language {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.calendar-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.events-item-text {\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\tfont-family: var(--ptc-font-latin);\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-style: var(--ptc-font-style-normal);\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: 21px;\r\n\t\t\t}\r\n\r\n\t\t\t.in-person-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.language-icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.link-wrapper {\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t\t&:hover {\r\n\t\t\toutline: none;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\t\t&:focus-visible {\r\n\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\tborder-radius: var(--ptc-border-radius-standard) !important;\r\n\t\t\tbox-shadow: 0 0 0 5px var(--keyboard-nav-outline);\r\n\t\t}\r\n\t}\r\n\t.card-media {\r\n\t\twidth: 100%;\r\n\t\theight: 288px;\r\n\t\ttransform: scale(1);\r\n\t\ttransform-origin: center bottom;\r\n\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\tvar(--ptc-standard-ease);\r\n\t\ttransition-delay: var(--ptc-delay-medium);\r\n\r\n\t\t.smart-img {\r\n\t\t\theight: 288px;\r\n\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\theight: 232px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 992px) {\r\n\t\t\t\theight: 192px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 1200px) {\r\n\t\t\t\theight: 170px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\theight: 232px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 992px) {\r\n\t\t\theight: 192px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\theight: 170px;\r\n\t\t}\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-description\"]) {\r\n\t\tmargin-top: 16px;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\tHost,\r\n\th,\r\n\tFragment,\r\n\tElement,\r\n\tMethod,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-card\",\r\n\tstyleUrl: \"ptc-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCard {\r\n\t@Element() el: HTMLElement;\r\n\t/*\r\n\t Card Type\r\n\t * Specify Card Type, default to simple card\r\n\t /\r\n\t@Prop() cardType:\r\n\t\t\| \"simple-card\"\r\n\t\t\| \"lottie-card\"\r\n\t\t\| \"custom-card\"\r\n\t\t\| \"clip-edge-card\"\r\n\t\t\| \"hightlight-card\"\r\n\t\t\| \"listing-card\"\r\n\t\t\| \"horizontal-card\"\r\n\t\t\| \"listing-card-horizontal\"\r\n\t\t\| \"resource-center-card\"\r\n\t\t\| \"case-studies-card\"\r\n\t\t\| \"featured-horizontal-card\"\r\n\t\t\| \"related-card\"\r\n\t\t\| \"events-card\" = \"custom-card\";\r\n\t/\r\n\t Card Link URL (Optional)\r\n\t /\r\n\t@Prop() cardHref?: string = undefined;\r\n\r\n\t/\r\n\t (optional) Link card target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t (optional) Link card rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t If this card has Image\r\n\t /\r\n\t@Prop() hasImage: boolean = false;\r\n\t/\r\n\t If this card has Video\r\n\t /\r\n\t@Prop() hasVideo: boolean = false;\r\n\t/\r\n\t If this card has Lottie Image\r\n\t /\r\n\t@Prop() hasLottie: boolean = false;\r\n\t/\r\n\t Card heading\r\n\t /\r\n\t@Prop() heading?: string;\r\n\t/\r\n\t Card heading text transform\r\n\t /\r\n\t@Prop() headingTransform:\r\n\t\t\| \"uppercase\"\r\n\t\t\| \"lowercase\"\r\n\t\t\| \"capitalize\"\r\n\t\t\| \"none\" = \"none\";\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() cardDate?: string;\r\n\t/\r\n\t Card Date\r\n\t /\r\n\t@Prop() country?: string;\r\n\t/\r\n\t (optional) Injected CSS styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\t/\r\n\t * Ribbon will show on listing card if this field has any value\r\n\t /\r\n\t@Prop() ribbonText?: string;\r\n\t/\r\n\t Event Type\r\n\t /\r\n\t@Prop() eventType?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() cardLogo?: string;\r\n\t/\r\n\t Card Logo\r\n\t /\r\n\t@Prop() titleLineCutOff?: number;\r\n\r\n\t/\r\n\t Card heading text limit by char\r\n\t /\r\n\t@Prop() maxChars?: number;\r\n\r\n\t/\r\n\t Card heading text limit by lines\r\n\t /\r\n\t@Prop() maxLines?: number;\r\n\r\n\t/\r\n\t Card overflow\r\n\t */\r\n\t@Prop() cardOverflow?:\r\n\t\t\| \"auto\"\r\n\t\t\| \"hidden\"\r\n\t\t\| \"visible\"\r\n\t\t\| \"inherit\"\r\n\t\t\| \"initial\";\r\n\r\n\t@Prop() isCreoCard?: boolean = false;\r\n\r\n\t@Prop() trackerId: string = \"\";\r\n\r\n\t@Prop({ mutable: true, reflect: true }) isTabHidden: boolean = false;\r\n\r\n\t@Prop() language: string = \"\";\r\n\r\n\t@Prop() cardTitle: string = \"\";\r\n\r\n\tprivate observer: MutationObserver;\r\n\r\n\t@Watch(\"isTabHidden\")\r\n\thandleTabHiddenChange(newValue: boolean) {\r\n\t\tconst tabElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".tab-tracker-news[tabindex]\",\r\n\t\t);\r\n\t\tif (tabElement) {\r\n\t\t\ttabElement.setAttribute(\"tabindex\", newValue ? \"-1\" : \"0\");\r\n\t\t}\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hasAncestorWithClass(className: string): Promise<boolean> {\r\n\t\tlet parent = this.el.parentElement;\r\n\t\t// Traverse up through the ancestors\r\n\t\twhile (parent) {\r\n\t\t\tif (parent.classList.contains(className)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tparent = parent.parentElement;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\t//this.checkAndSetTabState();\r\n\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\r\n\t\t// Set up a MutationObserver to detect changes to the `class` attribute\r\n\t\tthis.observer = new MutationObserver(() => {\r\n\t\t\tthis.isTabHidden = this.el.classList.contains(\"tab-hidden\");\r\n\t\t});\r\n\t\tthis.observer.observe(this.el, {\r\n\t\t\tattributes: true,\r\n\t\t\tattributeFilter: [\"class\"],\r\n\t\t});\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Disconnect the observer when the component is removed\r\n\t\tif (this.observer) {\r\n\t\t\tthis.observer.disconnect();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag =\r\n\t\t\t!!this.cardHref && this.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: \"div\";\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst cutOff = this.getLineCuttoff();\r\n\t\tlet cutOffTitleClass = \"\";\r\n\t\tconst BodyContainerTag =\r\n\t\t\t!!this.cardHref &&\r\n\t\t\t!!this.cardType &&\r\n\t\t\tthis.cardType === \"featured-horizontal-card\"\r\n\t\t\t\t? \"a\"\r\n\t\t\t\t: Fragment;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tcutOffTitleClass = \" clamp-title\";\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={{\r\n\t\t\t\t\t[this.cardType]: !!this.cardType,\r\n\t\t\t\t\t\"creo-card-wrap\": this.isCreoCard, // Add the cardType class conditionally\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<slot name=\"seo-content\"></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={\r\n\t\t\t\t\t\tthis.cardType !== \"featured-horizontal-card\"\r\n\t\t\t\t\t\t\t? this.trackerId\r\n\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t\tclass=\"card-border mf-listen\"\r\n\t\t\t\t\tpart=\"border-wrapper\"\r\n\t\t\t\t\tstyle={{ overflow: this.cardOverflow }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tpart=\"card-layout\"\r\n\t\t\t\t\t\t{...(!!this.cardHref ? { href: this.cardHref } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.ribbonText ? { rel: this.ribbonText } : {})}\r\n\t\t\t\t\t\t{...(Tag === \"a\" && !this.isTabHidden\r\n\t\t\t\t\t\t\t? { tabindex: 0 }\r\n\t\t\t\t\t\t\t: { tabindex: -1 })}\r\n\t\t\t\t\t\t{...(!!this.cardTitle ? { title: this.cardTitle } : {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.hasImage \|\| this.hasLottie \|\| this.hasVideo ? (\r\n\t\t\t\t\t\t\t<div class=\"card-media\" part=\"media-wrapper\">\r\n\t\t\t\t\t\t\t\t{this.getMediaSlot ? (\r\n\t\t\t\t\t\t\t\t\t<slot name={this.getMediaSlot()}></slot>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t{(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"resource-center-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"related-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"listing-card\") \|\|\r\n\t\t\t\t\t\t(!!this.ribbonText &&\r\n\t\t\t\t\t\t\tthis.cardType == \"events-card\") ? (\r\n\t\t\t\t\t\t\t<div class=\"ribbon-text\">{`${this.ribbonText}`}</div>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tid={\r\n\t\t\t\t\t\t\t\tthis.cardType === \"featured-horizontal-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType === \"related-card\" \|\|\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\"\r\n\t\t\t\t\t\t\t\t\t? this.trackerId\r\n\t\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\tclass=\"card-body mf-listen\"\r\n\t\t\t\t\t\t\tpart=\"body-wrapper\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<BodyContainerTag\r\n\t\t\t\t\t\t\t\tclass=\"link-wrapper mf-listen\"\r\n\t\t\t\t\t\t\t\t{...(!!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { href: this.cardHref }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.target && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.rel && !!this.cardHref\r\n\t\t\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(!!this.cardTitle\r\n\t\t\t\t\t\t\t\t\t? { title: this.cardTitle }\r\n\t\t\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t\t\t{...(BodyContainerTag === \"a\"\r\n\t\t\t\t\t\t\t\t\t? { tabIndex: 0 }\r\n\t\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{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\t(this.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\tthis.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\"listing-card-horizontal\") ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"card-date-text\">\r\n\t\t\t\t\t\t\t\t\t\t{!!this.eventType ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t   \|   \r\n\t\t\t\t\t\t\t\t\t\t\t\t{`${this.eventType}`}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"small\">{`${this.cardDate}`}</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.cardType === \"case-studies-card\"\r\n\t\t\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\t\t\t...(!!this.cardLogo ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ptc-picture\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobject-fit=\"contain\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={this.cardLogo}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"40\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t></ptc-picture>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card-logo-none\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t)),\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-heading\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.heading\r\n\t\t\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType === \"listing-card\" \|\|\r\n\t\t\t\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t) : this.cardType ===\r\n\t\t\t\t\t\t\t\t\t\t\t \"featured-horizontal-card\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tseo-compatibility-mode\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-size=\"xx-large\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle-weight=\"w-8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tis-plm-hub=\"false\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>{this.heading}</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={`ptc-h3 ${this.headingTransform}${cutOffTitleClass}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={cutOff}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpart=\"card-heading\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-heading\"></slot>,\r\n\t\t\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-date\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"calendar-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"15\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 15 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_3\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_4\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_5\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_6\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_7\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_8\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_9\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M11.6211 2.11804V3.41804V3.91804H11.1211H9.12109H8.62109V3.41804V2.11804H5.32109V3.41804V3.91804H4.82109H2.82109H2.32109V3.41804V2.11804H0.121094V16.118H14.1211V2.11804H11.6211ZM12.6211 14.618H1.62109V5.81804H12.6211V14.618Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_10\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_11\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"events-item-text event-cards-date\">\r\n\t\t\t\t\t\t\t\t\t\t\t{`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.eventType &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"events-type-class\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"in-person-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"13\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 13\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.0211 9.71804L15.3211 7.31804C15.3211 7.31804 15.2211 6.71804 14.4211 6.51804L12.7211 6.11804C12.5211 6.01804 12.4211 5.61804 12.4211 5.61804V5.11804C12.6211 4.91804 12.7211 4.61804 12.8211 4.41804L12.9211 4.31804C13.0211 4.21804 13.0211 4.11804 13.0211 4.11804C13.1211 4.01804 13.1211 3.81804 13.1211 3.71804L13.2211 3.31804C13.2211 3.11804 13.2211 2.91804 13.1211 2.81804L13.0211 2.71804C13.0211 2.01804 12.9211 1.41804 12.6211 1.01804C12.5211 0.518042 12.0211 0.218042 11.4211 0.118042C11.3211 0.118042 11.1211 0.118042 11.0211 0.118042C10.9211 0.118042 10.7211 0.118042 10.6211 0.118042C10.0211 0.218042 9.52109 0.518042 9.22109 1.01804C8.92109 1.41804 8.82109 2.01804 8.82109 2.71804L8.72109 2.81804C8.62109 2.91804 8.62109 3.01804 8.62109 3.31804L8.72109 3.71804C8.72109 3.81804 8.72109 4.01804 8.82109 4.11804C8.82109 4.21804 8.92109 4.31804 8.92109 4.31804C9.02109 4.31804 9.02109 4.41804 9.12109 4.41804C9.22109 4.71804 9.32109 4.91804 9.52109 5.11804V5.61804C9.52109 5.61804 9.42109 6.01804 9.22109 6.11804L8.12109 6.41804V6.51804C8.12109 6.61804 8.02109 6.91804 7.92109 7.11804C7.82109 7.21804 7.82109 7.41804 7.72109 7.51804C7.72109 7.51804 7.72109 7.61804 7.62109 7.61804C7.82109 7.61804 8.12109 7.71804 8.52109 7.81804C9.52109 7.91804 10.1211 8.81804 10.3211 9.71804H11.0211H16.0211Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 9.81807C9.42148 9.81807 9.32148 9.21807 8.52148 9.01807L6.82148 8.61807C6.62148 8.51807 6.52148 8.11807 6.52148 8.11807V7.61807C6.72148 7.41807 6.82148 7.11807 6.92148 6.91807L7.02148 6.81807C7.12148 6.71807 7.12148 6.61807 7.12148 6.61807C7.22148 6.31807 7.32148 6.21807 7.32148 6.11807L7.42148 5.71807C7.42148 5.51807 7.42148 5.31807 7.32148 5.21807L7.22148 5.11807C7.22148 4.41807 7.12148 3.81807 6.82148 3.41807C6.52148 3.01807 6.02148 2.61807 5.42148 2.51807C5.32148 2.51807 5.12148 2.51807 5.02148 2.51807C4.92148 2.51807 4.72148 2.51807 4.62148 2.51807C4.02148 2.61807 3.52148 3.01807 3.22148 3.41807C2.92148 3.91807 2.82148 4.51807 2.92148 5.11807L2.82148 5.21807C2.72148 5.31807 2.62148 5.51807 2.72148 5.71807L2.82148 6.11807C2.82148 6.21807 2.82148 6.41807 2.92148 6.51807C2.92148 6.61807 3.02148 6.71807 3.02148 6.71807C3.02148 6.81807 3.12148 6.81807 3.12148 6.81807C3.22148 7.11807 3.32148 7.41807 3.52148 7.61807V8.11807C3.52148 8.11807 3.42148 8.51807 3.22148 8.61807L1.52148 9.01807C0.721484 9.21807 0.621484 9.81807 0.621484 9.81807L0.0214844 12.2181H5.02148H10.0215L9.42148 9.81807Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"event-name events-item-text\">{`${this.eventType}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.language &&\r\n\t\t\t\t\t\t\t\tthis.cardType == \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<div class=\"language\">\r\n\t\t\t\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"language-icon\"\r\n\t\t\t\t\t\t\t\t\t\t\twidth=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\theight=\"17\"\r\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 17 17\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<g id=\"Group_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M15.0219 3.31799H12.5219V11.118C12.5219 11.618 12.1219 12.118 11.5219 12.118H4.42188V12.318C4.42188 12.818 4.82187 13.318 5.42188 13.318H13.9219L16.0219 16.118V4.21799C16.0219 3.71799 15.6219 3.31799 15.0219 3.31799Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Vector_2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9.42148 0.118042H1.12148C0.521484 0.118042 0.0214844 0.618042 0.0214844 1.21804V13.018L2.12148 10.118H9.42148C10.0215 10.118 10.5215 9.61804 10.5215 9.01804V1.21804C10.5215 0.618042 10.0215 0.118042 9.42148 0.118042ZM6.12148 6.51804H1.72148V5.61804H6.12148V6.51804ZM8.82148 4.01804H1.72148V3.01804H8.82148V4.01804Z\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"#323B42\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"language-name events-item-text\">{`${this.language}`}</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-description\"></slot>\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"listing-card-horizontal\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"hightlight-card\" &&\r\n\t\t\t\t\t\t\t\tthis.cardType !== \"events-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}\"\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!!this.cardDate &&\r\n\t\t\t\t\t\t\t\tthis.cardType === \"hightlight-card\" ? (\r\n\t\t\t\t\t\t\t\t\t<ptc-date\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: \"20px\" }}\r\n\t\t\t\t\t\t\t\t\t\tformat-options='{\"year\":\"numeric\",\"month\":\"long\",\"day\":\"numeric\"}'\r\n\t\t\t\t\t\t\t\t\t\tdate-string={`${this.cardDate}`}\r\n\t\t\t\t\t\t\t\t\t\tdate-styles=\"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}\"\r\n\t\t\t\t\t\t\t\t\t\tcountry={this.country}\r\n\t\t\t\t\t\t\t\t\t></ptc-date>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</BodyContainerTag>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"card-layout\"]: true,\r\n\t\t\t[\"link-wrapper\"]: !!this.cardType ? true : false,\r\n\t\t\t[\"creo-card\"]: this.isCreoCard ? true : false,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"tab-tracker-news\"]: true,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getMediaSlot() {\r\n\t\tif (this.hasLottie) {\r\n\t\t\treturn \"slot-lottie\";\r\n\t\t} else if (this.hasVideo) {\r\n\t\t\treturn \"slot-video\";\r\n\t\t} else if (this.hasImage) {\r\n\t\t\treturn \"slot-image\";\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getLineCuttoff(): StylesMap {\r\n\t\tlet result: StylesMap;\r\n\r\n\t\tif (this.titleLineCutOff && this.titleLineCutOff > 0) {\r\n\t\t\tresult = {\r\n\t\t\t\t[\"-webkit-line-clamp\"]: `${this.titleLineCutOff}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DlY3q-CU.js → p-B3IBBLk_.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, V as ValidationMessages, h, d as Host } from './p-C2SefPLt.js';
 import { b as getLanguageFromURL } from './p-DpFzAwLW.js';
 import { M as MDCSelect } from './p-DqpxE8oT.js';
@@ -260,6 +260,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcSelect as P, defineCustomElement as d };
-//# sourceMappingURL=p-DlY3q-CU.js.map
+//# sourceMappingURL=p-B3IBBLk_.js.map
-//# sourceMappingURL=p-DlY3q-CU.js.map
+//# sourceMappingURL=p-B3IBBLk_.js.map

package/dist/components/{p-DlY3q-CU.js.map → p-B3IBBLk_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DlY3q-CU.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,gk5JAAgk5J;;MCuBxk5J,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAEZ,IAAA,OAAO;AACP,IAAA,KAAK;IACL,UAAU,GAAY,IAAI;IACT,UAAU,GAAW,wBAAwB;AAC9D,IAAA,SAAS;IACT,QAAQ,GAAY,KAAK;IACR,aAAa,GAAW,EAAE;IAC1B,YAAY,GAAW,EAAE;AAC1C,IAAA,QAAQ;AAChB;;AAEG;AACK,IAAA,iBAAiB;AACjB,IAAA,uBAAuB;IACtB,QAAQ,GAAW,IAAI;AAEvB,IAAA,WAAW;AAEpB,IAAA,aAAa;IACb,eAAe,GAAyB,OAAO;AACvC,IAAA,wBAAwB;AACxB,IAAA,sBAAsB;AAE9B,IAAA,MAAM,QAAQ,GAAA;QACZ,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;;IAG9C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,kBAAkB,EAAE;QACpC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;;IAGvD,gBAAgB,GAAA;;QAEd,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,mBAAmB,EAAE;AAC5B,SAAC,CAAC;;IAGI,mBAAmB,GAAA;QACzB,OAAO,CAAC,GAAG,CAAC,uDAAuD,EAAE,IAAI,CAAC,OAAO,CAAC;QAElF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC;QAC1D,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC;YACtE;;AAEF,QAAA,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE,aAAa,CAAC;;QAG3E,MAAM,IAAI,GAAG,aAAa,CAAC,aAAa,CAAC,mBAAmB,CAAC;QAC7D,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,WAAW,CAAC;AAC7C,QAAA,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC;AACrD,QAAA,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,IAAI,CAAC;QAErD,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,CAAC,IAAI,CAAC,sEAAsE,CAAC;;YAEpF,UAAU,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,EAAE,GAAG,CAAC;YACjD;;AAGF,QAAA,IAAI;YACF,IAAI,CAAC,aAAa,GAAG,IAAI,SAAS,CAAC,aAAa,CAAsB;YACtE,OAAO,CAAC,GAAG,CAAC,wDAAwD,EAAE,IAAI,CAAC,aAAa,CAAC;;QACzF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,kDAAkD,EAAE,KAAK,CAAC;YACxE;;;QAIF,MAAM,MAAM,GAAG,aAAa,CAAC,aAAa,CAAC,qBAAqB,CAAC;QACjE,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,KAAI;AACrC,gBAAA,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,CAAC,CAAC;gBACpD,OAAO,CAAC,GAAG,CAAC,0CAA0C,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;gBACjF,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,IAAI,EAAE,SAAS,CAAC;gBAChE,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,aAAa,CAAC,SAAS,CAAC;AAC5E,aAAC,CAAC;AACF,YAAA,OAAO,CAAC,GAAG,CAAC,mDAAmD,CAAC;;;QAIlE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAK;YACjD,OAAO,CAAC,GAAG,CAAC,yDAAyD,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AAClG,SAAC,CAAC;QAEF,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAK;AACtD,YAAA,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC;AAChD,SAAC,CAAC;QAEF,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAK;AACtD,YAAA,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC;AAChD,SAAC,CAAC;QAEF,IAAI,IAAI,CAAC,YAAY;YAAE,IAAI,CAAC,QAAQ,EAAE;QAEtC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAK;YACjD,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;gBACnD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;gBAC/C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK;;;;;;;;;;;;;;AAcjD,SAAC,CAAC;QACF,IAAI,CAAC,wBAAwB,EAAE;QAE/B,IAAI,CAAC,kBAAkB,EAAE;;IAK3B,oBAAoB,GAAA;;AAElB,QAAA,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,CAAC;;AAE1E,QAAA,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC;;AAEtE,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;;;IAIhC,wBAAwB,GAAA;QACtB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CACxC,qBAAqB,CACP;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAgB;AAEtE,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE;AAC1B,YAAA,OAAO,CAAC,IAAI,CACV,4DAA4D,CAC7D;YACD;;QAGF,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAoB,KAAI;AAChE,YAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;YAErB,QAAQ,GAAG;AACT,gBAAA,KAAK,OAAO;oBACV,KAAK,CAAC,cAAc,EAAE;oBACtB,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI;AAClD,oBAAA,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;wBAC3B,IAAI,CAAC,uBAAuB,EAAE;;oBAEhC;AACF,gBAAA,KAAK,WAAW;AAChB,gBAAA,KAAK,SAAS;oBACZ;AACF,gBAAA,KAAK,QAAQ;AACX,oBAAA,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,wBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK;wBAC/B,YAAY,CAAC,KAAK,EAAE;wBACpB,KAAK,CAAC,cAAc,EAAE;;oBAExB;AACF,gBAAA,KAAK,KAAK;AACR,oBAAA,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,wBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK;;oBAEjC;;AAIN,SAAC,CAAC;;;IAGJ,uBAAuB,GAAA;QACrB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CACzC,gBAAgB,CACF;QAChB,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,KAAK,EAAE;;;AAIzB,IAAA,sBAAsB,CAAC,eAA4B,EAAA;AACjD,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC1B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAC1B;QAClB,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;QACvD,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,IAAI,SAAS,CAAC,MAAM;AACvD,QAAA,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE;;AAG9B,IAAA,0BAA0B,CAAC,eAA4B,EAAA;AACrD,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC1B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAC1B;QAClB,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;AACvD,QAAA,MAAM,aAAa,GACjB,CAAC,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM;AAC1D,QAAA,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE;;AAGlC,IAAA,oBAAoB,CAAC,IAAY,EAAA;QAC/B,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;;IAGhD,kBAAkB,GAAA;QAChB,IAAI,SAAS,GACX,gEAAgE;AAClE,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,SAAS,GAAG,CAAA,EAAG,SAAS,CAAA,qBAAA,CAAuB;;AAEjD,QAAA,OAAO,SAAS;;IAGlB,kBAAkB,GAAA;;AAEhB,QAAA,IAAI,CAAC,wBAAwB,GAAG,MAAK;AACnC,YAAA,IAAI,CAAC,eAAe,GAAG,OAAO;AAChC,SAAC;AACD,QAAA,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAgB,KAAI;AACjD,YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;AACnB,gBAAA,IAAI,CAAC,eAAe,GAAG,UAAU;;AAErC,SAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,CAAC;QACrE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC;;QAGjE,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CACvC,aAAa,CACC;QAChB,IAAI,WAAW,EAAE;YACf,MAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC;YAC/D,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AACpC,oBAAA,IAAI,IAAI,CAAC,eAAe,KAAK,UAAU,EAAE;AACvC,wBAAA,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAC3C,wBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;yBACtC;AACL,wBAAA,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;AACxC,wBAAA,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC;;AAElD,iBAAC,CAAC;AACF,gBAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;oBACnC,WAAW,CAAC,SAAS,CAAC,MAAM,CAC1B,gBAAgB,EAChB,aAAa,CACd;AACH,iBAAC,CAAC;;;;IAKR,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAA,EACnC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAClD,IAAI,CAAC,KAAK,CACL,EACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,QAAQ,EACC,eAAA,EAAA,SAAS,EACP,iBAAA,EAAA,uBAAuB,EACvC,QAAQ,EAAC,GAAG,EAAA,IACP,IAAI,CAAC,UAAU,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,EAAA,EAErD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAQ,CAAA,EAClD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,+BAA+B,EAAA,CAAQ,CAC9C,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC/C,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,KAAK,EAAC,2BAA2B,EAClB,eAAA,EAAA,IAAI,CAAC,SAAS,sBACX,IAAI,CAAC,SAAS,EAAA,kBAAA,EACd,IAAI,CAAC,iBAAiB,EAAA,yBAAA,EAEtC,IAAI,CAAC,uBAAuB,EAAA,CAExB,CACH,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAAA,EAElC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,iFAAiF,EAAG,CAAA,CACxF,CACD,CACH,EAEN,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wEAAwE,EAC9E,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,IAAI,CAAC,KAAK,EAAA,EAEtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EAEN,CACE,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAC,+DAA+D,EAAA,EAErE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,EAElC,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAa,qBAAqB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EACY,SAAS,EAAA,WAAA,EACT,SAAS,EACnB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,EAAA,CACd,CACA,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,eAAe,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,CACnC,CACN,CACH,EACL,IAAI,CAAC,UAAU,CACd,EACH,IAAI,CAAC,QAAQ,IACZ,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,yDAAyD,EAAA,EAC/D,IAAI,CAAC,QAAQ,CACZ,IACF,IAAI,CACJ,CAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-select/ptc-select.scss?tag=ptc-select","src/components/atoms/ptc-select/ptc-select.tsx"],"sourcesContent":["@import \"~@material/select/dist/mdc.select.css\";\r\n@import \"~@material/list/dist/mdc.list.css\";\r\n@import \"~@material/menu/dist/mdc.menu.css\";\r\n@import \"~@material/menu-surface/dist/mdc.menu-surface.css\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.ptc-select {\r\n\t.ptc-label-select {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t.mdc-select--invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\tbackground-color: var(--color-white) !important;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined {\r\n\t\twidth: 273px;\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\theight: 34px;\r\n\t\t\twidth: 273px;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__trailing {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__leading {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select-helper-text {\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\topacity: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\t//margin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t.select-error-svg {\r\n\t\ttransform: translate(-8px, 3px);\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\tcolor: #af3231;\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: 14px;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--info-msg {\r\n\t\tcolor: #40434a;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmax-width: 240px;\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\ttransform: translateX(8px);\r\n\t}\r\n\r\n\t.mdc-select-helper-text--validation-msg,\r\n\t.mdc-select-helper-text--info-msg {\r\n\t\tline-height: 0.66;\r\n\t\theight: 0;\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-color: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(\r\n\t\t\t.mdc-select--disabled\r\n\t\t).mdc-select--focused.keyboard-focus {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\t//Update for tab navigation\r\n\t\t\t\tborder-color: var(--keyboard-nav-outline);\r\n\t\t\t\tborder-width: 5px;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__leading {\r\n\t\t\t\tborder-top-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-top-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\tfill: var(--color-hyperlink);\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t// .placehoder-li {\r\n\t// color: var(--color-gray-07);\r\n\t// font-family: Raleway;\r\n\t// font-size: var(--ptc-font-size-xx-small);\r\n\t// font-weight: var(--ptc-font-weight-regular);\r\n\t// line-height:var(--ptc-line-height-normal);\r\n\t// }\r\n\r\n\t.mdc-list {\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t}\r\n\r\n\t.mdc-list-item {\r\n\t\tpadding: 5px 8px;\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t&:focus .mdc-list-item__ripple::before,\r\n\t\t&:focus .mdc-list-item__ripple::after,\r\n\t\t&:focus-visible .mdc-list-item__ripple::before,\r\n\t\t&:focus-visible .mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item--selected {\r\n\t\t.mdc-list-item__ripple::before,\r\n\t\t.mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-04) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item__text,\r\n\t.mdc-select__selected-text {\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: 24px;\r\n\t\t/* 171.429% /\r\n\t}\r\n\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\r\n\t\tbackground-color: unset;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n h,\r\n Element,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n State,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n open: boolean;\r\n}\r\n\r\n@Component({\r\n tag: \"ptc-select\",\r\n styleUrl: \"ptc-select.scss\",\r\n shadow: false,\r\n})\r\nexport class PtcSelect {\r\n @Element() el: HTMLElement;\r\n @Prop() fieldId: string;\r\n @Prop() label: string;\r\n @Prop() isRequired: boolean = true;\r\n @Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n @Prop() fieldName: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop({ mutable: true }) selectedValue: string = \"\";\r\n @Prop({ mutable: true }) defaultValue: string = \"\";\r\n @Prop() infoText: string;\r\n /\r\n Eloqua Data\r\n /\r\n @Prop() ptcDataEloquaName: string;\r\n @Prop() ptcDataTargetEloquaName: string;\r\n @State() language: string = \"en\";\r\n\r\n @Event() valueChange: EventEmitter<string>;\r\n\r\n defaultSelect: ExtendedMDCSelect;\r\n lastInteraction: \"mouse\" \| \"keyboard\" = \"mouse\";\r\n private documentMousedownHandler: () => void;\r\n private documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n async setValue() {\r\n this.defaultSelect.value = this.defaultValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.language = getLanguageFromURL();\r\n this.helpertext = this.getValidationMessage(\"select\");\r\n }\r\n\r\n componentDidLoad() {\r\n // Use requestAnimationFrame to ensure slotted content is fully rendered\r\n requestAnimationFrame(() => {\r\n this.initializeMDCSelect();\r\n });\r\n }\r\n\r\n private initializeMDCSelect() {\r\n console.log(\"[ptc-select DEBUG] Starting initialization for field:\", this.fieldId);\r\n\r\n const selectElement = this.el.querySelector(\".mdc-select\");\r\n if (!selectElement) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-select element.\");\r\n return;\r\n }\r\n console.log(\"[ptc-select DEBUG] Found .mdc-select element:\", selectElement);\r\n\r\n // Ensure the menu has the mdc-list inside it\r\n const menu = selectElement.querySelector(\".mdc-select__menu\");\r\n const list = menu?.querySelector(\".mdc-list\");\r\n console.log(\"[ptc-select DEBUG] Menu element:\", menu);\r\n console.log(\"[ptc-select DEBUG] List element:\", list);\r\n\r\n if (!list) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...\");\r\n // Retry after a short delay if list is not found (slot content may not be ready)\r\n setTimeout(() => this.initializeMDCSelect(), 100);\r\n return;\r\n }\r\n\r\n try {\r\n this.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n console.log(\"[ptc-select DEBUG] MDCSelect initialized successfully:\", this.defaultSelect);\r\n } catch (error) {\r\n console.error(\"[ptc-select DEBUG] Error initializing MDCSelect:\", error);\r\n return;\r\n }\r\n\r\n // Add click listener for debugging\r\n const anchor = selectElement.querySelector(\".mdc-select__anchor\");\r\n if (anchor) {\r\n anchor.addEventListener(\"click\", (e) => {\r\n console.log(\"[ptc-select DEBUG] Anchor clicked!\", e);\r\n console.log(\"[ptc-select DEBUG] MDCSelect open state:\", this.defaultSelect?.open);\r\n console.log(\"[ptc-select DEBUG] Menu classes:\", menu?.className);\r\n console.log(\"[ptc-select DEBUG] Select classes:\", selectElement.className);\r\n });\r\n console.log(\"[ptc-select DEBUG] Click listener added to anchor\");\r\n }\r\n\r\n // Listen for MDCSelect events\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n console.log(\"[ptc-select DEBUG] MDCSelect:change event fired, value:\", this.defaultSelect.value);\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:opened\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu opened!\");\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:closed\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu closed!\");\r\n });\r\n\r\n if (this.defaultValue) this.setValue();\r\n\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n if (this.selectedValue !== this.defaultSelect.value) {\r\n this.valueChange.emit(this.defaultSelect.value);\r\n this.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n // if (this.fieldId === \"contact-country\") {\r\n // \tconst countryCode = this.selectedValue\r\n // \t\t? this.map[this.selectedValue]\r\n // \t\t: \"\";\r\n // \tconst telField = document.querySelector(\r\n // \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n // \t) as HTMLPtcTextfieldElement;\r\n // \t// if (telField && countryCode) {\r\n // \t// \ttelField.syncCountry(countryCode);\r\n // \t// }\r\n // }\r\n }\r\n });\r\n this.addKeyboardAccessibility();\r\n\r\n this.setupFocusHandlers();\r\n\r\n }\r\n\r\n\r\n disconnectedCallback() {\r\n // Remove document event listeners to prevent memory leaks\r\n if (this.documentMousedownHandler) {\r\n document.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n }\r\n if (this.defaultSelect) {\r\n this.defaultSelect.destroy();\r\n }\r\n }\r\n\r\n addKeyboardAccessibility() {\r\n const selectAnchor = this.el.querySelector(\r\n \".mdc-select__anchor\",\r\n ) as HTMLElement;\r\n const menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n if (!selectAnchor \|\| !menu) {\r\n console.warn(\r\n \"ptc-select: Unable to find select anchor or menu elements.\",\r\n );\r\n return;\r\n }\r\n\r\n selectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n const key = event.key;\r\n\r\n switch (key) {\r\n case \"Enter\":\r\n event.preventDefault();\r\n this.defaultSelect.open = !this.defaultSelect.open;\r\n if (this.defaultSelect.open) {\r\n this.setFocusToFirstMenuitem();\r\n }\r\n break;\r\n case \"ArrowDown\":\r\n case \"ArrowUp\":\r\n break;\r\n case \"Escape\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n selectAnchor.focus();\r\n event.preventDefault();\r\n }\r\n break;\r\n case \"Tab\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n // Focus the first menu item in the dropdown\r\n setFocusToFirstMenuitem() {\r\n const firstMenuItem = this.el.querySelector(\r\n \".mdc-list-item\",\r\n ) as HTMLElement;\r\n if (firstMenuItem) {\r\n firstMenuItem.focus();\r\n }\r\n }\r\n\r\n setFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const nextIndex = (currentIndex + 1) % menuItems.length;\r\n menuItems[nextIndex].focus();\r\n }\r\n\r\n setFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const previousIndex =\r\n (currentIndex - 1 + menuItems.length) % menuItems.length;\r\n menuItems[previousIndex].focus();\r\n }\r\n\r\n getValidationMessage(type: string) {\r\n return ValidationMessages[this.language][type];\r\n }\r\n\r\n getSelectClassName() {\r\n let className =\r\n \"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n if (this.isRequired) {\r\n className = `${className} mdc-select--required`;\r\n }\r\n return className;\r\n }\r\n\r\n setupFocusHandlers() {\r\n // Track the last interaction type - use bound handlers for proper cleanup\r\n this.documentMousedownHandler = () => {\r\n this.lastInteraction = \"mouse\";\r\n };\r\n this.documentKeydownHandler = (e: KeyboardEvent) => {\r\n if (e.key === \"Tab\") {\r\n this.lastInteraction = \"keyboard\";\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n document.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n // Only query select fields within this component, not globally\r\n const selectField = this.el.querySelector(\r\n \".mdc-select\",\r\n ) as HTMLElement;\r\n if (selectField) {\r\n const select = selectField.querySelector(\".mdc-select__anchor\");\r\n if (select) {\r\n select.addEventListener(\"focus\", () => {\r\n if (this.lastInteraction === \"keyboard\") {\r\n selectField.classList.add(\"keyboard-focus\");\r\n selectField.classList.remove(\"mouse-focus\");\r\n } else {\r\n selectField.classList.add(\"mouse-focus\");\r\n selectField.classList.remove(\"keyboard-focus\");\r\n }\r\n });\r\n select.addEventListener(\"blur\", () => {\r\n selectField.classList.remove(\r\n \"keyboard-focus\",\r\n \"mouse-focus\",\r\n );\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class=\"ptc-select mf-listen\">\r\n <div class={this.getSelectClassName()}>\r\n <label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n {this.label}\r\n </label>\r\n <div\r\n class=\"mdc-select__anchor\"\r\n role=\"button\"\r\n aria-haspopup=\"listbox\"\r\n aria-labelledby=\"outlined-select-label\"\r\n tabindex=\"0\"\r\n {...(this.isRequired ? { ariaRequired: true } : null)}\r\n >\r\n <span class=\"mdc-notched-outline\">\r\n <span class=\"mdc-notched-outline__leading\"></span>\r\n <span class=\"mdc-notched-outline__trailing\"></span>\r\n </span>\r\n <span class=\"mdc-select__selected-text-container\">\r\n <span\r\n id={this.fieldId}\r\n class=\"mdc-select__selected-text\"\r\n aria-controls={this.fieldName}\r\n aria-describedby={this.fieldName}\r\n data-eloqua-name={this.ptcDataEloquaName}\r\n data-target-eloqua-name={\r\n this.ptcDataTargetEloquaName\r\n }\r\n ></span>\r\n </span>\r\n <span class=\"mdc-select__dropdown-icon\">\r\n <svg\r\n class=\"\"\r\n width=\"10\"\r\n height=\"10\"\r\n viewBox=\"0 0 10 10\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n role=\"listbox\"\r\n aria-label={this.label}\r\n >\r\n <slot></slot>\r\n </div>\r\n\r\n <p\r\n id={this.fieldName}\r\n class=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n >\r\n <svg\r\n class=\"select-error-svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g clip-path=\"url(#clip0_12_1424)\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n fill=\"#AF3231\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12_1424\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n {this.helpertext}\r\n </p>\r\n {this.infoText ? (\r\n <p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n {this.infoText}\r\n </p>\r\n ) : null}\r\n </div>\r\n\r\n {/ helper text */}\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-B3IBBLk_.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-select/ptc-select.scss?tag=ptc-select","src/components/atoms/ptc-select/ptc-select.tsx"],"sourcesContent":["@import \"~@material/select/dist/mdc.select.css\";\r\n@import \"~@material/list/dist/mdc.list.css\";\r\n@import \"~@material/menu/dist/mdc.menu.css\";\r\n@import \"~@material/menu-surface/dist/mdc.menu-surface.css\";\r\n\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.ptc-select {\r\n\t.ptc-label-select {\r\n\t\tdisplay: block;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tline-height: normal;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tcolor: #40434a;\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\r\n\t.mdc-select--invalid {\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: calc(100% + 16px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tbackground: #fef3f3;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\tz-index: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\tbackground-color: var(--color-white) !important;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined {\r\n\t\twidth: 273px;\r\n\r\n\t\t.mdc-select__anchor {\r\n\t\t\theight: 34px;\r\n\t\t\twidth: 273px;\r\n\t\t\tpadding-left: 8px;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__trailing {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\r\n\t\t.mdc-notched-outline__leading {\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select-helper-text {\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\topacity: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\t//margin-bottom: var(--ptc-element-spacing-01);\r\n\t}\r\n\r\n\t.select-error-svg {\r\n\t\ttransform: translate(-8px, 3px);\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--validation-msg {\r\n\t\tcolor: #af3231;\r\n\t\tfont-family: Raleway;\r\n\t\tfont-size: 14px;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\r\n\t.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid\r\n\t\t.mdc-select-helper-text--info-msg {\r\n\t\tcolor: #40434a;\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tmax-width: 240px;\r\n\t\topacity: 1;\r\n\t\theight: auto;\r\n\t\ttransform: translateX(8px);\r\n\t}\r\n\r\n\t.mdc-select-helper-text--validation-msg,\r\n\t.mdc-select-helper-text--info-msg {\r\n\t\tline-height: 0.66;\r\n\t\theight: 0;\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-color: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select--outlined:not(\r\n\t\t\t.mdc-select--disabled\r\n\t\t).mdc-select--focused.keyboard-focus {\r\n\t\t.mdc-notched-outline {\r\n\t\t\t.mdc-notched-outline__leading,\r\n\t\t\t.mdc-notched-outline__notch,\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\t//Update for tab navigation\r\n\t\t\t\tborder-color: var(--keyboard-nav-outline);\r\n\t\t\t\tborder-width: 5px;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__leading {\r\n\t\t\t\tborder-top-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-left-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t\t.mdc-notched-outline__trailing {\r\n\t\t\t\tborder-top-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t\tborder-bottom-right-radius: var(\r\n\t\t\t\t\t--ptc-border-radius-standard\r\n\t\t\t\t) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select:not(.mdc-select--disabled).mdc-select--focused {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\tfill: var(--color-hyperlink);\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-select {\r\n\t\t.mdc-select__dropdown-icon {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\t}\r\n\r\n\t// .placehoder-li {\r\n\t// color: var(--color-gray-07);\r\n\t// font-family: Raleway;\r\n\t// font-size: var(--ptc-font-size-xx-small);\r\n\t// font-weight: var(--ptc-font-weight-regular);\r\n\t// line-height:var(--ptc-line-height-normal);\r\n\t// }\r\n\r\n\t.mdc-list {\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t}\r\n\r\n\t.mdc-list-item {\r\n\t\tpadding: 5px 8px;\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t&:focus .mdc-list-item__ripple::before,\r\n\t\t&:focus .mdc-list-item__ripple::after,\r\n\t\t&:focus-visible .mdc-list-item__ripple::before,\r\n\t\t&:focus-visible .mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item--selected {\r\n\t\t.mdc-list-item__ripple::before,\r\n\t\t.mdc-list-item__ripple::after {\r\n\t\t\tbackground-color: var(--color-gray-02) !important;\r\n\t\t\topacity: 1;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.mdc-list-item__ripple::before,\r\n\t\t\t.mdc-list-item__ripple::after {\r\n\t\t\t\tbackground-color: var(--color-gray-04) !important;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.mdc-list-item__text,\r\n\t.mdc-select__selected-text {\r\n\t\tcolor: var(--color-gray-12);\r\n\t\tfont-family: \"Open Sans\", Arial, sans-serif;\r\n\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\tline-height: 24px;\r\n\t\t/* 171.429% /\r\n\t}\r\n\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\r\n\t:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\r\n\t\tbackground-color: unset;\r\n\t}\r\n}\r\n","import {\r\n Component,\r\n h,\r\n Element,\r\n Prop,\r\n Event,\r\n EventEmitter,\r\n Host,\r\n State,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n open: boolean;\r\n}\r\n\r\n@Component({\r\n tag: \"ptc-select\",\r\n styleUrl: \"ptc-select.scss\",\r\n shadow: false,\r\n})\r\nexport class PtcSelect {\r\n @Element() el: HTMLElement;\r\n @Prop() fieldId: string;\r\n @Prop() label: string;\r\n @Prop() isRequired: boolean = true;\r\n @Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n @Prop() fieldName: string;\r\n @Prop() disabled: boolean = false;\r\n @Prop({ mutable: true }) selectedValue: string = \"\";\r\n @Prop({ mutable: true }) defaultValue: string = \"\";\r\n @Prop() infoText: string;\r\n /\r\n Eloqua Data\r\n /\r\n @Prop() ptcDataEloquaName: string;\r\n @Prop() ptcDataTargetEloquaName: string;\r\n @State() language: string = \"en\";\r\n\r\n @Event() valueChange: EventEmitter<string>;\r\n\r\n defaultSelect: ExtendedMDCSelect;\r\n lastInteraction: \"mouse\" \| \"keyboard\" = \"mouse\";\r\n private documentMousedownHandler: () => void;\r\n private documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n async setValue() {\r\n this.defaultSelect.value = this.defaultValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.language = getLanguageFromURL();\r\n this.helpertext = this.getValidationMessage(\"select\");\r\n }\r\n\r\n componentDidLoad() {\r\n // Use requestAnimationFrame to ensure slotted content is fully rendered\r\n requestAnimationFrame(() => {\r\n this.initializeMDCSelect();\r\n });\r\n }\r\n\r\n private initializeMDCSelect() {\r\n console.log(\"[ptc-select DEBUG] Starting initialization for field:\", this.fieldId);\r\n\r\n const selectElement = this.el.querySelector(\".mdc-select\");\r\n if (!selectElement) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-select element.\");\r\n return;\r\n }\r\n console.log(\"[ptc-select DEBUG] Found .mdc-select element:\", selectElement);\r\n\r\n // Ensure the menu has the mdc-list inside it\r\n const menu = selectElement.querySelector(\".mdc-select__menu\");\r\n const list = menu?.querySelector(\".mdc-list\");\r\n console.log(\"[ptc-select DEBUG] Menu element:\", menu);\r\n console.log(\"[ptc-select DEBUG] List element:\", list);\r\n\r\n if (!list) {\r\n console.warn(\"[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...\");\r\n // Retry after a short delay if list is not found (slot content may not be ready)\r\n setTimeout(() => this.initializeMDCSelect(), 100);\r\n return;\r\n }\r\n\r\n try {\r\n this.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n console.log(\"[ptc-select DEBUG] MDCSelect initialized successfully:\", this.defaultSelect);\r\n } catch (error) {\r\n console.error(\"[ptc-select DEBUG] Error initializing MDCSelect:\", error);\r\n return;\r\n }\r\n\r\n // Add click listener for debugging\r\n const anchor = selectElement.querySelector(\".mdc-select__anchor\");\r\n if (anchor) {\r\n anchor.addEventListener(\"click\", (e) => {\r\n console.log(\"[ptc-select DEBUG] Anchor clicked!\", e);\r\n console.log(\"[ptc-select DEBUG] MDCSelect open state:\", this.defaultSelect?.open);\r\n console.log(\"[ptc-select DEBUG] Menu classes:\", menu?.className);\r\n console.log(\"[ptc-select DEBUG] Select classes:\", selectElement.className);\r\n });\r\n console.log(\"[ptc-select DEBUG] Click listener added to anchor\");\r\n }\r\n\r\n // Listen for MDCSelect events\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n console.log(\"[ptc-select DEBUG] MDCSelect:change event fired, value:\", this.defaultSelect.value);\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:opened\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu opened!\");\r\n });\r\n\r\n this.defaultSelect.listen(\"MDCMenuSurface:closed\", () => {\r\n console.log(\"[ptc-select DEBUG] Menu closed!\");\r\n });\r\n\r\n if (this.defaultValue) this.setValue();\r\n\r\n this.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n if (this.selectedValue !== this.defaultSelect.value) {\r\n this.valueChange.emit(this.defaultSelect.value);\r\n this.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n // if (this.fieldId === \"contact-country\") {\r\n // \tconst countryCode = this.selectedValue\r\n // \t\t? this.map[this.selectedValue]\r\n // \t\t: \"\";\r\n // \tconst telField = document.querySelector(\r\n // \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n // \t) as HTMLPtcTextfieldElement;\r\n // \t// if (telField && countryCode) {\r\n // \t// \ttelField.syncCountry(countryCode);\r\n // \t// }\r\n // }\r\n }\r\n });\r\n this.addKeyboardAccessibility();\r\n\r\n this.setupFocusHandlers();\r\n\r\n }\r\n\r\n\r\n disconnectedCallback() {\r\n // Remove document event listeners to prevent memory leaks\r\n if (this.documentMousedownHandler) {\r\n document.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n }\r\n if (this.defaultSelect) {\r\n this.defaultSelect.destroy();\r\n }\r\n }\r\n\r\n addKeyboardAccessibility() {\r\n const selectAnchor = this.el.querySelector(\r\n \".mdc-select__anchor\",\r\n ) as HTMLElement;\r\n const menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n if (!selectAnchor \|\| !menu) {\r\n console.warn(\r\n \"ptc-select: Unable to find select anchor or menu elements.\",\r\n );\r\n return;\r\n }\r\n\r\n selectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n const key = event.key;\r\n\r\n switch (key) {\r\n case \"Enter\":\r\n event.preventDefault();\r\n this.defaultSelect.open = !this.defaultSelect.open;\r\n if (this.defaultSelect.open) {\r\n this.setFocusToFirstMenuitem();\r\n }\r\n break;\r\n case \"ArrowDown\":\r\n case \"ArrowUp\":\r\n break;\r\n case \"Escape\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n selectAnchor.focus();\r\n event.preventDefault();\r\n }\r\n break;\r\n case \"Tab\":\r\n if (this.defaultSelect.open) {\r\n this.defaultSelect.open = false;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n }\r\n // Focus the first menu item in the dropdown\r\n setFocusToFirstMenuitem() {\r\n const firstMenuItem = this.el.querySelector(\r\n \".mdc-list-item\",\r\n ) as HTMLElement;\r\n if (firstMenuItem) {\r\n firstMenuItem.focus();\r\n }\r\n }\r\n\r\n setFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const nextIndex = (currentIndex + 1) % menuItems.length;\r\n menuItems[nextIndex].focus();\r\n }\r\n\r\n setFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n const menuItems = Array.from(\r\n this.el.querySelectorAll(\".mdc-list-item\"),\r\n ) as HTMLElement[];\r\n const currentIndex = menuItems.indexOf(currentMenuitem);\r\n const previousIndex =\r\n (currentIndex - 1 + menuItems.length) % menuItems.length;\r\n menuItems[previousIndex].focus();\r\n }\r\n\r\n getValidationMessage(type: string) {\r\n return ValidationMessages[this.language][type];\r\n }\r\n\r\n getSelectClassName() {\r\n let className =\r\n \"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n if (this.isRequired) {\r\n className = `${className} mdc-select--required`;\r\n }\r\n return className;\r\n }\r\n\r\n setupFocusHandlers() {\r\n // Track the last interaction type - use bound handlers for proper cleanup\r\n this.documentMousedownHandler = () => {\r\n this.lastInteraction = \"mouse\";\r\n };\r\n this.documentKeydownHandler = (e: KeyboardEvent) => {\r\n if (e.key === \"Tab\") {\r\n this.lastInteraction = \"keyboard\";\r\n }\r\n };\r\n document.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n document.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n // Only query select fields within this component, not globally\r\n const selectField = this.el.querySelector(\r\n \".mdc-select\",\r\n ) as HTMLElement;\r\n if (selectField) {\r\n const select = selectField.querySelector(\".mdc-select__anchor\");\r\n if (select) {\r\n select.addEventListener(\"focus\", () => {\r\n if (this.lastInteraction === \"keyboard\") {\r\n selectField.classList.add(\"keyboard-focus\");\r\n selectField.classList.remove(\"mouse-focus\");\r\n } else {\r\n selectField.classList.add(\"mouse-focus\");\r\n selectField.classList.remove(\"keyboard-focus\");\r\n }\r\n });\r\n select.addEventListener(\"blur\", () => {\r\n selectField.classList.remove(\r\n \"keyboard-focus\",\r\n \"mouse-focus\",\r\n );\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host class=\"ptc-select mf-listen\">\r\n <div class={this.getSelectClassName()}>\r\n <label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n {this.label}\r\n </label>\r\n <div\r\n class=\"mdc-select__anchor\"\r\n role=\"button\"\r\n aria-haspopup=\"listbox\"\r\n aria-labelledby=\"outlined-select-label\"\r\n tabindex=\"0\"\r\n {...(this.isRequired ? { ariaRequired: true } : null)}\r\n >\r\n <span class=\"mdc-notched-outline\">\r\n <span class=\"mdc-notched-outline__leading\"></span>\r\n <span class=\"mdc-notched-outline__trailing\"></span>\r\n </span>\r\n <span class=\"mdc-select__selected-text-container\">\r\n <span\r\n id={this.fieldId}\r\n class=\"mdc-select__selected-text\"\r\n aria-controls={this.fieldName}\r\n aria-describedby={this.fieldName}\r\n data-eloqua-name={this.ptcDataEloquaName}\r\n data-target-eloqua-name={\r\n this.ptcDataTargetEloquaName\r\n }\r\n ></span>\r\n </span>\r\n <span class=\"mdc-select__dropdown-icon\">\r\n <svg\r\n class=\"\"\r\n width=\"10\"\r\n height=\"10\"\r\n viewBox=\"0 0 10 10\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n role=\"listbox\"\r\n aria-label={this.label}\r\n >\r\n <slot></slot>\r\n </div>\r\n\r\n <p\r\n id={this.fieldName}\r\n class=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n >\r\n <svg\r\n class=\"select-error-svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g clip-path=\"url(#clip0_12_1424)\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n fill=\"#AF3231\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12_1424\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n {this.helpertext}\r\n </p>\r\n {this.infoText ? (\r\n <p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n {this.infoText}\r\n </p>\r\n ) : null}\r\n </div>\r\n\r\n {/ helper text */}\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-BE1Ldik5.js → p-BAnupLxp.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 const 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}";
@@ -41,6 +41,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcProgressBar as P, defineCustomElement as d };
-//# sourceMappingURL=p-BE1Ldik5.js.map
+//# sourceMappingURL=p-BAnupLxp.js.map
-//# sourceMappingURL=p-BE1Ldik5.js.map
+//# sourceMappingURL=p-BAnupLxp.js.map

package/dist/components/{p-BE1Ldik5.js.map → p-BAnupLxp.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BE1Ldik5~~.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-BAnupLxp.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}