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

@ptcwebops/ptcw-design 6.5.1-upgrade → 6.5.2-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 (699) hide show

package/dist/cjs/ptc-button.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-button.entry.cjs.js","sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Disabled button\r\n\t /\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/\r\n\t Active Toggle button\r\n\t /\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/\r\n\t Button type\r\n\t /\r\n\t@Prop() type: \"button\" \| \"reset\" \| \"submit\" \| \"link\" = \"button\";\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tcolor:\r\n\t\t\| \"offwhite\"\r\n\t\t\| \"blackgrey\"\r\n\t\t\| \"turtlegreen\"\r\n\t\t\| \"nav\"\r\n\t\t\| \"legacy-green\"\r\n\t\t\| \"ptc-primary\"\r\n\t\t\| \"ptc-secondary\"\r\n\t\t\| \"ptc-tertiary\"\r\n\t\t\| \"ptc-quaternary\"\r\n\t\t\| \"icon-toggle\"\r\n\t\t\| \"clear-search\"\r\n\t\t\| \"primary-cta\"\r\n\t\t\| \"secondary-cta-dark\"\r\n\t\t\| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/\r\n\t Icon Animation\r\n\t /\r\n\t@Prop() iconAnimation:\r\n\t\t\| \"animation-right\"\r\n\t\t\| \"animation-down\"\r\n\t\t\| \"reveal-down\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Icon Position\r\n\t /\r\n\t@Prop() iconPosition: \"icon-left\" \| \"icon-right\" \| \"none\" = \"icon-right\";\r\n\r\n\t/\r\n\t Link URL\r\n\t /\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/\r\n\t link Title\r\n\t /\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/\r\n\t Link target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t Link rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign?: \"left\" \| \"right\" \| \"center\";\r\n\r\n\t/\r\n\t Enable Accessibility Alternate Styling\r\n\t /\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tsize: \"small\" \| \"medium\" \| \"large\";\r\n\t/\r\n\t Emitted when the button has focus.\r\n\t /\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/\r\n\t when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t /\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/\r\n\t Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" \| \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\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.linkHref\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.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\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.linkHref\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.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\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\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":["CheckDarkFocusState","getSeoTagType","h","Host"],"mappings":";;;;;AAAA,MAAM,YAAY,GAAG,qodAAqod;;MCiB7od,SAAS,GAAA,MAAA;;;;;;AAErB;;AAEG;IACsB,QAAQ,GAAa,KAAK;AACnD;;AAEG;IACsB,MAAM,GAAa,KAAK;AACjD;;AAEG;IACK,IAAI,GAA2C,QAAQ;AAC/D;;AAEG;IAEH,KAAK,GAcsB,aAAa;AACxC;;AAEG;IACK,aAAa,GAIb,EAAE;AACV;;AAEG;IACK,YAAY,GAAwC,YAAY;AAExE;;AAEG;IACK,QAAQ,GAAY,SAAS;AAErC;;AAEG;IACK,SAAS,GAAY,SAAS;AAEtC;;AAEK;IACG,MAAM,GAAY,OAAO;AACjC;;AAEK;IACG,GAAG,GAAY,SAAS;AAChC;;;;AAIG;IACK,MAAM,GAAW,CAAC;AAC1B;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;IACK,2BAA2B,GAAY,KAAK;AAEpD;;AAEG;AAEH,IAAA,IAAI;AACJ;;AAEG;AACM,IAAA,UAAU;IACnB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;;;AAGf,IAAA,WAAW;IACX,SAAS,GAAW,EAAE;AAC9B;;AAEG;IACK,oBAAoB,GAAY,KAAK;AAC7C;;AAEG;IACK,eAAe,GAAY,KAAK;AAChC,IAAA,SAAS;AAEjB;;AAEG;IACK,cAAc,GAAY,KAAK;IAE/B,QAAQ,GAA6B,SAAS;IAEtD,iBAAiB,GAAA;AAChB,QAAAA,2BAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;;IAGnC,aAAa,GAAA;AACZ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,QAAQ;AAC5C,QAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,qBAAa,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC;AACzD,QAAA,MAAM,IAAI,GAAG,UAAU,IAAI,UAAU,CAAC,SAAS;AAE/C,QAAA,IAAI,IAAI,CAAC,EAAE,IAAI,UAAU,EAAE;AAC1B,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE;;AAGvB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,IAAI;;AAGzB,QAAA,QACCC,QAACC,UAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAID,uBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5CA,OAAA,CAAA,KAAA,EAAA,EACC,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAC,uBAAuB,MACxB,IAAI,CAAC,QAAQ,KAAK;kBACpB,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;AAC/B,kBAAE,EAAE,CAAC,EAAA,EAENA,OAAA,CAAC,OAAO,EAAA,EACP,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACtC,IAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC/C,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;AAC5B,kBAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,kBAAE,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC;AACzB,kBAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;kBACf,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE;oBACA,KAAK,EAAE,IAAI,CAAC;0BACT,IAAI,CAAC;0BACL,IAAI,CAAC,QAAQ;AAChB;kBACA,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;kBACd,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,WAAW,EACnB,IAAC,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS;kBAC3B,EAAE,CAAC,EAGL,EAAAA,OAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAA,EAC/CA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,kBAAkB,EAAQ,CAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,CAAQ,CAC9B,CAEC,CACL,CACA;;IAIT,cAAc,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AACtC,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,QAAQ;QAE5C,QACCA,QAACC,UAAI,EAAA,IAAA,EACH,IAAI,CAAC,MAAM,IAAID,uBAAQ,IAAI,CAAC,MAAM,CAAS,EAC5CA,OAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACrDA,OAAA,CAAC,GAAG,EAAA,EACH,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EACtC,IAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAA,IAC/C,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAA,IAC1C,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;AAC5B,kBAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,kBAAE,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC;AACzB,kBAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;kBACf,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE;oBACA,KAAK,EAAE,IAAI,CAAC;0BACT,IAAI,CAAC;0BACL,IAAI,CAAC,QAAQ;AAChB;kBACA,EAAE,CAAC,EAAA,IACD,CAAC,CAAC,IAAI,CAAC;AACX,kBAAE,EAAE,QAAQ,EAAE,EAAE;kBACd,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,WAAW,EACnB,IAAC,IAAI,CAAC,SAAS,KAAK;AACvB,kBAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS;kBAC3B,EAAE,CAAC,EAAA,EAEL,IAAI,CAAC,aAAa,IAAI,aAAa,IACnCA,OAAA,CAAA,MAAA,EAAA,IAAA,EACCA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChBA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAQ,CAAA,CAC/B,CACD,CACA,KAEPA,OAAA,CAAA,MAAA,EAAA,IAAA,EACCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,kBAAkB,EAAQ,CAAA,EACrCA,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACbA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAQ,CAAA,CAC9B,CACP,CACI,CACD,CACA;;IAIT,MAAM,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC9B,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;;aACrB;AACN,YAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;;IAItB,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;AAClB,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;AAC1B,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;AACzB,YAAA,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK;AAC1C,YAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK;AACtC,YAAA,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;AACtB,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,YAAA,CAAC,eAAe,GAAG,IAAI,CAAC,2BAA2B;AACnD,YAAA,CAAC,6BAA6B,GAAG,IAAI,CAAC,cAAc;AACpD,YAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;SACrB;;;;;;;"}
1	+ {"version":3,"file":"ptc-button.entry.cjs.js","sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n.nav-store-btn {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-green-07);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/(For Firefox)/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/(For Chrome and Safari)/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: var(--color-green-07) !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t// outline: 3px solid var(--color-blue-07);\r\n\t// outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/\r\n\t Disabled button\r\n\t /\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/\r\n\t Active Toggle button\r\n\t /\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/\r\n\t Button type\r\n\t /\r\n\t@Prop() type: \"button\" \| \"reset\" \| \"submit\" \| \"link\" = \"button\";\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tcolor:\r\n\t\t\| \"offwhite\"\r\n\t\t\| \"blackgrey\"\r\n\t\t\| \"turtlegreen\"\r\n\t\t\| \"nav\"\r\n\t\t\| \"legacy-green\"\r\n\t\t\| \"ptc-primary\"\r\n\t\t\| \"ptc-secondary\"\r\n\t\t\| \"ptc-tertiary\"\r\n\t\t\| \"ptc-quaternary\"\r\n\t\t\| \"icon-toggle\"\r\n\t\t\| \"clear-search\"\r\n\t\t\| \"primary-cta\"\r\n\t\t\| \"secondary-cta-dark\"\r\n\t\t\| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/\r\n\t Icon Animation\r\n\t /\r\n\t@Prop() iconAnimation:\r\n\t\t\| \"animation-right\"\r\n\t\t\| \"animation-down\"\r\n\t\t\| \"reveal-down\"\r\n\t\t\| \"\" = \"\";\r\n\t/\r\n\t Icon Position\r\n\t /\r\n\t@Prop() iconPosition: \"icon-left\" \| \"icon-right\" \| \"none\" = \"icon-right\";\r\n\r\n\t/\r\n\t Link URL\r\n\t /\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/\r\n\t link Title\r\n\t /\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/\r\n\t Link target\r\n\t * /\r\n\t@Prop() target?: string = \"_self\";\r\n\t/\r\n\t Link rel\r\n\t * /\r\n\t@Prop() rel?: string = undefined;\r\n\t/\r\n\t (optional) tab-nav.\r\n\t * indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t * A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t /\r\n\t@Prop() tabNav: number = 0;\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t /\r\n\t@Prop() styles?: string;\r\n\r\n\t/\r\n\t Text Align\r\n\t /\r\n\t@Prop() textAlign?: \"left\" \| \"right\" \| \"center\";\r\n\r\n\t/\r\n\t Enable Accessibility Alternate Styling\r\n\t /\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/\r\n\t Button theme color\r\n\t /\r\n\t@Prop()\r\n\tsize: \"small\" \| \"medium\" \| \"large\";\r\n\t/\r\n\t Emitted when the button has focus.\r\n\t /\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/\r\n\t (optional) enable support for seo tools that can only view source\r\n\t /\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/\r\n\t when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t /\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/\r\n\t Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" \| \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\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.linkHref\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.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\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.linkHref\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.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\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\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":["CheckDarkFocusState","getSeoTagType","h","Host"],"mappings":"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"}

package/dist/cjs/ptc-card-bottom.cjs.entry.js CHANGED Viewed

@@ -62,7 +62,7 @@ const PtcCardBottom = class {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '8d5ab9ed4230052967f46612245477585da4c5df', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", { key: '34454133e0ae94c4fafc0d681b8d41a0a4477b0c' }, this.styles), index.h("slot", { key: '32334ffc9a7ae9090b92675d24f77e0a15a2d4b4', name: "slot-content" }), index.h("div", { key: '83bbf993dc82555b7a9478c201ca45cfd1afddbe', class: "ptc-card-bottom-wrapper" }, index.h("slot", { key: 'e0a73e55181e4d8321d85a0e503356efeaa4a2d8' }))));
+        return (index.h(index.Host, { key: 'e06b9ac309576fd82c92fe342a311132ab9cc702', part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", { key: 'c303ae286e4a97d336da1f82ee088c33baaa1571' }, this.styles), index.h("slot", { key: 'ece3c0b162bb7d86f74b8a3b9a582de1bc401285', name: "slot-content" }), index.h("div", { key: '53d644fc987091321d9054e981f772b862c29497', class: "ptc-card-bottom-wrapper" }, index.h("slot", { key: 'a109d4f78a12cbe5aa470062afe036f34da046a6' }))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card-content.cjs.entry.js CHANGED Viewed

@@ -71,11 +71,11 @@ const PtcCardContent = class {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '9461a649a75bb51e15a16900883ca3fab20d0e72', part: "card-content", class: classMap, ...(!this.isLoading
+        return (index.h(index.Host, { key: '60f2cf0ed31ba01477fb2f4723fd043dc9bc4a95', part: "card-content", class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && index.h("style", { key: 'a3287a2be8d083186bd9fa8ac8dc6e38a08bd065' }, this.styles), index.h("slot", { key: 'ba7f0ee244b69b9ae4a3425bafdd5c12b82f0068', name: "slot-content" }), index.h("div", { key: '778b8da1d94b5ea3b9f2b58bb2deb3e09e65297b', class: "ptc-card-content-wrapper" }, index.h("slot", { key: '7e3fa9e7c249507ef5cbad42338b9f2a3e81daa0' }))));
+                : {}) }, this.styles && index.h("style", { key: '7364f886eb8e99cbb7edba46c8401d0dc4fad2c3' }, this.styles), index.h("slot", { key: 'cd05ac55bcd3d56517b8d76c8bb73aa0e4a6626c', name: "slot-content" }), index.h("div", { key: 'a51b3426c66fe05904d1fb4b4f2cf4d8eb7a3746', class: "ptc-card-content-wrapper" }, index.h("slot", { key: '72ff90a0d1795365043ebbed9e6c5ca2bd2aaddd' }))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card-wrapper.cjs.entry.js CHANGED Viewed

@@ -72,11 +72,11 @@ const PtcCardPlm = class {
     render() {
         const classMap = this.getCssClassMap();
         const Tag = !!this.cardLink ? "a" : "div";
-        return (index.h(index.Host, { key: 'f38f7259cf13cecdaa18bd53cd5639082fd21eed', class: classMap, ...(!this.isLoading
+        return (index.h(index.Host, { key: '4e97b9ef9c2d7d17b71430ea4170533d06f58d18', class: classMap, ...(!this.isLoading
                 ? { onMouseEnter: this.hoverEventHandler.bind(this) }
                 : {}), ...(!this.isLoading
                 ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-                : {}) }, this.styles && index.h("style", { key: '298f3edd0eb04bed0aa8858c50e4c4d50d68bbff' }, this.styles), index.h("div", { key: '4c0af7b603bf416396ade51e1d4edc38d9ae3c55', class: "tracker-div mf-listen", id: this.trackerId }, index.h(Tag, { key: '552c4a388cdfbdc6dc1958ed88ecd834db8f60d2', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
+                : {}) }, this.styles && index.h("style", { key: 'b32f28b4fc30e827d0e7d7690ad9dcb56234f0d5' }, this.styles), index.h("div", { key: '3f631fdea85f745804ad18596ecc2465719a8741', class: "tracker-div mf-listen", id: this.trackerId }, index.h(Tag, { key: 'a1943e76c97e4c9ce79774a54648f6f8bf6cb3c9', class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, ...(!!this.cardLink && this.cardType !== "simple-card"
                 ? { tabindex: "0" }
                 : { tabindex: "-1" }), ...(!!this.cardLink && !this.isLoading
                 ? { href: this.cardLink }
@@ -92,7 +92,7 @@ const PtcCardPlm = class {
                         ? this.linkTitle
                         : this.cardLink,
                 }
-                : {}) }, index.h("slot", { key: '4e29e667d82ecc85f5cce77e70255c3fdd9b69be' })))));
+                : {}) }, index.h("slot", { key: '4cf6432a84861d03285823a8d666ba00bd06e5a4' })))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-card.cjs.entry.js CHANGED Viewed

@@ -142,12 +142,12 @@ const PtcCard = class {
         if (this.titleLineCutOff && this.titleLineCutOff > 0) {
             cutOffTitleClass = " clamp-title";
         }
-        return (index.h(index.Host, { key: '7387779128e985af9e20c63c8363ecf6a5298b3e', class: {
+        return (index.h(index.Host, { key: '5b8b4565868c680109dbed90092b37a2b8798175', class: {
                 [this.cardType]: !!this.cardType,
                 "creo-card-wrap": this.isCreoCard, // Add the cardType class conditionally
-            } }, this.styles && index.h("style", { key: '0641f647d54f7777aa86781a77408b3dd5f5e8f9' }, this.styles), index.h("slot", { key: '94092031fbcdfbfe665fb58ef64184861a6c868e', name: "seo-content" }), index.h("div", { key: 'afd2e025d430258b06b8b9f3e67fa8f4b148d1da', id: this.cardType !== "featured-horizontal-card"
+            } }, this.styles && index.h("style", { key: '77b1ad2930535152f48527313f185c73e70df3b2' }, this.styles), index.h("slot", { key: '943445187f8216643e335f35b90ac9e78757a960', name: "seo-content" }), index.h("div", { key: 'd3214b6cf0d74e94ecb72b3b977cef35db61e530', id: this.cardType !== "featured-horizontal-card"
                 ? this.trackerId
-                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, { key: 'a27ee1ebbc7f50780a451bc17b0759a350ff1ac4', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
+                : "", class: "card-border mf-listen", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, { key: 'ff725236a1a3aaa51bd63a7858e8d366b9ca4745', class: classMap, part: "card-layout", ...(!!this.cardHref ? { href: this.cardHref } : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
                 : {}), ...(!!this.rel && !!this.cardHref
                 ? { rel: this.rel }
@@ -160,11 +160,11 @@ const PtcCard = class {
             (!!this.ribbonText &&
                 this.cardType == "listing-card") ||
             (!!this.ribbonText &&
-                this.cardType == "events-card") ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { key: '052123e4e89080981583539d9622f9d519d26ac1', id: this.cardType === "featured-horizontal-card" ||
+                this.cardType == "events-card") ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { key: 'f0207fdf334dadfe6250c500d910b0eb5c64ed76', id: this.cardType === "featured-horizontal-card" ||
                 this.cardType === "related-card" ||
                 this.cardType == "events-card"
                 ? this.trackerId
-                : "", class: "card-body mf-listen", part: "body-wrapper" }, index.h(BodyContainerTag, { key: '5134b3770887a571b1a254cdec3999f019c28c9c', class: "link-wrapper mf-listen", ...(!!this.cardHref
+                : "", class: "card-body mf-listen", part: "body-wrapper" }, index.h(BodyContainerTag, { key: 'a5de1cace360d7b0e6f3bf384d1f256a682624cc', class: "link-wrapper mf-listen", ...(!!this.cardHref
                 ? { href: this.cardHref }
                 : {}), ...(!!this.target && !!this.cardHref
                 ? { target: this.target }
@@ -181,7 +181,7 @@ const PtcCard = class {
             ? {
                 ...(!!this.cardLogo ? (index.h("div", { class: "card-logo-container" }, index.h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" }))) : (index.h("div", { class: "card-logo-none" }))),
             }
-            : null, index.h("slot", { key: 'd67fe4b688c00397d4bf8a751f103ff815aec1ec', name: "slot-before-heading" }), !!this.heading
+            : null, index.h("slot", { key: '0d51273b69f3b5058e3e31db07cf26c7f8deb98d', name: "slot-before-heading" }), !!this.heading
             ? [
                 this.cardType === "listing-card" ||
                     this.cardType == "events-card" ? (index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, part: "card-heading" }, this.heading)) : this.cardType ===
@@ -192,7 +192,7 @@ const PtcCard = class {
             : null, !!this.cardDate &&
             this.cardType == "events-card" ? (index.h("div", { class: "events-date" }, index.h("svg", { class: "calendar-icon", width: "15", height: "17", viewBox: "0 0 15 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("path", { id: "Vector", d: "M4.62109 7.11804H3.12109V8.61804H4.62109V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_2", d: "M7.82129 7.11804H6.32129V8.61804H7.82129V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_3", d: "M11.1211 7.11804H9.62109V8.61804H11.1211V7.11804Z", fill: "#323B42" }), index.h("path", { id: "Vector_4", d: "M4.62109 9.51807H3.12109V11.0181H4.62109V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_5", d: "M7.82129 9.51807H6.32129V11.0181H7.82129V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_6", d: "M11.1211 9.51807H9.62109V11.0181H11.1211V9.51807Z", fill: "#323B42" }), index.h("path", { id: "Vector_7", d: "M7.82129 11.9181H6.32129V13.4181H7.82129V11.9181Z", fill: "#323B42" }), index.h("path", { id: "Vector_8", d: "M4.62109 11.9181H3.12109V13.4181H4.62109V11.9181Z", fill: "#323B42" }), index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector_9", d: "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", fill: "#323B42" }), index.h("path", { id: "Vector_10", d: "M2.82129 0.118042V2.11804V3.41804H4.82129V2.11804V0.118042H2.82129Z", fill: "#323B42" }), index.h("path", { id: "Vector_11", d: "M9.12109 0.118042V2.11804V3.41804H11.1211V2.11804V0.118042H9.12109Z", fill: "#323B42" })))), index.h("span", { class: "events-item-text event-cards-date" }, `${this.cardDate}`))) : null, !!this.eventType &&
             this.cardType == "events-card" ? (index.h("div", { class: "events-type-class" }, index.h("svg", { class: "in-person-icon", width: "17", height: "13", viewBox: "0 0 17 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "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", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "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", fill: "#323B42" }))), index.h("span", { class: "event-name events-item-text" }, `${this.eventType}`))) : null, !!this.language &&
-            this.cardType == "events-card" ? (index.h("div", { class: "language" }, index.h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "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", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "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", fill: "#323B42" }))), index.h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, index.h("slot", { key: 'a8ae14e745ce5d33c6495c785c6e2599fc5ae5dd', name: "slot-description" }), !!this.cardDate &&
+            this.cardType == "events-card" ? (index.h("div", { class: "language" }, index.h("svg", { class: "language-icon", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { id: "Group" }, index.h("g", { id: "Group_2" }, index.h("path", { id: "Vector", d: "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", fill: "#323B42" })), index.h("path", { id: "Vector_2", d: "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", fill: "#323B42" }))), index.h("span", { class: "language-name events-item-text" }, `${this.language}`))) : null, index.h("slot", { key: 'a36cf090b0e2d6dad25d50795a37930f5c52ac0d', name: "slot-description" }), !!this.cardDate &&
             this.cardType !== "listing-card" &&
             this.cardType !== "listing-card-horizontal" &&
             this.cardType !== "hightlight-card" &&

package/dist/cjs/ptc-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const PtcCheckboxGroup = class {
         selectAllCheckbox.checked = !allChecked;
     }
     render() {
-        return (index.h(index.Host, { key: '23e3613037c2aa2ca9f8699042ee2729b4419904', class: `pcg-${this.type}` }, index.h("slot", { key: 'ffa868f337a954a184784dec12d15eda8ce2093e', name: "title" }), index.h("slot", { key: '56e7809235d5156af47d33561fee482995cc4527' })));
+        return (index.h(index.Host, { key: '825c24ff24d05f3f43911bd129d406c73bddae02', class: `pcg-${this.type}` }, index.h("slot", { key: '78d0ed7efb31ddc57eed2cf16152bb64abaffe2e', name: "title" }), index.h("slot", { key: '2d779849c5ff3102cd98e7588b0978762ea08ced' })));
     }
 };
 PtcCheckboxGroup.style = ptcCheckboxGroupCss;

package/dist/cjs/ptc-close-icon_2.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const PtcCloseIcon = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '72c8de584c97109dd8e635ab9fcee9310a5d3028' }, index.h("div", { key: '68e59408751a293240e1354fe20711d41d55ca9e', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, index.h("svg", { key: '3b5d5a3f4d025393c2eac0237603052bcbe974fc', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, index.h("path", { key: 'd4785945f969ff7737ca5bd580f0fee4e8ed80c0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
+        return (index.h(index.Host, { key: 'b4a6d8113be48608d41011f156930d6d61eb7602' }, index.h("div", { key: '05248b8349b9ad8bed896dc2342ac39a8c980ea7', class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, index.h("svg", { key: '6e4bf24d1503112b8a1b4e84399a8135dd4e98cb', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, index.h("path", { key: 'd986163655b3f79a837dc7bc3b34341775e20c31', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
     }
 };
 PtcCloseIcon.style = ptcCloseIconCss;

package/dist/cjs/ptc-container.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const PtcContainer = class {
     styles;
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '6c828b4729fb8d588dd33abfbee158bd3068e530', class: this.getContainerClass() }, this.styles && index.h("style", { key: '718bdaa7803341a06f0e68525c91300485684a83' }, this.styles), index.h("div", { key: '3bc58f16cc07d5807657f2749220e100aedc4679', class: classMap }, index.h("slot", { key: '4feda2277391e5e54405a0995e6395f011a4e184' }))));
+        return (index.h(index.Host, { key: 'ac6aa2e16155bea47c3ae2fe16cca8ec22977529', class: this.getContainerClass() }, this.styles && index.h("style", { key: '0b67a4161ee5c7ab02d6d8cd6f8cb2f03a8edb97' }, this.styles), index.h("div", { key: '3972e2c303f949b68c26185fce98fe08eebb99fa', class: classMap }, index.h("slot", { key: '5bfc024f3ab76ac9a5f41d8abcb47a67156528f7' }))));
     }
     getContainerClass() {
         switch (this.containerType) {

package/dist/cjs/ptc-countdown.cjs.entry.js CHANGED Viewed

@@ -189,7 +189,7 @@ const PtcCountdown = class {
             .utcOffset(this.getOffsetFromAbbr(this.eventTimeZone), true)
             .format("YYYY-MM-DD HH:mm");
         //const hour12 = this.shouldUse12HourFormat();
-        return (index.h("div", { key: '75def7f321443b144154689181253e71a43f382b', class: "countdown-outer" }, this.countdownTitle && (index.h("div", { key: '0ebed0bd6663bfc44e7d71580986b4d1aae9e428', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (index.h("div", { id: "CDOutput", class: "countdown" }, index.h("div", { class: "day" }, index.h("div", null, days), index.h("span", null, this.daysText)), index.h("div", { class: "hours" }, index.h("div", null, hours), index.h("span", null, this.hoursText)), index.h("div", { class: "minutes" }, index.h("div", null, minutes), index.h("span", null, this.minutesText)), index.h("div", { class: "seconds" }, index.h("div", null, seconds), index.h("span", null, this.secondsText)))) : (index.h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), index.h("div", { key: 'bd0e2076a23a1640fea6ea861b81748ef74241be', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
+        return (index.h("div", { key: '2a9a519bcccb66c9fc757937f79254e400019355', class: "countdown-outer" }, this.countdownTitle && (index.h("div", { key: '17f0fa7dc7a01dc234b2bb4191ed7e4e9793ade5', class: "event-name" }, this.countdownTitle)), !this.isExpired ? (index.h("div", { id: "CDOutput", class: "countdown" }, index.h("div", { class: "day" }, index.h("div", null, days), index.h("span", null, this.daysText)), index.h("div", { class: "hours" }, index.h("div", null, hours), index.h("span", null, this.hoursText)), index.h("div", { class: "minutes" }, index.h("div", null, minutes), index.h("span", null, this.minutesText)), index.h("div", { class: "seconds" }, index.h("div", null, seconds), index.h("span", null, this.secondsText)))) : (index.h("div", { class: "expired" }, `${this.expiredText} ${formattedEventTime} ${this.eventTimeZone}`)), index.h("div", { key: '26711f15f3a02377159862e61e36b31f560dec43', class: "cd-event-date" }, new Date(this.eventTime).toLocaleDateString(this.displayLocale, {
             month: "long",
             day: "numeric",
             year: "numeric",

package/dist/cjs/ptc-data-lookup.cjs.entry.js CHANGED Viewed

@@ -672,7 +672,7 @@ const PtcDataLookup = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'd7d475b81acf2d7d76319ed39c243f8f19ed290e' });
+        return index.h("slot", { key: 'e6c43af16465fcdd5a1e543bde32d0ae802f810a' });
     }
 };
 PtcDataLookup.style = ptcDataLookupCss;

package/dist/cjs/ptc-dropdown.cjs.entry.js CHANGED Viewed

@@ -57,9 +57,9 @@ const PtcDropdown = class {
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h("div", { key: '878d2d28c2f0b9d8aa5b193398edf51286902187', class: classMap }, index.h("header", { key: '76d1fc7807adb423a9ea2f4e73f52d046bad9cd1', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, index.h("label", { key: 'dd0b6c27ea670da4e01b1e02a6e5b01c132b0632' }, index.h("b", { key: 'ece846be9b1ce081302dd022de7f5a02ce8b2f30' }, this.label), " ", this.selectedItem
+        return (index.h("div", { key: '27300b853bb373718f99dca90f61c934ae353798', class: classMap }, index.h("header", { key: '3e8fb034417b183d4152f36f66296c737c872746', id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, index.h("label", { key: '9781713a5357a74f43b013e5e5b6c6cdb1318017' }, index.h("b", { key: '63f6b713a5f4974720d008935ee78be026293a70' }, this.label), " ", this.selectedItem
             ? this.selectedItem.label
-            : "Select Option"), index.h("icon-asset", { key: 'b39d430603f137642c485b1c4ece3187cf682b80', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (index.h("ul", { key: 'e4caba918bbba95bbd37695db2171d88da501fed', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
+            : "Select Option"), index.h("icon-asset", { key: '11925d1b05f4fa65cb8d7af92f78ed3fbb6c899b', type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (index.h("ul", { key: 'ccc9b2e84b38b1814f035b54ae1c2667f6aedc9f', id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
                 this.toggle = false;
             } }, this.listItems.map((item) => {
             let cssClass = "dropdown__item mf-listen";

package/dist/cjs/ptc-dynamic-card.cjs.entry.js CHANGED Viewed

@@ -146,11 +146,11 @@ const PtcDynamicCard = class {
     // }
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '9ec99cd89678a4fb713cf2037e3d3041112b2e6d', class: classMap }, this.styles && index.h("style", { key: 'ae00ecd4083ed5050f4a2a78c9685d47d773975a' }, this.styles), index.h("div", { key: '3bff11ee3379e6c25168a305fbb14a40bf389eca', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (index.h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, index.h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), index.h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))))) : (index.h("div", null, index.h("div", { ...(!this.isExpanded && {
+        return (index.h(index.Host, { key: '9eb860adcce087349cf5611d41fe02603057b78c', class: classMap }, this.styles && index.h("style", { key: '725097803154f030a5754c641451eff16b20ca6f' }, this.styles), index.h("div", { key: '33971e0c2a5ff742611cde1a52be057c1d4ec1a8', class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (index.h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, index.h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), index.h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))))) : (index.h("div", null, index.h("div", { ...(!this.isExpanded && {
                 hidden: "until-found",
             }),
             /* @ts-ignore */
-            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, index.h("ptc-card-content", { "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))), index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), index.h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (index.h("ptc-overlay", { "filter-color": "solid-black-1" })) : (index.h("ptc-overlay", { "filter-color": "solid-black-2" }))), index.h("div", { class: "closed-content", "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (index.h("div", { key: '37ee0254c46a178f3c58d3110d3200d6d102effd', hidden: true }, index.h("svg", { key: '222dd13150866b3da59d5f745ee3073ba3d30caa' }, index.h("use", { key: '1a8c5e98c115bee91ef863c63d73ab877c0cd503', href: `${this.dotSvg}` }))))));
+            onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId }, index.h("ptc-card-content", { "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))), index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), index.h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (index.h("ptc-overlay", { "filter-color": "solid-black-1" })) : (index.h("ptc-overlay", { "filter-color": "solid-black-2" }))), index.h("div", { class: "closed-content", "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (index.h("div", { key: 'ded12b1abc42c209c765f03aa5d60f47c2af1baf', hidden: true }, index.h("svg", { key: '6fb7dbdb0c2717893bcc34a6f35938ae214134ae' }, index.h("use", { key: '49058502c56a15f04638f80404fddb95b161b9f0', href: `${this.dotSvg}` }))))));
     }
     dotSvg = index.getAssetPath("./media/nav-active-dotslick.svg");
     static get assetsDirs() { return ["media"]; }

package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js CHANGED Viewed

@@ -172,14 +172,14 @@ const PtcEllipsisDropdown = class {
         if (activeTab) {
             isActive = true;
         }
-        return (index.h("div", { key: '27a9f9b8d9172847f9e04f46a9eada096b7df192', class: this.dropdownType == "tab-with-banner"
+        return (index.h("div", { key: 'bee8945072511fb33ae968a49d8fcd7db409e46a', class: this.dropdownType == "tab-with-banner"
                 ? "ptc-ellipsis-dropdown tab-with-banner"
                 : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, this.isMobile ||
             (this.isIPad && this.dropdownType === "tab-with-banner") ? (index.h("div", { class: "mob-drop" }, index.h("span", { class: "opt-name" }, this.dataItems.map((item) => item.isSelected ? item.text : "")), index.h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (index.h("div", { class: isActive || this.isDropdownOpen
                 ? "ellipsis-icon active"
                 : "ellipsis-icon" }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen
                 ? "white"
-                : "black" }))), index.h("div", { key: '20eb9b657de32cdbb2104981c24b69a9d04c7de7', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, index.h("slot", { key: 'e8dd1993fb42afb2da6f0da41ae4d68985c1b74a', name: "dropdown" }), this.dataItems.map((dataItem) => {
+                : "black" }))), index.h("div", { key: 'f48551400cde9f15df628a60818dd433fc29ae4b', class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, index.h("slot", { key: '60583de1d4759616b098aa4e05393b74c493d853', name: "dropdown" }), this.dataItems.map((dataItem) => {
             let activeClass = dataItem.value == this.selectedTab ? "active" : "";
             let activeDropdown = dataItem.isSelected
                 ? "selected-drop"

package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js CHANGED Viewed

@@ -53,14 +53,14 @@ const PtcEnhancedProductListingCard = class {
     };
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: '56fe78b886aee66f98691f02ebd7d52f0d190567' }, index.h("div", { key: 'd16083b9d235467bf9aec9121bb4b824ebb74449', class: classMap }, this.theme == "standard" && (index.h("div", { key: 'f154fb32bfe57ea728475ccba104f1722d077877', class: "ribbon" }, index.h("svg", { key: 'a200427ebdae5f64c94113a2c84caf7a9c49363e', class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, index.h("path", { key: '2d4b82a4f2d1f78012314ec2b9c421063c846054', d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), index.h("slot", { key: 'eab9cf59109ec0c3c51e725b673311d0ea41f920', name: "ribbon-text" }))), index.h("div", { key: 'b55ecef1022eeaef718b828f41a5a8ed901deea5', class: "flex-start" }, index.h("ptc-title", { key: '5fa58a0eebfb231ed30d80b9ec0e9cbad2c5c965', "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, index.h("h3", { key: '3b5f4702a49b50e0713ebb73b2b8e7b17ca4f827' }, index.h("slot", { key: '1d5ad208e779113eb9308318069c6b9e86bb8cc6', name: "heading" }))), index.h("ptc-para", { key: '46a02fc28d510cb0999607cb38b3f3d755ba9092', "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, index.h("p", { key: '8d3bd66961bca2912ac8ff7e4d9668a1e3246c75' }, index.h("slot", { key: 'fe934dd179986171456a2a9c69ca0938b1f4d57c', name: "description" }))), index.h("div", { key: 'ccbfb3c2afbf0ad9e9d69d1507dcb3c73ac3f86b' }, this.featureCallouts.length > 0 &&
+        return (index.h(index.Host, { key: '2028a999f30a34c6819b08570ba07bec8f42c18b' }, index.h("div", { key: '1cbf5c3bf710b3d47581f04e9cb8eaeecaa275f7', class: classMap }, this.theme == "standard" && (index.h("div", { key: '3d2ce6d5467c5345120d56e4c187d8fe7f1bf211', class: "ribbon" }, index.h("svg", { key: '78c65ebb597790ec1f9c708ee2bf6a29754e3cc9', class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, index.h("path", { key: '03ed70f2b5590e16356b49a72fd2c593e97dd04f', d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), index.h("slot", { key: '5c30916ae2c23e2835f8b1ac12ec75f731bc9bce', name: "ribbon-text" }))), index.h("div", { key: '31bb7d9a04b279c37094b20def59e167b02d1d05', class: "flex-start" }, index.h("ptc-title", { key: '29c9275d531c7221307405c8606ce8f23e05701f', "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, index.h("h3", { key: 'dd9004a3276d5dc99271ae8ef5b82c2312ba0a80' }, index.h("slot", { key: 'eec5eb7f2df21b6e3360d6514f4229421fc71661', name: "heading" }))), index.h("ptc-para", { key: '832d94d8d542fee5b1291616a625fffbf23b6f63', "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, index.h("p", { key: '8abac03bf796812bff8276f9e67b4b13140d0d9e' }, index.h("slot", { key: 'fa584b560c61d3c3fe31fd4a4a37d5b43133c97c', name: "description" }))), index.h("div", { key: '8d3dcad3a0c0522a236fd3efb98f1dfdf9f9bb59' }, this.featureCallouts.length > 0 &&
             this.featureCallouts.map((feature, idx) => (index.h("ptc-icon-list", { "is-last-item": idx ===
                     this.featureCallouts.length - 1
                     ? "true"
                     : "false", "no-bottom-space": idx ===
                     this.featureCallouts.length - 1
                     ? "true"
-                    : "false", "list-content": feature, "list-type": "feature-callout-list" }, index.h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), index.h("div", { key: 'dd3903b7eaa36579176a53795eec9c63609ff9a9', class: "flex-end" }, index.h("div", { key: '153aaec8a83d7d5f9bcd7d4af1db91dcbd3b1bd7', class: "pricing" }, !this.disablePriceLabel && (index.h("span", { key: 'cb273792f620ac504f41698619b620a0c1f42b1a', class: "pricing-label" }, index.h("slot", { key: 'e6b5c23146134be321bd79987693e50e55f8c165', name: "pricing-label" }))), index.h("span", { key: '399d831d14aded9ad336d5e97c36e5449922eb49', class: "pricing-value" }, index.h("slot", { key: 'c1f329a0a82a8568837032634c350afc31b8f897', name: "pricing-value" }))), index.h("ptc-button", { key: '995b55c74d11753e413fb82aba11333fdc2500e5', color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
+                    : "false", "list-content": feature, "list-type": "feature-callout-list" }, index.h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), index.h("div", { key: '184aa277e601eb23fc71169aa5856afb292ee8cb', class: "flex-end" }, index.h("div", { key: 'e05c916a7a20be8f1bce63270d42a76a5710326c', class: "pricing" }, !this.disablePriceLabel && (index.h("span", { key: 'ef0c654a6886440b08a53e5e3c9f42b34bf61b2d', class: "pricing-label" }, index.h("slot", { key: 'ba3578bbdf6a33004d4d13bace02bc3953ddfaa4', name: "pricing-label" }))), index.h("span", { key: '09ed7dca88ef5aee9f601d68bbfcc71e9f287b75', class: "pricing-value" }, index.h("slot", { key: '4a10edf850544727f4d89e070f604856629d3b29', name: "pricing-value" }))), index.h("ptc-button", { key: '201a16aab78cf61237c6ef9db34823d286eac29e', color: "ptc-quaternary", "link-href": this.cta.href, "button-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
     }
     getCssClassMap() {
         return {

package/dist/cjs/ptc-featured-list.cjs.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const PtcFeaturedList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1fe54475ca12ee8d611a40b9b21695251bb9769a' }, index.h("div", { key: 'dc776393fbb74f520c28b23c64f7fd271796edb4', class: "featured-image-wrap" }, index.h("fl-tab-image", { key: '6df0be24a88e64dcfd99adff048abad9fe46bcc6', "name-key": "tab-01", selected: this.selectedTab === "tab-01" }, index.h("ptc-img", { key: '6029acbb648f9b77120f8187d5690d349de86776', "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), index.h("fl-tab-image", { key: 'db934eaea4dcb4c4f29a9beca5532e271cf0d9dc', "name-key": "tab-02", selected: this.selectedTab === "tab-02" }, index.h("ptc-background-video", { key: 'b46701bb4c1084e48f9b6a5a29212f7f011e972c', overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), index.h("fl-tab-image", { key: '1393773e0e07699c6e270db4791e55fad30b1cf1', "name-key": "tab-03", selected: this.selectedTab === "tab-03" }, index.h("ptc-img", { key: 'aebb37e30483d1e0564d1688fbfc2f7590a506d2', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), index.h("fl-tab-image", { key: '7d1517cc80a99ef6e61d1268816a8b9874de2e83', "name-key": "tab-04", selected: this.selectedTab === "tab-04" }, index.h("ptc-img", { key: '5c6b497caccefe5bc3e653f1e4cf1091761762a7', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
+        return (index.h(index.Host, { key: '766856ca0b7973d024620cf01ba05ec69e52b995' }, index.h("div", { key: 'fa28b41e54de40cfa3240693c74ef1f3997df196', class: "featured-image-wrap" }, index.h("fl-tab-image", { key: '895da7523904fbe2d1e005d1166f319c20a91570', "name-key": "tab-01", selected: this.selectedTab === "tab-01" }, index.h("ptc-img", { key: '9dfae9bd57b4ed5630c1ef89d23909c49decde2e', "image-type": "smart-bg", "image-alignment": "center", "img-url": "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" })), index.h("fl-tab-image", { key: '24edbc5440ed70688682c4748b862390ad6bdebe', "name-key": "tab-02", selected: this.selectedTab === "tab-02" }, index.h("ptc-background-video", { key: 'e2949aec6b8dfc6acdf0cb000747385878c9fd59', overlay: false, "play-button-title": "Play", "pause-button-title": "Pause", "video-src": "https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4", "poster-src": "https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg" })), index.h("fl-tab-image", { key: '01c86b9632e2a1fd3c6fa1fcfe7cea37c4f06fb6', "name-key": "tab-03", selected: this.selectedTab === "tab-03" }, index.h("ptc-img", { key: 'b52345611f5a1821b05db89ed0b693102ae23922', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949" })), index.h("fl-tab-image", { key: 'ea69639815df97a2237d27d32d1bd4f000d15062', "name-key": "tab-04", selected: this.selectedTab === "tab-04" }, index.h("ptc-img", { key: '862255b2b8f4d3782afdebc2d250dde03fa183e7', "image-type": "smart-bg", "image-alignment": "center", "img-url": "https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6" }))), this.isMobile ? (
         // Code for mobile only
         index.h("div", { class: "mobile-wrapper" }, index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 1, "name-key": "tab-01", "tab-title": "Aerospace & Defense", selected: this.selectedTab === "tab-01" }, " "), index.h("fl-tab-content", { "value-key": 1, "name-key": "tab-01", selected: this.selectedTab === "tab-01", onbeforematch: () => (this.selectedTab = "tab-01") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 2, "name-key": "tab-02", "tab-title": "Automotive", selected: this.selectedTab === "tab-02" }), index.h("fl-tab-content", { "value-key": 2, "name-key": "tab-02", selected: this.selectedTab === "tab-02", onbeforematch: () => (this.selectedTab = "tab-02") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 3, "name-key": "tab-03", "tab-title": "Electronics & High-Tech", selected: this.selectedTab === "tab-03" }), index.h("fl-tab-content", { "value-key": 3, "name-key": "tab-03", selected: this.selectedTab === "tab-03", onbeforematch: () => (this.selectedTab = "tab-03") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, index.h("ptc-readmore", { "visible-lines-custom": "7", "more-text": "Read More", "less-text": "Read Less", "read-more-position": "left", class: "inline" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization. Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization.")), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))), index.h("div", { class: "acc-item" }, index.h("fl-tab-header", { "value-key": 4, "name-key": "tab-04", "tab-title": "Retail & Consumer Products", selected: this.selectedTab === "tab-04" }), index.h("fl-tab-content", { "value-key": 4, "name-key": "tab-04", selected: this.selectedTab === "tab-04", onbeforematch: () => (this.selectedTab = "tab-04") }, index.h("ptc-para", { "para-line-h": "line-height-p", "font-size": "small", "para-margin": "margin-3" }, "Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."), index.h("a", { href: "https://www.google.com", tabIndex: 0 }, "See More about Aerospace & Defense"))))) : (
         // Code for Desktop only

package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js CHANGED Viewed

@@ -110,13 +110,13 @@ const PtcFilterDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0fc95dc7032b1b90cbd05053d9cc4646b77b610b' }, this.styles && index.h("style", { key: '8f11d2db5277c494bf60b26912ae66a426a2ba89' }, this.styles), index.h("div", { key: '028206c7d9b9c68fdfc7c7997939c7f15039712d', class: "dropdown" }, index.h("div", { key: '4b7c07afba2a1dda3071e9cff9c50c5bad29fcbe', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
+        return (index.h(index.Host, { key: '4b3d442ad56316ba3064bbb4b1cb4a7e8fc2f47e' }, this.styles && index.h("style", { key: '4e37c3fd00153c74a23976f0706164c4821b8ef5' }, this.styles), index.h("div", { key: '10bb6fb0e9dad805f0fb8b32df8df4d1cddb9d6c', class: "dropdown" }, index.h("div", { key: 'b868ce368a39792355d2fa9f6892f2c28683848e', class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => {
                 this.handleKeyDown(e);
-            } }, index.h("span", { key: '521a4b96b0b01b6dd140d06cf2af62175cfe6bcb', class: "dropdown-placeholder" }, index.h("strong", { key: '03fed5f25d48b91ba9757ce8758932b4d69bec7e' }, "Filter: "), index.h("span", { key: '8ceb40ab52edbd41a5dc6896f171afb87e896996', class: "dropdown-filter-name" }, this.placeholder)), index.h("span", { key: 'a3df9549184c17e4a40863158ef9114b1199ff53', class: "caret" }, index.h("svg", { key: '8bee67984027cac0348b34edcda11c53bfb60603', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, index.h("path", { key: 'eb289e12f3d03a39e4cc907570e04bc54f4a4880', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (index.h("div", { key: '6592702f3d9bc991441057fbc58c78c8887049c2', class: "dropdown-menu" }, index.h("ul", { key: 'fe9814424ae9413d8fb1cd6f547e9a8cc57bae7b', class: "filter-list" }, this.internalOptions.map((option) => (index.h("li", { key: option.tabId }, index.h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, index.h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
-                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), index.h("div", { key: '134f4495c5cdc6fbad95863a5568e2e819ca1e44', class: "filter-btns" }, index.h("span", { key: 'f6ca707a0bfd1bdb162a51164fac3b77a945a345', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
+            } }, index.h("span", { key: '3e0fee47ffa207e2843ecc779bc2b75b756e7948', class: "dropdown-placeholder" }, index.h("strong", { key: '1afbab3e957911926bdd761f684bd2e86f8aba7f' }, "Filter: "), index.h("span", { key: '6a2feb1f2ad17710ae5d8c7e06e25b366ec51793', class: "dropdown-filter-name" }, this.placeholder)), index.h("span", { key: 'ac953bb20a6fc352148f9bca426ad81737b5d057', class: "caret" }, index.h("svg", { key: '1da2f8634aaaded3fd17e058d6a524cfe42a5959', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, index.h("path", { key: '26695f5324949ef59c51c6e4e590d39b34f3b412', d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (index.h("div", { key: '8b6e2500976dd20cad8226ccf09fd8ecc2c6879f', class: "dropdown-menu" }, index.h("ul", { key: 'baedd3a97fc0d780a6f839792ed1dba0a587abac', class: "filter-list" }, this.internalOptions.map((option) => (index.h("li", { key: option.tabId }, index.h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, "") }, index.h("input", { type: "radio", id: option.value.replace(/\s+/g, ""), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value ===
+                option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), index.h("div", { key: '1baab6fc2230eee8307cdfa41a4fd40c837aa2f3', class: "filter-btns" }, index.h("span", { key: '0e3319e19376cd02f264cdb9de26a226292d0db0', class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
                 if (e.key === "Enter")
                     this.clearFilter();
-            } }, "Clear"), index.h("ptc-button", { key: '4991c8243c74ffb73433a7b31195da0f131a231e', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), index.h("div", { key: 'ba9401f1f5954ae3472b99805e5d72e45589ef14', class: "hidden" }, index.h("slot", { key: '5cf0f52d7dca9a2a17da22defecc2e39d0813a8d' }))));
+            } }, "Clear"), index.h("ptc-button", { key: 'a1679644d1a63777f16182d30d168e95ce08534f', "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions("applyButton"), styles: " a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }" }, "Apply"))))), index.h("div", { key: '870617f0f31dfb3ded22508a20123f0056cedc82', class: "hidden" }, index.h("slot", { key: '4f25649efe94f4f56bd21fe9c2eaac8cdad1e265' }))));
     }
 };
 PtcFilterDropdown.style = ptcFilterDropdownCss;
@@ -165,7 +165,7 @@ const PtcSocialShare = class {
     darkFocusState = false;
     render() {
         const classMap = this.getCssClassMap();
-        return (index.h(index.Host, { key: 'dd2af79863ca5a98b37d206c6f06941771d6f343', class: classMap }, index.h("div", { key: 'cd80417a0c2a043d0bb5f3cf67b656ef51c4bf0a', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (index.h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
+        return (index.h(index.Host, { key: 'c7ef8f91d0504fc2bd66f2fbc5159703a0e2cad2', class: classMap }, index.h("div", { key: 'ded834024af5253144a9fa0b832e91f4575ad5ab', onClick: () => this.share(), onMouseEnter: () => this.hoverToggle(), onMouseLeave: () => this.hoverToggle(), class: `focus-state mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}`, tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event), id: this.trackerId }, this.shareType == "mail" ? (index.h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-mail", ...(this.isHover
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "linkedin" ? (index.h("icon-asset", { type: "ptc", size: this.iconSize, name: "plm-linkedin", ...(this.isHover
                 ? { color: this.iconHoverColor }
@@ -185,7 +185,7 @@ const PtcSocialShare = class {
                 ? { color: this.iconHoverColor }
                 : { color: this.iconColor }) })) : null, this.shareType == "download" ? (index.h("icon-asset", { type: "ptc", size: this.iconSize, name: "download-arrow-news", color: "inherit", ...(this.isHover
                 ? { color: this.iconHoverColor }
-                : { color: this.iconColor }) })) : null), this.shareType == "download" && (index.h("ptc-modal", { key: '95fbbb5bcc0b537cf271d4a085dac9dd587c2ef6', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, index.h("ptc-title", { key: 'b731f191bba05f2c0fac7af15f0c9562ac184f7e', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
+                : { color: this.iconColor }) })) : null), this.shareType == "download" && (index.h("ptc-modal", { key: 'fdb7f68332b90ce130ce4b7839dfef7b4158cb40', id: "download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, index.h("ptc-title", { key: '8fde781c03e940f16e59216f24125a5e15ce2247', type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading")))));
     }
     handleKeyDown(event) {
         if (event.key === "Enter") {
@@ -270,7 +270,7 @@ const PtcTheaterVideo = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'f90f4d7a2f062fcd4c42f0e7a1c36bb0920c4044', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, index.h("div", { key: '8404c6b8f8c0278e27bf1a42f38e15744fede06b', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, index.h("img", { key: '70a355b2213e7fc79b108fa50f1c2292db38cbb5', src: this.thumbImg, alt: "" }), index.h("span", { key: '320c4821357cd076626bd7696981c597354dae07', class: "card-number" }, this.cardNumber + 1), index.h("svg", { key: '5e85074237eccd1ce9da61506166f2356196800a', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, index.h("g", { key: 'c11be2ba7b19e715ecf2a32203b118245ef60653', filter: "url(#filter0_d_214_969)" }, index.h("path", { key: 'cd2f4804e28e9eccef8c49d8978574ccd98eef53', d: "M42 20L12 36V4L42 20Z", fill: "white" })), index.h("defs", { key: '3d2502996acc5aec77f5bb66a3b1a78a20b74e8e' }, index.h("filter", { key: '9004332f188f6bf3e11be75873167a6e33be48a5', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '2582752a0b420a344faa170f424809d8ab0b13c5', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'e9c0b3727adc2a142f328f97f3e055c6bae547a7', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '6c03659dc7258d29b561b6b83fa1047aa965685f', dy: "8" }), index.h("feGaussianBlur", { key: '42c8a383b3698afd28ceccf8ad8a8d89f7e6ba3c', stdDeviation: "6" }), index.h("feComposite", { key: '3e2d1ca9bd680bfb8d306495208887197e3aa753', in2: "hardAlpha", operator: "out" }), index.h("feColorMatrix", { key: 'e8a4c276bf16f4b6d43fe208d9fbbb6a04897c1e', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), index.h("feBlend", { key: 'b34cd7135c4025f2d6e93101268bec6170c09120', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), index.h("feBlend", { key: 'a5dba60116ed1e3cb80381b0f9440ec85dfca3e1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), index.h("h3", { key: 'bede5f0cad8fc8130d542fd79b3a4aa4eda4c9c6', class: "vcard-title" }, this.cardTitle), index.h("div", { key: '70f83eaf3883aa648c0b7e16d4d64af88f637147', class: "hidden description" }, index.h("slot", { key: '905d13e831992f01718f3bc124a176c0a11afcc8' }))));
+        return (index.h(index.Host, { key: 'd884964cb1d697fb9372ae7057f5d4c2f5dcc223', "video-id": this.videoId, "vtag-name": this.vtagName, "modal-type": this.modalType }, index.h("div", { key: 'd40626939c782251db6ceb0de636212b945987d8', class: "img-wrap mf-listen", onClick: () => this.showCardDetails(), tabIndex: 0 }, index.h("img", { key: 'b345eebd8fb3c73cf93bb9aa27fed499d26db519', src: this.thumbImg, alt: "" }), index.h("span", { key: '4f6ae9def25e96e083a21dd5092ff297a72176df', class: "card-number" }, this.cardNumber + 1), index.h("svg", { key: 'f390008d5cf31fa7218005847810213db0f99657', xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, index.h("g", { key: '34f9ad527dfa3816677e1ef6c597fdefe5cd4ade', filter: "url(#filter0_d_214_969)" }, index.h("path", { key: 'a8285b9b7509e84b54aad9426d7eebd7d36ad039', d: "M42 20L12 36V4L42 20Z", fill: "white" })), index.h("defs", { key: 'e52c9d52d4d0ddea1b620b4adb1fbaa3effeed65' }, index.h("filter", { key: '8331292dc0aec4bba290415e83814d1b74884c9e', id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'df0e037c008b1b12d15881aa9c18b68e3fa0528a', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '056e0771b1c2e882564f025766576e2af5a20101', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '0bdb189b62360eca48e58794933c4f6112fc2e28', dy: "8" }), index.h("feGaussianBlur", { key: '393a45212c9fccd142682c6d417fbe0b1d58f76c', stdDeviation: "6" }), index.h("feComposite", { key: '429a65f1cfeada6f44306a54dd98ece384640f88', in2: "hardAlpha", operator: "out" }), index.h("feColorMatrix", { key: '9c177e41fd5622ebf57f5899b3c748d97b2b2c34', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), index.h("feBlend", { key: '5742782464921b4b6c5da1ba4de0eb4bd0dae874', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), index.h("feBlend", { key: 'b2a57e41d7b0446001d9a090a07810f26b58adc2', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), index.h("h3", { key: '2a61d0e28b68d9b70b9ddf32133b7ac87b33a8b0', class: "vcard-title" }, this.cardTitle), index.h("div", { key: '4cf02fd94cd6edeca95eb123e8543ff03cc16e52', class: "hidden description" }, index.h("slot", { key: '3dbdd2fca7e18dba86b6d49b6bde1c67a42e365c' }))));
     }
 };
 PtcTheaterVideo.style = ptcTheaterVideoCss;
@@ -390,7 +390,7 @@ const PtcTheaterVideoPlaylist = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'dc3a490485babbd3721e819b777994258512818e', class: "card-list" }, index.h("slot", { key: '8811d07ec277c488d69bdb3bb709b983deea2a6a' })));
+        return (index.h("div", { key: 'fbee21642f840ad50cb0b3eb7ad948d28258276e', class: "card-list" }, index.h("slot", { key: 'c3f67115d1fb42a4097f78c68baf17884ae5442f' })));
     }
 };
 PtcTheaterVideoPlaylist.style = ptcTheaterVideoPlaylistCss;