@ptcwebops/ptcw-design 7.0.3-upgrade → 7.0.5-upgrade

package/dist/ptcw-design/my-component.ptc-button.ptc-spacer.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"my-component.ptc-button.ptc-spacer.entry.esm.js","sources":["src/components/atoms/my-component/my-component.css?tag=my-component&encapsulation=shadow","src/components/atoms/my-component/my-component.tsx","src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx","src/components/utilities/ptc-spacer/ptc-spacer.css?tag=ptc-spacer&encapsulation=shadow","src/components/utilities/ptc-spacer/ptc-spacer.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { format } from '../../../utils/utils';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.css',\n  shadow: true,\n})\nexport class MyComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string;\n\n  /**\n   * The middle name\n   */\n  @Prop() middle: string;\n\n  /**\n   * The last name\n   */\n  @Prop() last: string;\n\n  private getText(): string {\n    return format(this.first, this.middle, this.last);\n  }\n\n  render() {\n    return <div>Hello, World! I'm {this.getText()}</div>;\n  }\n}\n","@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\tconsole.log(\"FeF v4 test\");\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",":host {\r\n\tbox-sizing: border-box;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\t-moz-appearance: none;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 12px;\r\n\tmin-width: 12px;\r\n\theight: 12px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host {\r\n\t\twidth: 16px;\r\n\t\tmin-width: 16px;\r\n\t\theight: 16px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal) {\r\n\tdisplay: inline-block;\r\n\theight: 100% !important\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-small) {\r\n\t\twidth: 4px;\r\n\t\tmin-width: 4px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-small) {\r\n\twidth: 4px;\r\n\tmin-width: 4px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-small) {\r\n\t\twidth: 8px;\r\n\t\tmin-width: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.small) {\r\n\twidth: 8px;\r\n\tmin-width: 8px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.small) {\r\n\t\twidth: 12px;\r\n\t\tmin-width: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.medium) {\r\n\theight: 100%\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.large) {\r\n\twidth: 16px;\r\n\tmin-width: 16px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.large) {\r\n\t\twidth: 20px;\r\n\t\tmin-width: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.x-large) {\r\n\twidth: 20px;\r\n\tmin-width: 20px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.x-large) {\r\n\t\twidth: 28px;\r\n\t\tmin-width: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xx-large) {\r\n\twidth: 28px;\r\n\tmin-width: 28px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xx-large) {\r\n\t\twidth: 36px;\r\n\t\tmin-width: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxx-large) {\r\n\twidth: 36px;\r\n\tmin-width: 36px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxx-large) {\r\n\t\twidth: 48px;\r\n\t\tmin-width: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\twidth: 48px;\r\n\tmin-width: 48px;\r\n\theight: 100%\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-horizontal.xxxx-large) {\r\n\t\twidth: 72px;\r\n\t\tmin-width: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-small) {\r\n\twidth: 100%;\r\n\theight: 4px;\r\n\tmin-height: 4px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-small) {\r\n\t\theight: 8px;\r\n\t\tmin-height: 8px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.small) {\r\n\twidth: 100%;\r\n\theight: 8px;\r\n\tmin-height: 8px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.small) {\r\n\t\theight: 12px;\r\n\t\tmin-height: 12px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.medium) {\r\n\twidth: 100%\r\n}\r\n\r\n:host(.ptc-spacer-vertical.large) {\r\n\twidth: 100%;\r\n\theight: 16px;\r\n\tmin-height: 16px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.large) {\r\n\t\theight: 20px;\r\n\t\tmin-height: 20px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.x-large) {\r\n\twidth: 100%;\r\n\theight: 20px;\r\n\tmin-height: 20px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.x-large) {\r\n\t\theight: 28px;\r\n\t\tmin-height: 28px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xx-large) {\r\n\twidth: 100%;\r\n\theight: 28px;\r\n\tmin-height: 28px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xx-large) {\r\n\t\theight: 36px;\r\n\t\tmin-height: 36px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxx-large) {\r\n\twidth: 100%;\r\n\theight: 36px;\r\n\tmin-height: 36px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxx-large) {\r\n\t\theight: 48px;\r\n\t\tmin-height: 48px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.xxxx-large) {\r\n\twidth: 100%;\r\n\theight: 48px;\r\n\tmin-height: 48px\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-vertical.xxxx-large) {\r\n\t\theight: 72px;\r\n\t\tmin-height: 72px\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-vertical.space-144){\r\n\twidth: 100%;\r\n\theight: 144px;\r\n\tmin-height: 144px;\r\n}\r\n:host(.ptc-spacer-vertical.space-120){\r\n\twidth: 100%;\r\n\theight: 120px;\r\n\tmin-height: 120px;\r\n}\r\n:host(.ptc-spacer-vertical.space-128){\r\n\twidth: 100%;\r\n\theight: 128px;\r\n\tmin-height: 128px;\r\n}\r\n\r\n:host(.ptc-spacer-xx-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 22.5em) {\r\n\t:host(.ptc-spacer-xx-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (max-width: 35.99em) {\r\n\t:host(.ptc-spacer-x-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-small) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 36em) {\r\n\t:host(.ptc-spacer-small) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-medium) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 48em) {\r\n\t:host(.ptc-spacer-medium) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 62em) {\r\n\t:host(.ptc-spacer-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-x-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 64.0625em) {\r\n\t:host(.ptc-spacer-x-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 75em) {\r\n\t:host(.ptc-spacer-xx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}\r\n\r\n:host(.ptc-spacer-xxx-large) {\r\n\tdisplay: none\r\n}\r\n\r\n@media (min-width: 90em) {\r\n\t:host(.ptc-spacer-xxx-large) {\r\n\t\tdisplay: block\r\n\t}\r\n}","import { Component, Host, h, Prop } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-spacer\",\r\n\tstyleUrl: \"ptc-spacer.css\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSpacer {\r\n\t/**\r\n\t * Breakpoint\r\n\t */\r\n\t@Prop() breakpoint:\r\n\t\t| \"\"\r\n\t\t| \"medium\"\r\n\t\t| \"small\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"x-small\"\r\n\t\t| \"xx-small\"\r\n\t\t| \"xxx-large\" = \"\";\r\n\t/**\r\n\t * Spacing Size\r\n\t */\r\n\t@Prop() size:\r\n\t\t| \"large\"\r\n\t\t| \"medium\"\r\n\t\t| \"small\"\r\n\t\t| \"x-large\"\r\n\t\t| \"x-small\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xx-small\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"space-144\"\r\n\t\t| \"space-120\"\r\n\t\t| \"space-128\" = \"medium\";\r\n\t/**\r\n\t * Direction\r\n\t */\r\n\t@Prop() direction: \"vertical\" | \"horizontal\" = \"vertical\";\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"ptc-spacer-horizontal\"]: this.direction === \"horizontal\",\r\n\t\t\t[\"ptc-spacer-vertical\"]: this.direction === \"vertical\",\r\n\t\t\t[\"ptc-spacer-xx-small\"]: this.breakpoint === \"xx-small\",\r\n\t\t\t[\"ptc-spacer-x-small\"]: this.breakpoint === \"x-small\",\r\n\t\t\t[\"ptc-spacer-small\"]: this.breakpoint === \"small\",\r\n\t\t\t[\"ptc-spacer-medium\"]: this.breakpoint === \"medium\",\r\n\t\t\t[\"ptc-spacer-large\"]: this.breakpoint === \"large\",\r\n\t\t\t[\"ptc-spacer-x-large\"]: this.breakpoint === \"x-large\",\r\n\t\t\t[\"ptc-spacer-xx-large\"]: this.breakpoint === \"xx-large\",\r\n\t\t\t[\"ptc-spacer-xxx-large\"]: this.breakpoint === \"xxx-large\",\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/ptcw-design/p-71c42440.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,c as r,a as e,H as o}from"./p-DybB092g.js";import{k as i,C as n,f as s}from"./p-CeGWP728.js";const l=":host{display:block}";const c=class{constructor(a){t(this,a)}first;middle;last;getText(){return i(this.first,this.middle,this.last)}render(){return a("div",{key:"8922bcc5693180fdcb6c15d0e1fe038e4c21deb8"},"Hello, World! I'm ",this.getText())}};c.style=l;const d='button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey span{color:var(--color-white)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01)}.legacy-green:after{position:absolute;content:"";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green{box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.nav-store-btn{font-family:var(--ptc-font-latin);background-color:var(--color-green-07);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-green-07);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav-store-btn:focus-visible{border-radius:4px !important;border:2px solid #fff !important;outline:5px solid #003dd6 !important;background-color:var(--color-green-07) !important;outline-offset:0px !important}.nav-store-btn:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav-store-btn:hover{background-color:var(--color-green-08)}.nav-store-btn:active{background-color:var(--color-green-09);transition:none}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.secondary-cta-light,.secondary-cta-dark,.primary-cta{padding:0.875rem 1.25rem;font-size:var(--ptc-font-size-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);color:var(--color-white);border:2px solid transparent;text-decoration:none}.medium.secondary-cta-light,.medium.secondary-cta-dark,.medium.primary-cta{padding:0.75rem 1rem}.medium.secondary-cta-light span,.medium.secondary-cta-dark span,.medium.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.small.secondary-cta-light,.small.secondary-cta-dark,.small.primary-cta{padding:0.5rem 0.75rem}.small.secondary-cta-light span,.small.secondary-cta-dark span,.small.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.disabled.secondary-cta-light,.disabled.secondary-cta-dark,.disabled.primary-cta{pointer-events:none;color:var(--color-gray-03);border-color:var(--color-gray-03);background-color:var(--color-gray-02)}.disabled.secondary-cta-light icon-asset svg,.disabled.secondary-cta-dark icon-asset svg,.disabled.primary-cta icon-asset svg{fill:var(--color-gray-03)}.disabled.secondary-cta-light:focus-visible,.disabled.secondary-cta-dark:focus-visible,.disabled.primary-cta:focus-visible{background-color:var(--color-gray-02)}.secondary-cta-light:focus-visible,.secondary-cta-dark:focus-visible,.primary-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.full-width.secondary-cta-light,.full-width.secondary-cta-dark,.full-width.primary-cta{width:100%}.secondary-cta-light .cta-content-wrap,.secondary-cta-dark .cta-content-wrap,.primary-cta .cta-content-wrap{display:flex;justify-content:center;align-items:center}.secondary-cta-light .cta-content-wrap icon-asset,.secondary-cta-dark .cta-content-wrap icon-asset,.primary-cta .cta-content-wrap icon-asset{margin-right:8px;line-height:0}.secondary-cta-light .cta-content-wrap icon-asset+span,.secondary-cta-dark .cta-content-wrap icon-asset+span,.primary-cta .cta-content-wrap icon-asset+span{text-align:left}.primary-cta{background-color:var(--color-green-07);border-color:var(--color-green-07)}.primary-cta:hover{background-color:var(--color-green-08)}.primary-cta:active{background-color:var(--color-green-09)}.primary-cta:focus-visible{background-color:var(--color-green-07)}.secondary-cta-dark{background-color:var(--color-gray-12);border-color:var(--color-gray-08)}.secondary-cta-dark:hover{background-color:var(--color-gray-10)}.secondary-cta-dark:active{background-color:var(--color-black)}.secondary-cta-dark:focus-visible{background-color:var(--color-gray-12)}.secondary-cta-light{background-color:var(--color-white);border-color:var(--color-gray-10);color:var(--color-gray-10)}.secondary-cta-light:hover{background-color:var(--color-gray-02)}.secondary-cta-light:active{background-color:var(--color-gray-03)}.secondary-cta-light:focus-visible{background-color:var(--color-white)}';const p=class{constructor(a){t(this,a);this.clickEvent=r(this,"clickEvent")}get el(){return e(this)}disabled=false;active=false;type="button";color="ptc-primary";iconAnimation="";iconPosition="icon-right";linkHref=undefined;linkTitle=undefined;target="_self";rel=undefined;tabNav=0;styles;textAlign;enableAccessibilityAltStyle=false;size;clickEvent;clickEventHandler(){this.clickEvent.emit()}buttonTitle;ariaLabel="";seoCompatibilityMode=false;maintainContent=false;trackerId;darkFocusState=false;ctaWidth="default";componentWillLoad(){console.log("FeF v4 test");n(this,this.el)}seoCompRender(){const t=this.getCssClassMap();const r=!!this.linkHref?"a":"button";const[e,i]=s(this.el,r);const n=i&&i.innerHTML;if(this.el==i){this.el.innerHTML=""}if(this.maintainContent){this.el.innerHTML=n}return a(o,null,this.styles&&a("style",null,this.styles),a("div",{id:this.trackerId,class:"tracker-div mf-listen",...this.ctaWidth==="full-width"?{style:{display:"block"}}:{}},a(e,{class:t,onClick:this.clickEventHandler.bind(this),...!!this.linkHref?{href:this.linkHref}:{},...!this.linkHref?{type:this.type}:{},...!!this.target&&!!this.linkHref?{target:this.target}:{},...!!this.rel&&!!this.linkHref?{rel:this.rel}:{},...!!this.linkHref?{title:this.linkTitle?this.linkTitle:this.linkHref}:{},...!!this.tabNav?{tabindex:-1}:{tabindex:0},title:this.buttonTitle,...this.ariaLabel!==""?{ariaLabel:this.ariaLabel}:{}},a("span",{innerHTML:n,class:"cta-content-wrap"},a("slot",{name:"slot-before-text"}),a("slot",{name:"slot-after-text"})))))}standardRender(){const t=this.getCssClassMap();const r=!!this.linkHref?"a":"button";return a(o,null,this.styles&&a("style",null,this.styles),a("div",{id:this.trackerId,class:"tracker-div mf-listen"},a(r,{class:t,onClick:this.clickEventHandler.bind(this),...!!this.linkHref?{href:this.linkHref}:{},...!this.linkHref?{type:this.type}:{},...!!this.target&&!!this.linkHref?{target:this.target}:{},...!!this.rel&&!!this.linkHref?{rel:this.rel}:{},...!!this.linkHref?{title:this.linkTitle?this.linkTitle:this.linkHref}:{},...!!this.tabNav?{tabindex:-1}:{tabindex:0},title:this.buttonTitle,...this.ariaLabel!==""?{ariaLabel:this.ariaLabel}:{}},this.iconAnimation=="reveal-down"?a("span",null,a("div",{class:"content"},a("slot",null)),a("div",{class:"icon-wrapper"},a("div",{class:"icon"},a("slot",{name:"slot-after-text"})))):a("span",null,a("slot",{name:"slot-before-text"}),a("slot",null),a("slot",{name:"slot-after-text"})))))}render(){if(this.seoCompatibilityMode){return this.seoCompRender()}else{return this.standardRender()}}getCssClassMap(){return{[this.color]:true,[this.iconAnimation]:true,[this.iconPosition]:true,["disabled"]:this.disabled?true:false,["active"]:this.active?true:false,[this.textAlign]:true,[this.size]:true,["acc-alt-style"]:this.enableAccessibilityAltStyle,["focus-state-dark-background"]:this.darkFocusState,[this.ctaWidth]:true}}};p.style=d;const h=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";const g=class{constructor(a){t(this,a)}breakpoint="";size="medium";direction="vertical";render(){const t=this.getCssClassMap();return a(o,{key:"e763e60f39253a24ca885a8e865b8dd9c1c363db",class:t})}getCssClassMap(){return{[this.size]:true,["ptc-spacer-horizontal"]:this.direction==="horizontal",["ptc-spacer-vertical"]:this.direction==="vertical",["ptc-spacer-xx-small"]:this.breakpoint==="xx-small",["ptc-spacer-x-small"]:this.breakpoint==="x-small",["ptc-spacer-small"]:this.breakpoint==="small",["ptc-spacer-medium"]:this.breakpoint==="medium",["ptc-spacer-large"]:this.breakpoint==="large",["ptc-spacer-x-large"]:this.breakpoint==="x-large",["ptc-spacer-xx-large"]:this.breakpoint==="xx-large",["ptc-spacer-xxx-large"]:this.breakpoint==="xxx-large"}}};g.style=h;export{c as my_component,p as ptc_button,g as ptc_spacer};
-//# sourceMappingURL=p-71c42440.entry.js.map

package/dist/ptcw-design/p-71c42440.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","createEvent","getElement","Host","format","CheckDarkFocusState","getSeoTagType","myComponentCss","MyComponent","constructor","hostRef","this","first","middle","last","getText","render","key","style","ptcButtonCss","PtcButton","clickEvent","el","disabled","active","type","color","iconAnimation","iconPosition","linkHref","undefined","linkTitle","target","rel","tabNav","styles","textAlign","enableAccessibilityAltStyle","size","clickEventHandler","emit","buttonTitle","ariaLabel","seoCompatibilityMode","maintainContent","trackerId","darkFocusState","ctaWidth","componentWillLoad","console","log","seoCompRender","classMap","getCssClassMap","Tag","TagType","firstChild","html","innerHTML","id","class","display","onClick","bind","href","title","tabindex","name","standardRender","ptcSpacerCss","PtcSpacer","breakpoint","direction"],"sources":["0"],"mappings":"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","ignoreList":[]}