+ {{ title() }}
+
+ @if (qr()) { }
+ @if (card()) { }
+ @if (sbp()) { }
+ @if (yandexPay()) { }
+
+ @if (qrImage()) {
}
+ @if (busy()) { Проверяем оплату…
}
+ @if (error()) { {{ error()!.message }}
}
+ @if (attempt()) { }
+
+ `,
+ styles: [`
+ :host{display:block}.mp-payment{font:inherit;color:inherit;display:grid;gap:1rem;max-width:26rem}
+ 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}
+ 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}
+ `],
+})
+export class MarketplacesPaymentComponent {
+ readonly qr = input(false, { transform: booleanAttribute });
+ readonly card = input(false, { transform: booleanAttribute });
+ readonly sbp = input(false, { transform: booleanAttribute });
+ readonly yandexPay = input(false, { transform: booleanAttribute });
+ readonly request = input.required