JezK

Edit File: sc-cart-submit.cjs.entry.js.map

{"file":"sc-cart-submit.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,izBAAizB,CAAC;AAC10B,2BAAe,eAAe;;MCOjB,YAAY;;;;;IAIvB,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,KAAK,EAAE,EAAE,SAAS,EAAEC,gBAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,aAAa,EAAEA,gBAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACrF,OAAO,EAAE;gBACP,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;gBACjB,OAAO,IAAI,CAAC;aACb,IAEDF,oEAAQ,CACH,EACP;KACH;;;;;;","names":["h","Host","formBusy"],"sources":["src/components/controllers/cart/cart-submit/sc-cart-submit.scss?tag=sc-cart-submit","src/components/controllers/cart/cart-submit/sc-cart-submit.tsx"],"sourcesContent":["sc-cart-submit {\n position: relative;\n width: 100%;\n\n a.wp-block-button__link {\n position: relative;\n text-decoration: none;\n width: 100%;\n display: block;\n box-sizing: border-box;\n text-align: center;\n }\n\n sc-spinner::part(base) {\n --indicator-color: currentColor;\n --spinner-size: 12px;\n position: absolute;\n top: calc(50% - var(--spinner-size) + (var(--spinner-size) / 4));\n left: calc(50% - var(--spinner-size) + (var(--spinner-size) / 4));\n }\n\n [data-text],\n [data-loader] {\n transition: opacity var(--sc-transition-fast) ease-in-out, visibility var(--sc-transition-fast) ease-in-out;\n }\n\n [data-loader] {\n opacity: 0;\n visibility: hidden;\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n &.is-busy {\n [data-text] {\n opacity: 0;\n visibility: hidden;\n }\n [data-loader] {\n opacity: 1;\n visibility: visible;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { formBusy } from '@store/form/getters';\n\n@Component({\n tag: 'sc-cart-submit',\n styleUrl: 'sc-cart-submit.scss',\n shadow: false,\n})\nexport class ScCartSubmit {\n /** Is the cart busy */\n @Prop() busy: boolean;\n\n render() {\n return (\n <Host\n class={{ 'is-busy': formBusy() || this.busy, 'is-disabled': formBusy() || this.busy }}\n onClick={() => {\n this.busy = true;\n return true;\n }}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}