\n {{ title() }}
\n \n @if (qr()) { }\n @if (card()) { }\n @if (sbp()) { }\n @if (yandexPay()) { }\n
\n @if (qrImage()) {
}\n @if (busy()) { Проверяем оплату…
}\n @if (error()) { {{ error()!.message }}
}\n @if (attempt()) { }\n \n `,\n styles: [`\n :host{display:block}.mp-payment{font:inherit;color:inherit;display:grid;gap:1rem;max-width:26rem}\n h2,p{margin:0}.methods{display:flex;gap:.6rem;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #111;border-radius:.65rem;padding:.75rem 1rem;background:#111;color:#fff}\n button:disabled{opacity:.55;cursor:wait}.cancel{background:transparent;color:inherit;border-color:#c7c7c7}img{display:block;width:min(15rem,100%);height:auto}.error{color:#b42318}\n `],\n})\nexport class MarketplacesPaymentComponent {\n readonly qr = input(false, { transform: booleanAttribute });\n readonly card = input(false, { transform: booleanAttribute });\n readonly sbp = input(false, { transform: booleanAttribute });\n readonly yandexPay = input(false, { transform: booleanAttribute });\n readonly request = input.required