@malga-checkout/core
Version:
Core components for Malga Checkout
1 lines • 4.72 kB
JavaScript
import{r as a,h as t,F as o,H as l}from"./p-626f6dad.js";import{Y as c}from"./p-da40223f.js";import{s as e}from"./p-4fec35c1.js";const r=class{constructor(l){a(this,l),this.renderInstallments=()=>this.installments.map(((a,l)=>t(o,null,t("div",{class:{"malga-payments-drip-installments__item":!0}},t("span",{class:{"malga-payments-drip-installments__item-dot":!0}}),t("div",{class:{"malga-payments-drip-installments__item-description":!0}},t("checkout-typography",{color:"darkness",variation:"subtitle1",content:`${l+1}${c("paymentMethods.drip.installments.thirtyDays",e.locale)}`}),t("checkout-typography",{tag:"span",variation:"body1",content:a.amount}))),t("span",{class:{"malga-payments-drip-installments__item-divider":!0}})))),this.renderCashback=()=>t("div",{class:{"malga-payments-drip-installments__item":!0}},t("span",{class:{"malga-payments-drip-installments__item-dot":!0,"malga-payments-drip-installments__item-dot--colored":!0}}),t("div",{class:{"malga-payments-drip-installments__item-description":!0}},t("p",{class:{"malga-payments-drip-installments__item-description-cashback":!0}},t("strong",null,"Cashback")," +",this.cashback)))}render(){return t(l,{class:{"malga-payments-drip-installments__container":!0}},this.renderInstallments(),this.renderCashback())}};r.style='@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"); :root{--malga-checkout-color-page-background:#eef2f6;--malga-checkout-color-brand-accent-light:#79DBD4;--malga-checkout-color-brand-accent-normal:#39BFAD;--malga-checkout-color-brand-clean:#C3F4EF;--malga-checkout-color-brand-light:#79DBD4;--malga-checkout-color-brand-normal:#39BFAD;--malga-checkout-color-brand-middle:#2FAC9B;--malga-checkout-color-brand-dark:#147F70;--malga-checkout-color-grey-light:#666666;--malga-checkout-color-grey-normal:#4D4D4D;--malga-checkout-color-grey-middle:#333333;--malga-checkout-color-grey-dark:#1A1A1A;--malga-checkout-color-grey-darkness:#000000;--malga-checkout-color-accent-light:#ffffff;--malga-checkout-color-accent-normal:#F1F1F1;--malga-checkout-color-accent-middle:#CBCBCB;--malga-checkout-color-warning-light:#FFF8E6;--malga-checkout-color-warning-normal:#F9DF8D;--malga-checkout-color-warning-middle:#FFA400;--malga-checkout-color-modal-success:#00AE42;--malga-checkout-color-modal-error:#ED3A3D;--malga-checkout-color-modal-neutral:#4D4D4D;--malga-checkout-color-modal-action-button-error:#000000;--malga-checkout-color-modal-action-button-error-hover:#333333;--malga-checkout-color-modal-action-button-success:#000000;--malga-checkout-color-modal-action-button-success-hover:#333333;--malga-checkout-color-modal-action-button-success-font-color:#ffffff;--malga-checkout-color-modal-action-button-error-font-color:#ffffff;--malga-checkout-typography-family:"Inter", sans-serif;--malga-checkout-spacing-xxs:4px;--malga-checkout-spacing-xs:8px;--malga-checkout-spacing-sm:16px;--malga-checkout-spacing-default:24px;--malga-checkout-spacing-md:32px;--malga-checkout-spacing-lg:48px;--malga-checkout-spacing-xlg:64px;--malga-checkout-spacing-xxlg:96px;--malga-checkout-size-min-width:250px;--malga-checkout-border-radius-default:4px;--malga-checkout-border-radius-md:6px;--malga-checkout-border-radius-lg:20px;--malga-checkout-transition-slow:0.3s;--malga-checkout-transition-default:0.5s}.malga-payments-drip-installments__item-description-cashback{font-family:var(--malga-checkout-typography-family);font-size:14px;font-style:normal;font-weight:normal}.malga-payments-drip-installments__item{font-family:var(--malga-checkout-typography-family);padding:0;margin:0;box-sizing:border-box}.malga-payments-drip-installments__container{display:flex;flex-direction:column}.malga-payments-drip-installments__item{display:flex;flex-direction:row;align-items:center;height:40px}.malga-payments-drip-installments__item-dot{width:12px;height:12px;border-radius:50%;background-color:var(--malga-checkout-color-grey-light)}.malga-payments-drip-installments__item-dot--colored{background-color:var(--malga-checkout-color-brand-light)}.malga-payments-drip-installments__item-description{display:flex;flex-direction:column;margin-left:var(--malga-checkout-spacing-sm)}.malga-payments-drip-installments__item-description>checkout-typography>span{color:var(--malga-checkout-color-grey-light)}.malga-payments-drip-installments__item-description-cashback{color:var(--malga-checkout-color-grey-light)}.malga-payments-drip-installments__item-description-cashback>strong{font-weight:700;color:var(--malga-checkout-color-grey-darkness)}.malga-payments-drip-installments__item-divider{width:2px;height:20px;background-color:#E5E5E5;margin-left:var(--malga-checkout-spacing-xxs)}';export{r as malga_payments_drip_installments}