@adyen/bento-vue2 1.14.0 → 1.15.0

package/dist/payment-method.js

@@ -3,7 +3,7 @@ import { B as c } from "./chunks/index.ee11faa7.js";
 import { S as Y } from "./chunks/summary-grid.keys.1d1028c2.js";
 import S from "@adyen/ui-assets-payment-method-icons/vue/unknowncard";
 import { n as K } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index45.css";
+import "./assets/index37.css";
 var a = /* @__PURE__ */ ((_) => (_.CTP = "CTP", _.P24_LOGO = "P24_logo", _.TOUCH__N_GO = "Touch 'N Go", _.ABSA = "Absa", _.ACB = "Acb", _.ACCEL = "Accel", _.ACH = "Ach", _.ACHCOLOMBIA = "Achcolombia", _.ADYEN = "Adyen", _.ADYEN_TEST_VOUCHER = "Adyen_test_voucher", _.AFFIN = "Affin", _.AFFIRM = "Affirm", _.AFTERPAY_B2B = "Afterpay_b2b", _.AFTERPAY_DEFAULT = "Afterpay_default", _.AFTERPAY_DIRECTDEBIT = "Afterpay_directdebit", _.AFTERPAYTOUCH = "Afterpaytouch", _.AFTERPAYTOUCH_POS = "Afterpaytouch_pos", _.AGRIBANK = "Agribank", _.AIRBANK = "Airbank", _.ALASKA_OPTION = "Alaska_option", _.ALASKAOPTION = "Alaskaoption", _.ALBELLIGIFTCARD = "Albelligiftcard", _.ALELO = "Alelo", _.ALFA_BANK = "Alfa_bank", _.ALFABANK = "Alfabank", _.ALFAMART = "Alfamart", _.ALIPAY = "Alipay", _.ALIPAY_CONNECT = "Alipay_connect", _.ALIPAY_HK = "Alipay_hk", _.ALIPAY_WAP = "Alipay_wap", _.ALPHA_BANK = "Alpha_bank", _.AMAZONPAY = "Amazonpay", _.AMBANK = "Ambank", _.AMEX = "Amex", _.AMEX_AMAZONPAY = "Amex_amazonpay", _.AMEX_APPLEPAY = "Amex_applepay", _.AMEX_SAMSUNGPAY = "Amex_samsungpay", _.ANDROIDPAY = "Androidpay", _.APPLEPAY = "Applepay", _.ARGENCARD = "Argencard", _.ASIAPAY = "Asiapay", _.ASIAPAY_CIMBCLICK = "Asiapay_cimbclick", _.ASIAPAY_M2U = "Asiapay_m2u", _.ASIAPAY_ONEPAY = "Asiapay_onepay", _.ASIAPAY_UNIONPAY = "Asiapay_unionpay", _.ATH = "Ath", _.ATM_BERSAMA = "Atm_bersama", _.ATOME = "Atome", _.AURA = "Aura", _.AUTOPAY = "Autopay", _.B2S = "B2s", _.BABYGIFTCARD = "Babygiftcard", _.BACNET = "Bacnet", _.BACS = "Bacs", _.BALANCEPLATFORM = "Balanceplatform", _.BALOTO = "Baloto", _.BANAMEX = "Banamex", _.BANCONACIONAL = "BancoNacional", _.BANCO_BRADESCO = "Banco_bradesco", _.BANCODOBRASIL = "Bancodobrasil", _.BANESE = "Banese", _.BANESE_CARD_CREDIT = "Banese_card_credit", _.BANESE_CARD_DEBIT = "Banese_card_debit", _.BANESE_CARD_PREPAID = "Banese_card_prepaid", _.BANGKOK_BANK = "Bangkok_bank", _.BANK = "Bank", _.BANKTRANSFER = "BankTransfer", _.BANKTRANSFER_AT = "BankTransfer_AT", _.BANKTRANSFER_AU = "BankTransfer_AU", _.BANKTRANSFER_BE = "BankTransfer_BE", _.BANKTRANSFER_BG = "BankTransfer_BG", _.BANKTRANSFER_CH = "BankTransfer_CH", _.BANKTRANSFER_CY = "BankTransfer_CY", _.BANKTRANSFER_DE = "BankTransfer_DE", _.BANKTRANSFER_DK = "BankTransfer_DK", _.BANKTRANSFER_ES = "BankTransfer_ES", _.BANKTRANSFER_FI = "BankTransfer_FI", _.BANKTRANSFER_FR = "BankTransfer_FR", _.BANKTRANSFER_GB = "BankTransfer_GB", _.BANKTRANSFER_HU = "BankTransfer_HU", _.BANKTRANSFER_IBAN = "BankTransfer_IBAN", _.BANKTRANSFER_IE = "BankTransfer_IE", _.BANKTRANSFER_IT = "BankTransfer_IT", _.BANKTRANSFER_LU = "BankTransfer_LU", _.BANKTRANSFER_MT = "BankTransfer_MT", _.BANKTRANSFER_MX = "BankTransfer_MX", _.BANKTRANSFER_NL = "BankTransfer_NL", _.BANKTRANSFER_NO = "BankTransfer_NO", _.BANKTRANSFER_PL = "BankTransfer_PL", _.BANKTRANSFER_PT = "BankTransfer_PT", _.BANKTRANSFER_SE = "BankTransfer_SE", _.BANKTRANSFER_SK = "BankTransfer_SK", _.BANK_RU = "Bank_ru", _.BANKAXEPT = "Bankaxept", _.BANKISLAM = "Bankislam", _.BANORTE = "Banorte", _.BAPRO = "Bapro", _.BCA = "Bca", _.BCMC = "Bcmc", _.BCMC_MOBILE = "Bcmc_mobile", _.BCMC_MOBILE_QR = "Bcmc_mobile_QR", _.BCMC_MOBILE_APP = "Bcmc_mobile_app", _.BCP = "Bcp", _.BEAUTYCADEAUKAART = "Beautycadeaukaart", _.BENEFIT = "Benefit", _.BIDV = "Bidv", _.BIGC = "Bigc", _.BIJCADEAUCARD = "Bijcadeaucard", _.BIJCARD = "Bijcard", _.BIJENKORF = "Bijenkorf", _.BIJPOINTS = "Bijpoints", _.BIJVOUCHER = "Bijvoucher", _.BILL99 = "Bill99", _.BILLDESK_BILLDESK_162 = "Billdesk/billdesk_162", _.BILLDESK_BILLDESK_CUB = "Billdesk/billdesk_cub", _.BILLDESK_BILLDESK_HDF = "Billdesk/billdesk_hdf", _.BILLDESK_BILLDESK_ICI = "Billdesk/billdesk_ici", _.BILLDESK_BILLDESK_ONLINE = "Billdesk/billdesk_online", _.BILLDESK_BILLDESK_PNB = "Billdesk/billdesk_pnb", _.BILLDESK_BILLDESK_SBI = "Billdesk/billdesk_sbi", _.BILLDESK_BILLDESK_UPI = "Billdesk/billdesk_upi", _.BILLDESK_BILLDESK_UTI = "Billdesk/billdesk_uti", _.BILLDESK_BILLDESK_WALLET = "Billdesk/billdesk_wallet", _.BILLDESK_162 = "Billdesk_162", _.BILLDESK_CUB = "Billdesk_cub", _.BILLDESK_HDF = "Billdesk_hdf", _.BILLDESK_ICI = "Billdesk_ici", _.BILLDESK_ONLINE = "Billdesk_online", _.BILLDESK_SBI = "Billdesk_sbi", _.BILLDESK_UPI = "Billdesk_upi", _.BILLDESK_UTI = "Billdesk_uti", _.BILLDESK_WALLET = "Billdesk_wallet", _.BITCOIN = "Bitcoin", _.BLIK = "Blik", _.BLOEMENGIFTCARD = "Bloemengiftcard", _.BNI = "Bni", _.BOKU = "Boku", _.BOLETO = "Boleto", _.BOLETOBANCARIO = "Boletobancario", _.BOLETOBANCARIO_BANCODOBRASIL = "Boletobancario_bancodobrasil", _.BOLETOBANCARIO_BRADESCO = "Boletobancario_bradesco", _.BOLETOBANCARIO_HSBC = "Boletobancario_hsbc", _.BOLETOBANCARIO_ITAU = "Boletobancario_itau", _.BOLETOBANCARIO_SANTANDER = "Boletobancario_santander", _.BR_SCHEMES = "Br_schemes", _.BRADESCO = "Bradesco", _.BUALUANGIBANKING = "Bualuangibanking", _.BUNQ = "Bunq", _.C_BEDRIJFSFIETSPLAN = "C_bedrijfsfietsplan", _.C_BYPHONE = "C_byphone", _.C_CASH = "C_cash", _.C_FACTUUR = "C_factuur", _.C_INVOICE = "C_invoice", _.C_KAUFPERRECHNUNG = "C_kaufperrechnung", _.C_OPREKENING = "C_oprekening", _.C_POS = "C_pos", _.C_VORKASSE = "C_vorkasse", _.CABAL = "Cabal", _.CARD = "Card", _.CARNET = "Carnet", _.CARTEBANCAIRE = "Cartebancaire", _.CASHCOM = "Cashcom", _.CASHCOMGIFTCARD = "Cashcomgiftcard", _.CASHTICKET = "Cashticket", _.CASHU = "Cashu", _.CB = "Cb", _.CCAVENUE = "Ccavenue", _.CELLULANT = "Cellulant", _.CEN_PAY = "Cen_pay", _.CENCOSUD = "Cencosud", _.CENTRAL = "Central", _.CENTRAL_FOOD_HALL = "Central_food_hall", _.CESKA = "Ceska", _.CHEQUEDEJENEUR = "Chequedejeneur", _.CIMB = "Cimb", _.CLEARPAY = "Clearpay", _.CLICKANDBUY = "Clickandbuy", _.COBROEXPRESS = "Cobroexpress", _.CODENSA = "Codensa", _.COSTES = "Costes", _.COSTESGIFTCARD = "Costesgiftcard", _.CREDIT_UNION = "Credit_union", _.CREDTODOS = "Credtodos", _.CSOB = "Csob", _.CU24 = "Cu24", _.CUP = "Cup", _.CUP_AMAZONPAY = "Cup_amazonpay", _.DANA = "Dana", _.DANKORT = "Dankort", _.DANSKEBANK = "Danskebank", _.DECADEAUKAART = "Decadeaukaart", _.DIEAERZTEBANK = "Dieaerztebank", _.DINEROMAIL = "Dineromail", _.DINERS = "Diners", _.DINNER = "Dinner", _.DIRECTEBANKING = "DirectEbanking", _.DIRECTDEBIT = "Directdebit", _.DIRECTDEBIT_BR_BANCODOBRASIL = "Directdebit_BR_bancodobrasil", _.DIRECTDEBIT_BR_ITAU = "Directdebit_BR_itau", _.DIRECTDEBIT_GB = "Directdebit_GB", _.DIRECTDEBIT_NL = "Directdebit_NL", _.DISCOVER = "Discover", _.DISCOVER_AMAZONPAY = "Discover_amazonpay", _.DISCOVER_ANDROIDPAY = "Discover_androidpay", _.DISCOVER_APPLEPAY = "Discover_applepay", _.DK = "Dk", _.DOKU = "Doku", _.DOKU_ALFAMART = "Doku_alfamart", _.DOKU_BCA_KLIKPAY = "Doku_bca_klikpay", _.DOKU_BCA_VA = "Doku_bca_va", _.DOKU_BNI = "Doku_bni", _.DOKU_BNI_VA = "Doku_bni_va", _.DOKU_BRI_VA = "Doku_bri_va", _.DOKU_BRIEPAY = "Doku_briepay", _.DOKU_CIMB_VA = "Doku_cimb_va", _.DOKU_DANAMON_VA = "Doku_danamon_va", _.DOKU_INDOMARET = "Doku_indomaret", _.DOKU_MANDIRI_CLICKPAY = "Doku_mandiri_clickpay", _.DOKU_MANDIRI_VA = "Doku_mandiri_va", _.DOKU_OVO = "Doku_ovo", _.DOKU_PERMATA_ATM = "Doku_permata_atm", _.DOKU_PERMATA_LITE_ATM = "Doku_permata_lite_atm", _.DOKU_SINARMAS_VA = "Doku_sinarmas_va", _.DOKU_WALLET = "Doku_wallet", _.DONGABANK = "Dongabank", _.DOTPAY = "Dotpay", _.DOTPAY_1 = "Dotpay/1", _.DOTPAY_10 = "Dotpay/10", _.DOTPAY_11 = "Dotpay/11", _.DOTPAY_16 = "Dotpay/16", _.DOTPAY_2 = "Dotpay/2", _.DOTPAY_21 = "Dotpay/21", _.DOTPAY_24 = "Dotpay/24", _.DOTPAY_31 = "Dotpay/31", _.DOTPAY_32 = "Dotpay/32", _.DOTPAY_35 = "Dotpay/35", _.DOTPAY_36 = "Dotpay/36", _.DOTPAY_38 = "Dotpay/38", _.DOTPAY_4 = "Dotpay/4", _.DOTPAY_44 = "Dotpay/44", _.DOTPAY_45 = "Dotpay/45", _.DOTPAY_46 = "Dotpay/46", _.DOTPAY_48 = "Dotpay/48", _.DOTPAY_50 = "Dotpay/50", _.DOTPAY_51 = "Dotpay/51", _.DOTPAY_52 = "Dotpay/52", _.DOTPAY_55 = "Dotpay/55", _.DOTPAY_56 = "Dotpay/56", _.DOTPAY_58 = "Dotpay/58", _.DOTPAY_59 = "Dotpay/59", _.DOTPAY_6 = "Dotpay/6", _.DOTPAY_60 = "Dotpay/60", _.DOTPAY_65 = "Dotpay/65", _.DOTPAY_66 = "Dotpay/66", _.DOTPAY_68 = "Dotpay/68", _.DOTPAY_7 = "Dotpay/7", _.DOTPAY_70 = "Dotpay/70", _.DOTPAY_72 = "Dotpay/72", _.DOTPAY_73 = "Dotpay/73", _.DOTPAY_74 = "Dotpay/74", _.DOTPAY_75 = "Dotpay/75", _.DOTPAY_76 = "Dotpay/76", _.DOTPAY_80 = "Dotpay/80", _.DOTPAY_81 = "Dotpay/81", _.DOTPAY_83 = "Dotpay/83", _.DOTPAY_84 = "Dotpay/84", _.DOTPAY_87 = "Dotpay/87", _.DOTPAY_88 = "Dotpay/88", _.DOTPAY_89 = "Dotpay/89", _.DOTPAY_90 = "Dotpay/90", _.DOTPAY_91 = "Dotpay/91", _.DOTPAY_92 = "Dotpay/92", _.DOTPAY_93 = "Dotpay/93", _.DRAGONPAY = "Dragonpay", _.DRAGONPAY_CREDITS = "Dragonpay_credits", _.DRAGONPAY_EBANKING = "Dragonpay_ebanking", _.DRAGONPAY_EBANKING_BDO = "Dragonpay_ebanking/bdo", _.DRAGONPAY_EBANKING_BOG = "Dragonpay_ebanking/bog", _.DRAGONPAY_EBANKING_BPI = "Dragonpay_ebanking/bpi", _.DRAGONPAY_EBANKING_BPIB = "Dragonpay_ebanking/bpib", _.DRAGONPAY_EBANKING_CBC = "Dragonpay_ebanking/cbc", _.DRAGONPAY_EBANKING_DPAY = "Dragonpay_ebanking/dpay", _.DRAGONPAY_EBANKING_LBPA = "Dragonpay_ebanking/lbpa", _.DRAGONPAY_EBANKING_MBTC = "Dragonpay_ebanking/mbtc", _.DRAGONPAY_EBANKING_RCBC = "Dragonpay_ebanking/rcbc", _.DRAGONPAY_EBANKING_UBP = "Dragonpay_ebanking/ubp", _.DRAGONPAY_EBANKING_UCPB = "Dragonpay_ebanking/ucpb", _.DRAGONPAY_GCASH = "Dragonpay_gcash", _.DRAGONPAY_OTC_BANKING = "Dragonpay_otc_banking", _.DRAGONPAY_OTC_BANKING_BDOA = "Dragonpay_otc_banking/bdoa", _.DRAGONPAY_OTC_BANKING_BDRX = "Dragonpay_otc_banking/bdrx", _.DRAGONPAY_OTC_BANKING_BOGX = "Dragonpay_otc_banking/bogx", _.DRAGONPAY_OTC_BANKING_BPXB = "Dragonpay_otc_banking/bpxb", _.DRAGONPAY_OTC_BANKING_CBCX = "Dragonpay_otc_banking/cbcx", _.DRAGONPAY_OTC_BANKING_EWBX = "Dragonpay_otc_banking/ewbx", _.DRAGONPAY_OTC_BANKING_LBXB = "Dragonpay_otc_banking/lbxb", _.DRAGONPAY_OTC_BANKING_MBTX = "Dragonpay_otc_banking/mbtx", _.DRAGONPAY_OTC_BANKING_PNBB = "Dragonpay_otc_banking/pnbb", _.DRAGONPAY_OTC_BANKING_PNXB = "Dragonpay_otc_banking/pnxb", _.DRAGONPAY_OTC_BANKING_RCXB = "Dragonpay_otc_banking/rcxb", _.DRAGONPAY_OTC_BANKING_RSXB = "Dragonpay_otc_banking/rsxb", _.DRAGONPAY_OTC_BANKING_SBCA = "Dragonpay_otc_banking/sbca", _.DRAGONPAY_OTC_BANKING_SBCB = "Dragonpay_otc_banking/sbcb", _.DRAGONPAY_OTC_BANKING_UBXB = "Dragonpay_otc_banking/ubxb", _.DRAGONPAY_OTC_BANKING_UCXB = "Dragonpay_otc_banking/ucxb", _.DRAGONPAY_OTC_INTERNATIONAL = "Dragonpay_otc_international", _.DRAGONPAY_OTC_NON_BANKING = "Dragonpay_otc_non_banking", _.DRAGONPAY_OTC_NON_BANKING_BAYD = "Dragonpay_otc_non_banking/bayd", _.DRAGONPAY_OTC_NON_BANKING_CEBL = "Dragonpay_otc_non_banking/cebl", _.DRAGONPAY_OTC_NON_BANKING_CEBP = "Dragonpay_otc_non_banking/cebp", _.DRAGONPAY_OTC_NON_BANKING_ECPY = "Dragonpay_otc_non_banking/ecpy", _.DRAGONPAY_OTC_NON_BANKING_LBC = "Dragonpay_otc_non_banking/lbc", _.DRAGONPAY_OTC_NON_BANKING_MLH = "Dragonpay_otc_non_banking/mlh", _.DRAGONPAY_OTC_NON_BANKING_RDS = "Dragonpay_otc_non_banking/rds", _.DRAGONPAY_OTC_NON_BANKING_RLNT = "Dragonpay_otc_non_banking/rlnt", _.DRAGONPAY_OTC_NON_BANKING_SMR = "Dragonpay_otc_non_banking/smr", _.DRAGONPAY_OTC_PHILIPPINES = "Dragonpay_otc_philippines", _.DRAGONPAY_SEVENELEVEN = "Dragonpay_seveneleven", _.DUITNOWQR = "Duitnowqr", _.EAGLEEYE_VOUCHER = "Eagleeye_voucher", _.EASYBANK = "Easybank", _.EBANKING_FI = "Ebanking_FI", _.EBUCKS = "Ebucks", _.ECONTEXT_ATM = "Econtext_atm", _.ECONTEXT_ONLINE = "Econtext_online", _.ECONTEXT_SEVEN_ELEVEN = "Econtext_seven_eleven", _.ECONTEXT_STORES = "Econtext_stores", _.EDENRED_MEAL_VOUCHER = "Edenred_meal_voucher", _.EFECTIVO_BANCOMER = "Efectivo_bancomer", _.EFECTIVO_IXE = "Efectivo_ixe", _.EFECTY = "Efecty", _.EFTPOS = "Eftpos", _.EFTPOS_AUSTRALIA = "Eftpos_australia", _.EFTPOS_AUSTRALIA_CHQ = "Eftpos_australia_chq", _.EFTPOS_AUSTRALIA_SAV = "Eftpos_australia_sav", _.ELECTRON = "Electron", _.ELECTRON_AMAZONPAY = "Electron_amazonpay", _.ELECTRON_APPLEPAY = "Electron_applepay", _.ELECTRON_SAMSUNGPAY = "Electron_samsungpay", _.ELEKSNET = "Eleksnet", _.ELO = "Elo", _.ELO_AMAZONPAY = "Elo_amazonpay", _.ELO_APPLEPAY = "Elo_applepay", _.ELODEBIT_AMAZONPAY = "Elodebit_amazonpay", _.ELV = "Elv", _.ENETS = "Enets", _.ENTERCASH = "Entercash", _.ENTERCASH_200 = "Entercash/200", _.ENTERCASH_204 = "Entercash/204", _.ENTERCASH_205 = "Entercash/205", _.ENTERCASH_206 = "Entercash/206", _.ENTERCASH_207 = "Entercash/207", _.ENTERCASH_208 = "Entercash/208", _.ENTERCASH_209 = "Entercash/209", _.ENTERCASH_211 = "Entercash/211", _.ENTERCASH_213 = "Entercash/213", _.ENTERCASH_216 = "Entercash/216", _.ENTERCASH_231 = "Entercash/231", _.ENTERCASH_232 = "Entercash/232", _.ENTERCASH_233 = "Entercash/233", _.ENTERCASH_234 = "Entercash/234", _.ENTERCASH_235 = "Entercash/235", _.ENTERCASH_240 = "Entercash/240", _.ENTERCASH_260 = "Entercash/260", _.ENTERCASH_265 = "Entercash/265", _.ENTERCASH_500 = "Entercash/500", _.ENTERCASH_505 = "Entercash/505", _.ENTERCASH_550 = "Entercash/550", _.ENTERCASH_551 = "Entercash/551", _.ENTERCASH_552 = "Entercash/552", _.ENTERCASH_553 = "Entercash/553", _.ENTERCASH_554 = "Entercash/554", _.ENTERCASH_555 = "Entercash/555", _.ENTERCASH_556 = "Entercash/556", _.ENTERCASH_557 = "Entercash/557", _.ENTERCASH_640 = "Entercash/640", _.ENTERCASH_720 = "Entercash/720", _.ENTERCASH_721 = "Entercash/721", _.ENTERCASH_722 = "Entercash/722", _.ENTERCASH_723 = "Entercash/723", _.ENTERCASH_724 = "Entercash/724", _.ENTERCASH_750 = "Entercash/750", _.ENTERCASH_751 = "Entercash/751", _.ENTERCASH_752 = "Entercash/752", _.ENTERCASH_753 = "Entercash/753", _.ENTERCASH_940 = "Entercash/940", _.ENTERCASH_941 = "Entercash/941", _.ENTERCASH_942 = "Entercash/942", _.ENTERCASH_943 = "Entercash/943", _.ENTERTAINMENTCARD = "Entertainmentcard", _.EPAY = "Epay", _.EPS = "Eps", _.EPS_09350598_7BA4_4AFB_B706_843E49A64759 = "Eps/093505987ba44afbB706843e49a64759", _.EPS_1190C4D1_B37A_487E_9355_E0A067F54A9F = "Eps/1190c4d1B37a487e9355E0a067f54a9f", _.EPS_1D48E2F7_604C_4D1D_894E_170635D1A645 = "Eps/1d48e2f7604c4d1d894e170635d1a645", _.EPS_242209E6_A81F_48BC_9041_A31306CB153F = "Eps/242209e6A81f48bc9041A31306cb153f", _.EPS_25942CC9_617D_42A1_89BA_D1AB5A05770A = "Eps/25942cc9617d42a189baD1ab5a05770a", _.EPS_31659756_FB43_4094_AFD5_82980FF48750 = "Eps/31659756Fb434094Afd582980ff48750", _.EPS_33FDC41FC_3D3D_4EE3_A1FE_CD79CFD58EA3 = "Eps/33fdc41fc3d3d4ee3A1feCd79cfd58ea3", _.EPS_3ED7DA63_0924_424C_A822_2A0DFAAADCE1 = "Eps/3ed7da630924424cA8222a0dfaaadce1", _.EPS_3FDC41FC_3D3D_4EE3_A1FE_CD79CFD58EA3 = "Eps/3fdc41fc3d3d4ee3A1feCd79cfd58ea3", _.EPS_43B3AF24_7969_4701_A7CE_1F9FC6EEF834 = "Eps/43b3af2479694701A7ce1f9fc6eef834", _.EPS_43DCA1AB_4BA3_41AC_B672_5518362CDE54 = "Eps/43dca1ab4ba341acB6725518362cde54", _.EPS_479FF5D2_6F44_4921_9330_6BF6763806E9 = "Eps/479ff5d26f44492193306bf6763806e9", _.EPS_4A0A975B_0594_4B40_9068_39F77B3A91F9 = "Eps/4a0a975b05944b40906839f77b3a91f9", _.EPS_52D9DF19_F5C5_401F_89D9_38A8B36AE721 = "Eps/52d9df19F5c5401f89d938a8b36ae721", _.EPS_54016D9D_31B0_4DB3_9EAF_CF9FBC58EE81 = "Eps/54016d9d31b04db39eafCf9fbc58ee81", _.EPS_64669764_E6FC_401C_8F3D_26E9169BA6FF = "Eps/64669764E6fc401c8f3d26e9169ba6ff", _.EPS_6765E225_A0DC_4481_9666_E26303D4F221 = "Eps/6765e225A0dc44819666E26303d4f221", _.EPS_68DB503B_EA48_4681_814B_10FC74064F68 = "Eps/68db503bEa484681814b10fc74064f68", _.EPS_69A67A81_7518_463F_8527_3F1128AF1F93 = "Eps/69a67a817518463f85273f1128af1f93", _.EPS_7217D822_470C_4768_B346_A440E8CB7096 = "Eps/7217d822470c4768B346A440e8cb7096", _.EPS_744D26DA_90C9_49EB_9A0B_9A7F1FA3A8D2 = "Eps/744d26da90c949eb9a0b9a7f1fa3a8d2", _.EPS_84F468DC_37B4_44AA_8301_50A16F746464 = "Eps/84f468dc37b444aa830150a16f746464", _.EPS_880CC8C4_D723_49AB_8299_DC35EAFC9385 = "Eps/880cc8c4D72349ab8299Dc35eafc9385", _.EPS_89C79DA1_1B75_41E2_9254_118F36231BBD = "Eps/89c79da11b7541e29254118f36231bbd", _.EPS_8B0BFEEA_FBB0_4337_B3A1_0E25C0F060FC = "Eps/8b0bfeeaFbb04337B3a10e25c0f060fc", _.EPS_958D1CF8_0D2D_4B21_B1F2_8383BB9F243F = "Eps/958d1cf80d2d4b21B1f28383bb9f243f", _.EPS_9C92D29B_A898_488E_836F_E93B911F9A94 = "Eps/9c92d29bA898488e836fE93b911f9a94", _.EPS_A990A73B_3D6B_4D91_9B8A_856428089B34 = "Eps/a990a73b3d6b4d919b8a856428089b34", _.EPS_AA1DE16A_223F_494F_90F0_01FCE9C065FB = "Eps/aa1de16a223f494f90f001fce9c065fb", _.EPS_B3B1554F_C9AE_4396_A62F_BAFFB8A2DE1C = "Eps/b3b1554fC9ae4396A62fBaffb8a2de1c", _.EPS_B42DD796_8BDA_4893_ACC2_DDFAE9C9CDB7 = "Eps/b42dd7968bda4893Acc2Ddfae9c9cdb7", _.EPS_BA7199CC_F057_42F2_9856_2378ABF21638 = "Eps/ba7199ccF05742f298562378abf21638", _.EPS_BB7D223A_17D5_48AF_A6EF_8A2BF5A4E5D9 = "Eps/bb7d223a17d548afA6ef8a2bf5a4e5d9", _.EPS_BBD44F4D_609B_454E_8D5A_E0D1AC21F15A = "Eps/bbd44f4d609b454e8d5aE0d1ac21f15a", _.EPS_C522E299_479C_4134_849F_A6EF0399A6E0 = "Eps/c522e299479c4134849fA6ef0399a6e0", _.EPS_CC4A034E_F8A1_4CE4_A96B_1CD251AF03B5 = "Eps/cc4a034eF8a14ce4A96b1cd251af03b5", _.EPS_D5639C17_0207_4D49_8708_922181135AD1 = "Eps/d5639c1702074d498708922181135ad1", _.EPS_D5D5B133_1C0D_4C08_B2BE_3C9B116DC326 = "Eps/d5d5b1331c0d4c08B2be3c9b116dc326", _.EPS_E15C6132_430F_415C_AC95_C127ECB49D55 = "Eps/e15c6132430f415cAc95C127ecb49d55", _.EPS_E2E97AAA_DE4C_4E18_9431_D99790773433 = "Eps/e2e97aaaDe4c4e189431D99790773433", _.EPS_E590EB4F_B805_43F7_86A0_4EA3F560B18F = "Eps/e590eb4fB80543f786a04ea3f560b18f", _.EPS_E6819E7A_F663_414B_92EC_CF7C82D2F4E5 = "Eps/e6819e7aF663414b92ecCf7c82d2f4e5", _.EPS_EE9FC487_EBE0_486C_8101_17DCE5141A67 = "Eps/ee9fc487Ebe0486c810117dce5141a67", _.EPS_EFF103E6_843D_48B7_A6E6_FBD88F511B11 = "Eps/eff103e6843d48b7A6e6Fbd88f511b11", _.EPS_F848C582_1B94_4E13_B58E_B3A2C68A3FBA = "Eps/f848c5821b944e13B58eB3a2c68a3fba", _.ESA_PAY = "Esa_pay", _.EXPERTGIFTCARD = "Expertgiftcard", _.FACILYPAY = "Facilypay", _.FACILYPAY_10X = "Facilypay_10x", _.FACILYPAY_12X = "Facilypay_12x", _.FACILYPAY_3X = "Facilypay_3x", _.FACILYPAY_4X = "Facilypay_4x", _.FACILYPAY_6X = "Facilypay_6x", _.FAKTURA = "Faktura", _.FAMILYMART = "Familymart", _.FASHIONCHEQUE = "Fashioncheque", _.FAWRY = "Fawry", _.FIO_BANKA = "Fio_banka", _.FIS_MAYORSGIFTCARD = "Fis_mayorsgiftcard", _.FLEUROP = "Fleurop", _.FLEUROPBLOEMENBON = "Fleuropbloemenbon", _.FONQ = "Fonq", _.FONQGIFTCARD = "Fonqgiftcard", _.FORBRUGSFORENINGEN = "Forbrugsforeningen", _.FORTIS = "Fortis", _.FPX = "Fpx", _.FPX_ABB = "Fpx_abb", _.FPX_ABMB = "Fpx_abmb", _.FPX_AMB = "Fpx_amb", _.FPX_BIMB = "Fpx_bimb", _.FPX_BKRM = "Fpx_bkrm", _.FPX_CIMBCLICKS = "Fpx_cimbclicks", _.FPX_HLB = "Fpx_hlb", _.FPX_MB2U = "Fpx_mb2u", _.FPX_OCBC = "Fpx_ocbc", _.FPX_PBB = "Fpx_pbb", _.FPX_RHB = "Fpx_rhb", _.FPX_SCB = "Fpx_scb", _.FPX_UOB = "Fpx_uob", _.FRIESLAND_BANK = "Friesland_bank", _.GALLGALL = "Gallgall", _.GARTNER = "Gartner", _.GCASH = "Gcash", _.GE = "Ge", _.GENERIC_BANKTRANSFER = "Generic_banktransfer", _.GENERIC_WALLET = "Generic_wallet", _.GENERICGIFTCARD = "Genericgiftcard", _.GIFTCARD = "Giftcard", _.GIFTFOR2CARD = "Giftfor2card", _.GIROCARD = "Girocard", _.GIROPAY = "Giropay", _.GIVEX = "Givex", _.GLOBE_GCASH = "Globe_gcash", _.GLOBEGCASH = "Globegcash", _.GOLDSMITHSCARD = "Goldsmithscard", _.GOOGLEPAY = "Googlepay", _.GOOGLEWALLET = "Googlewallet", _.GOPAY_WALLET = "Gopay_wallet", _.GRABPAY = "Grabpay", _.GRABPAY_MY = "Grabpay_MY", _.GRABPAY_PH = "Grabpay_PH", _.GRABPAY_SG = "Grabpay_SG", _.GRABPAY_TH = "Grabpay_TH", _.GRABPAY_POS = "Grabpay_pos", _.GRUPO_MUTUAL = "Grupo_mutual", _.HALLMARK = "Hallmark", _.HALLMARKCARD = "Hallmarkcard", _.HANDELSBAN = "Handelsban", _.HANDELSBANKEN = "Handelsbanken", _.HANSABANK = "Hansabank", _.HDFC = "Hdfc", _.HELM = "Helm", _.HIPER = "Hiper", _.HIPERCARD = "Hipercard", _.HMLINGERIE = "Hmlingerie", _.HOMEWORKS = "Homeworks", _.HONG_LEONG = "Hong_leong", _.HSBC = "Hsbc", _.HYPO_ALPE_ADRIA = "Hypo_alpe_adria", _.HYPO_LANDESBANK_VORARLBERG = "Hypo_landesbank_vorarlberg", _.HYPO_NOE_GRUPPE = "Hypo_noe_gruppe", _.HYPO_TIROL_BANK = "Hypo_tirol_bank", _.HYUNDAI_CARD = "Hyundai_card", _.IDEAL = "Ideal", _.IDEAL_0021 = "Ideal/0021", _.IDEAL_0031 = "Ideal/0031", _.IDEAL_0161 = "Ideal/0161", _.IDEAL_0511 = "Ideal/0511", _.IDEAL_0721 = "Ideal/0721", _.IDEAL_0751 = "Ideal/0751", _.IDEAL_0761 = "Ideal/0761", _.IDEAL_0771 = "Ideal/0771", _.IDEAL_0801 = "Ideal/0801", _.IDEAL_0802 = "Ideal/0802", _.IDEAL_0803 = "Ideal/0803", _.IDEAL_0804 = "Ideal/0804", _.IDEAL_0805 = "Ideal/0805", _.IDEAL_1151 = "Ideal/1151", _.IGIVE = "Igive", _.IKANO = "Ikano", _.IMMO_BANK = "ImmoBank", _.INICISINIPAY_ACCOUNTTRANSFER = "InicisIniPay_accounttransfer", _.INICISINIPAY_CREDITCARD = "InicisIniPay_creditcard", _.INICISMOBILE_ACCOUNTTRANSFER = "InicisMobile_accounttransfer", _.INICISMOBILE_CREDITCARD = "InicisMobile_creditcard", _.INICISMOBILE_MOBILEPHONE = "InicisMobile_mobilephone", _.INICIS_CREDITCARD = "Inicis_creditcard", _.INTERAC = "Interac", _.INTERAC_AMAZONPAY = "Interac_amazonpay", _.INTERAC_APPLEPAY = "Interac_applepay", _.INTERAC_CARD = "Interac_card", _.INTERBANK = "Interbank", _.INTERLINK = "Interlink", _.IPAY = "Ipay", _.IPAY88 = "Ipay88", _.ISRACARD = "Isracard", _.ITAU = "Itau", _.IVR = "Ivr", _.IVRLANDLINE = "IvrLandline", _.IVRMOBILE = "IvrMobile", _.IXE = "Ixe", _.JCB = "Jcb", _.JCB_APPLEPAY = "Jcb_applepay", _.JUST_PAY = "Just_pay", _.KADOWERELD = "Kadowereld", _.KAKAOPAY = "Kakaopay", _.KAREN_MILLEN = "Karen_millen", _.KARENMILLEN = "Karenmillen", _.KARENMILLENGIFTCARD = "Karenmillengiftcard", _.KASIKORNBANK = "Kasikornbank", _.KCP_BANKTRANSFER = "Kcp_banktransfer", _.KCP_CREDITCARD = "Kcp_creditcard", _.KCP_PAYCO = "Kcp_payco", _.KLARNA_PAY_LATER = "KlarnaPayLater", _.KLARNA_PAY_NOW = "KlarnaPayNow", _.KLARNA_SLICE = "KlarnaSlice", _.KLARNA = "Klarna", _.KLARNA_ACCOUNT = "Klarna_account", _.KLARNA_B2B = "Klarna_b2b", _.KLARNA_PAYNOW = "Klarna_paynow", _.KLARNAPAYMENTS = "Klarnapayments", _.KLARNAPAYMENTS_ACCOUNT = "Klarnapayments_account", _.KLARNAPAYMENTS_B2B = "Klarnapayments_b2b", _.KMART = "Kmart", _.KNET = "Knet", _.KONBINI = "Konbini", _.KOREAN_LOCAL_CARD = "Korean_local_card", _.KRUNGSRI_ATM = "Krungsri_atm", _.KRUNGTHAI = "Krungthai", _.KRUNSGRI = "Krunsgri", _.LASER = "Laser", _.LAWESON = "Laweson", _.LHV = "Lhv", _.LIANLIANPAY_ABC = "Lianlianpay_abc", _.LIANLIANPAY_BCM = "Lianlianpay_bcm", _.LIANLIANPAY_BEA = "Lianlianpay_bea", _.LIANLIANPAY_BOB = "Lianlianpay_bob", _.LIANLIANPAY_BOC = "Lianlianpay_boc", _.LIANLIANPAY_CCIB = "Lianlianpay_ccib", _.LIANLIANPAY_CCOB = "Lianlianpay_ccob", _.LIANLIANPAY_CEB = "Lianlianpay_ceb", _.LIANLIANPAY_CGB = "Lianlianpay_cgb", _.LIANLIANPAY_CMB = "Lianlianpay_cmb", _.LIANLIANPAY_CMBC = "Lianlianpay_cmbc", _.LIANLIANPAY_CREDITCARD = "Lianlianpay_creditcard", _.LIANLIANPAY_DEBITCARD = "Lianlianpay_debitcard", _.LIANLIANPAY_EBANKING = "Lianlianpay_ebanking", _.LIANLIANPAY_EBANKING_CREDIT_01020000 = "Lianlianpay_ebanking_credit/01020000", _.LIANLIANPAY_EBANKING_CREDIT_01030000 = "Lianlianpay_ebanking_credit/01030000", _.LIANLIANPAY_EBANKING_CREDIT_01040000 = "Lianlianpay_ebanking_credit/01040000", _.LIANLIANPAY_EBANKING_CREDIT_01050000 = "Lianlianpay_ebanking_credit/01050000", _.LIANLIANPAY_EBANKING_CREDIT_03010000 = "Lianlianpay_ebanking_credit/03010000", _.LIANLIANPAY_EBANKING_CREDIT_03020000 = "Lianlianpay_ebanking_credit/03020000", _.LIANLIANPAY_EBANKING_CREDIT_03030000 = "Lianlianpay_ebanking_credit/03030000", _.LIANLIANPAY_EBANKING_CREDIT_03040000 = "Lianlianpay_ebanking_credit/03040000", _.LIANLIANPAY_EBANKING_CREDIT_03050000 = "Lianlianpay_ebanking_credit/03050000", _.LIANLIANPAY_EBANKING_CREDIT_03060000 = "Lianlianpay_ebanking_credit/03060000", _.LIANLIANPAY_EBANKING_CREDIT_03070000 = "Lianlianpay_ebanking_credit/03070000", _.LIANLIANPAY_EBANKING_CREDIT_03080000 = "Lianlianpay_ebanking_credit/03080000", _.LIANLIANPAY_EBANKING_CREDIT_03100000 = "Lianlianpay_ebanking_credit/03100000", _.LIANLIANPAY_EBANKING_CREDIT_03200000 = "Lianlianpay_ebanking_credit/03200000", _.LIANLIANPAY_EBANKING_CREDIT_1000000 = "Lianlianpay_ebanking_credit/1000000", _.LIANLIANPAY_EBANKING_CREDIT_4031000 = "Lianlianpay_ebanking_credit/4031000", _.LIANLIANPAY_EBANKING_DEBIT_01020000 = "Lianlianpay_ebanking_debit/01020000", _.LIANLIANPAY_EBANKING_DEBIT_01030000 = "Lianlianpay_ebanking_debit/01030000", _.LIANLIANPAY_EBANKING_DEBIT_01040000 = "Lianlianpay_ebanking_debit/01040000", _.LIANLIANPAY_EBANKING_DEBIT_01050000 = "Lianlianpay_ebanking_debit/01050000", _.LIANLIANPAY_EBANKING_DEBIT_03010000 = "Lianlianpay_ebanking_debit/03010000", _.LIANLIANPAY_EBANKING_DEBIT_03020000 = "Lianlianpay_ebanking_debit/03020000", _.LIANLIANPAY_EBANKING_DEBIT_03030000 = "Lianlianpay_ebanking_debit/03030000", _.LIANLIANPAY_EBANKING_DEBIT_03040000 = "Lianlianpay_ebanking_debit/03040000", _.LIANLIANPAY_EBANKING_DEBIT_03050000 = "Lianlianpay_ebanking_debit/03050000", _.LIANLIANPAY_EBANKING_DEBIT_03060000 = "Lianlianpay_ebanking_debit/03060000", _.LIANLIANPAY_EBANKING_DEBIT_03070000 = "Lianlianpay_ebanking_debit/03070000", _.LIANLIANPAY_EBANKING_DEBIT_03080000 = "Lianlianpay_ebanking_debit/03080000", _.LIANLIANPAY_EBANKING_DEBIT_03100000 = "Lianlianpay_ebanking_debit/03100000", _.LIANLIANPAY_EBANKING_DEBIT_03200000 = "Lianlianpay_ebanking_debit/03200000", _.LIANLIANPAY_EBANKING_DEBIT_1000000 = "Lianlianpay_ebanking_debit/1000000", _.LIANLIANPAY_EBANKING_DEBIT_4031000 = "Lianlianpay_ebanking_debit/4031000", _.LIANLIANPAY_EBANKING_ENTERPRISE_01020000 = "Lianlianpay_ebanking_enterprise/01020000", _.LIANLIANPAY_EBANKING_ENTERPRISE_01030000 = "Lianlianpay_ebanking_enterprise/01030000", _.LIANLIANPAY_EBANKING_ENTERPRISE_01040000 = "Lianlianpay_ebanking_enterprise/01040000", _.LIANLIANPAY_EBANKING_ENTERPRISE_01050000 = "Lianlianpay_ebanking_enterprise/01050000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03010000 = "Lianlianpay_ebanking_enterprise/03010000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03020000 = "Lianlianpay_ebanking_enterprise/03020000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03030000 = "Lianlianpay_ebanking_enterprise/03030000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03040000 = "Lianlianpay_ebanking_enterprise/03040000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03050000 = "Lianlianpay_ebanking_enterprise/03050000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03060000 = "Lianlianpay_ebanking_enterprise/03060000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03070000 = "Lianlianpay_ebanking_enterprise/03070000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03080000 = "Lianlianpay_ebanking_enterprise/03080000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03100000 = "Lianlianpay_ebanking_enterprise/03100000", _.LIANLIANPAY_EBANKING_ENTERPRISE_03200000 = "Lianlianpay_ebanking_enterprise/03200000", _.LIANLIANPAY_EBANKING_ENTERPRISE_1000000 = "Lianlianpay_ebanking_enterprise/1000000", _.LIANLIANPAY_EBANKING_ENTERPRISE_4031000 = "Lianlianpay_ebanking_enterprise/4031000", _.LIANLIANPAY_HXB = "Lianlianpay_hxb", _.LIANLIANPAY_ICBC = "Lianlianpay_icbc", _.LIANLIANPAY_PAB = "Lianlianpay_pab", _.LIANLIANPAY_PSBC = "Lianlianpay_psbc", _.LIANLIANPAY_SPDB = "Lianlianpay_spdb", _.LOODS5GIFTCARD = "Loods5giftcard", _.LOODS5PREPAIDCARD = "Loods5prepaidcard", _.M_PAY = "M_pay", _.MADA = "Mada", _.MADA_CARD = "Mada_card", _.MAESTRO = "Maestro", _.MAESTRO_AMAZONPAY = "Maestro_amazonpay", _.MAESTRO_APPLEPAY = "Maestro_applepay", _.MAESTRO_SAMSUNGPAY = "Maestro_samsungpay", _.MAESTROUK = "Maestrouk", _.MANDIRI = "Mandiri", _.MAPPINWEBBCARD = "Mappinwebbcard", _.MARITIME = "Maritime", _.MASTERPASS = "Masterpass", _.MAYBANK = "Maybank", _.MAYORS = "Mayors", _.MB = "Mb", _.MBANK = "Mbank", _.MBWAY = "Mbway", _.MC = "Mc", _.MC_AMAZONPAY = "Mc_amazonpay", _.MC_ANDROIDPAY = "Mc_androidpay", _.MC_APPLEPAY = "Mc_applepay", _.MC_SAMSUNGPAY = "Mc_samsungpay", _.MEALVOUCHER_FR_GROUPEUP = "MealVoucher_FR_groupeup", _.MEALVOUCHER_FR_NATIXIS = "MealVoucher_FR_natixis", _.MEALVOUCHER_FR_SODEXO = "MealVoucher_FR_sodexo", _.MERCADOPAGO = "Mercadopago", _.MINISTOP = "Ministop", _.MIR = "Mir", _.MOBILE_SUICA = "Mobile_suica", _.MOBILEPAY = "Mobilepay", _.MOLPAY = "Molpay", _.MOLPAY_A = "Molpay_a", _.MOLPAY_ABMB = "Molpay_abmb", _.MOLPAY_ACB = "Molpay_acb", _.MOLPAY_AFFIN_EPG = "Molpay_affin_epg", _.MOLPAY_AGRIBANK = "Molpay_agribank", _.MOLPAY_ALIPAY = "Molpay_alipay", _.MOLPAY_AMB = "Molpay_amb", _.MOLPAY_BANGKOKBANK = "Molpay_bangkokbank", _.MOLPAY_BANKGKOKBANK = "Molpay_bankgkokbank", _.MOLPAY_BANKISLAM = "Molpay_bankislam", _.MOLPAY_BIDV = "Molpay_bidv", _.MOLPAY_BKRM = "Molpay_bkrm", _.MOLPAY_BOOST = "Molpay_boost", _.MOLPAY_CASH = "Molpay_cash", _.MOLPAY_CIMB = "Molpay_cimb", _.MOLPAY_CIMB_VA = "Molpay_cimb_va", _.MOLPAY_DONGABANK = "Molpay_dongabank", _.MOLPAY_EBANKING_MY = "Molpay_ebanking_MY", _.MOLPAY_EBANKING_TH = "Molpay_ebanking_TH", _.MOLPAY_EBANKING_TH_MOLPAY_BANGKOKBANK = "Molpay_ebanking_TH/molpay_bangkokbank", _.MOLPAY_EBANKING_TH_MOLPAY_KBANK = "Molpay_ebanking_TH/molpay_kbank", _.MOLPAY_EBANKING_TH_MOLPAY_KRUNGSRIBANK = "Molpay_ebanking_TH/molpay_krungsribank", _.MOLPAY_EBANKING_TH_MOLPAY_KRUNGTHAIBANK = "Molpay_ebanking_TH/molpay_krungthaibank", _.MOLPAY_EBANKING_TH_MOLPAY_SIAMCOMMERCIALBANK = "Molpay_ebanking_TH/molpay_siamcommercialbank", _.MOLPAY_EBANKING_VN = "Molpay_ebanking_VN", _.MOLPAY_EBANKING_VN_VTCPAY_ACB = "Molpay_ebanking_VN/vtcpayAcb", _.MOLPAY_EBANKING_VN_VTCPAY_AGRIBANK = "Molpay_ebanking_VN/vtcpayAgribank", _.MOLPAY_EBANKING_VN_VTCPAY_BIDV = "Molpay_ebanking_VN/vtcpayBidv", _.MOLPAY_EBANKING_VN_VTCPAY_DONGABANK = "Molpay_ebanking_VN/vtcpayDongabank", _.MOLPAY_EBANKING_VN_VTCPAY_MARITIMEBANK = "Molpay_ebanking_VN/vtcpayMaritimebank", _.MOLPAY_EBANKING_VN_VTCPAY_MB = "Molpay_ebanking_VN/vtcpayMb", _.MOLPAY_EBANKING_VN_VTCPAY_SACOMBANK = "Molpay_ebanking_VN/vtcpaySacombank", _.MOLPAY_EBANKING_VN_VTCPAY_TECHCOMBANK = "Molpay_ebanking_VN/vtcpayTechcombank", _.MOLPAY_EBANKING_VN_VTCPAY_VIETCOMBANK = "Molpay_ebanking_VN/vtcpayVietcombank", _.MOLPAY_EBANKING_VN_VTCPAY_VIETINBANK = "Molpay_ebanking_VN/vtcpayVietinbank", _.MOLPAY_EBANKING_FPX_MY = "Molpay_ebanking_fpx_MY", _.MOLPAY_EBANKING_FPX_MY_FPX_ABB = "Molpay_ebanking_fpx_MY/fpx_abb", _.MOLPAY_EBANKING_FPX_MY_FPX_ABMB = "Molpay_ebanking_fpx_MY/fpx_abmb", _.MOLPAY_EBANKING_FPX_MY_FPX_AMB = "Molpay_ebanking_fpx_MY/fpx_amb", _.MOLPAY_EBANKING_FPX_MY_FPX_BIMB = "Molpay_ebanking_fpx_MY/fpx_bimb", _.MOLPAY_EBANKING_FPX_MY_FPX_BKRM = "Molpay_ebanking_fpx_MY/fpx_bkrm", _.MOLPAY_EBANKING_FPX_MY_FPX_BMMB = "Molpay_ebanking_fpx_MY/fpx_bmmb", _.MOLPAY_EBANKING_FPX_MY_FPX_BSN = "Molpay_ebanking_fpx_MY/fpx_bsn", _.MOLPAY_EBANKING_FPX_MY_FPX_CIMBCLICKS = "Molpay_ebanking_fpx_MY/fpx_cimbclicks", _.MOLPAY_EBANKING_FPX_MY_FPX_HLB = "Molpay_ebanking_fpx_MY/fpx_hlb", _.MOLPAY_EBANKING_FPX_MY_FPX_HSBC = "Molpay_ebanking_fpx_MY/fpx_hsbc", _.MOLPAY_EBANKING_FPX_MY_FPX_KFH = "Molpay_ebanking_fpx_MY/fpx_kfh", _.MOLPAY_EBANKING_FPX_MY_FPX_MB2U = "Molpay_ebanking_fpx_MY/fpx_mb2u", _.MOLPAY_EBANKING_FPX_MY_FPX_OCBC = "Molpay_ebanking_fpx_MY/fpx_ocbc", _.MOLPAY_EBANKING_FPX_MY_FPX_PBB = "Molpay_ebanking_fpx_MY/fpx_pbb", _.MOLPAY_EBANKING_FPX_MY_FPX_RHB = "Molpay_ebanking_fpx_MY/fpx_rhb", _.MOLPAY_EBANKING_FPX_MY_FPX_SCB = "Molpay_ebanking_fpx_MY/fpx_scb", _.MOLPAY_EBANKING_FPX_MY_FPX_UOB = "Molpay_ebanking_fpx_MY/fpx_uob", _.MOLPAY_ENETSD = "Molpay_enetsd", _.MOLPAY_EPAY = "Molpay_epay", _.MOLPAY_ESAPAY = "Molpay_esapay", _.MOLPAY_FPX = "Molpay_fpx", _.MOLPAY_HLB = "Molpay_hlb", _.MOLPAY_KBANK = "Molpay_kbank", _.MOLPAY_KRUNGSRIBANK = "Molpay_krungsribank", _.MOLPAY_KRUNGTHAIBANK = "Molpay_krungthaibank", _.MOLPAY_MARITIMEBANK = "Molpay_maritimebank", _.MOLPAY_MAYBANK2U = "Molpay_maybank2u", _.MOLPAY_MB = "Molpay_mb", _.MOLPAY_NGANLUONG = "Molpay_nganluong", _.MOLPAY_OCBC = "Molpay_ocbc", _.MOLPAY_PAYLINK = "Molpay_paylink", _.MOLPAY_PAYSBUY = "Molpay_paysbuy", _.MOLPAY_POINTS = "Molpay_points", _.MOLPAY_PUBLICBANK = "Molpay_publicbank", _.MOLPAY_RHB = "Molpay_rhb", _.MOLPAY_SACOMBANK = "Molpay_sacombank", _.MOLPAY_SCB = "Molpay_scb", _.MOLPAY_SENHENG = "Molpay_senheng", _.MOLPAY_SIAMCOMMERCIALBANK = "Molpay_siamcommercialbank", _.MOLPAY_SINGPOST = "Molpay_singpost", _.MOLPAY_TECHCOMBANK = "Molpay_techcombank", _.MOLPAY_UOB = "Molpay_uob", _.MOLPAY_VIETCOMBANK = "Molpay_vietcombank", _.MOLPAY_VIETINBANK = "Molpay_vietinbank", _.MOLPAY_WALLET = "Molpay_wallet", _.MOMO_ATM = "Momo_atm", _.MOMO_WALLET = "Momo_wallet", _.MONETA = "Moneta", _.MONETA_CZ = "Moneta_cz", _.MONEYBOOKERS = "Moneybookers", _.MONEYMAIL = "Moneymail", _.MONEYOU = "Moneyou", _.MUCAP = "Mucap", _.MULA = "Mula", _.MULTIBANCO = "Multibanco", _.MULTICAJA = "Multicaja", _.MUSICALCARD = "Musicalcard", _.NAPS = "Naps", _.NARANJA = "Naranja", _.NATIONALEBIOSCOOPBON = "Nationalebioscoopbon", _.NATIONALETUINBON = "Nationaletuinbon", _.NATIONALEVERWENCADEAUBON = "Nationaleverwencadeaubon", _.NEDBANK = "Nedbank", _.NETAXEPT_BANKAXESS = "Netaxept_bankaxess", _.NETELLER = "Neteller", _.NETPLUS = "Netplus", _.NETS = "Nets", _.NETSCARD = "Netscard", _.NGANLUONG = "Nganluong", _.NOCARD = "Nocard", _.NORDEA = "Nordea", _.NYCE = "Nyce", _.OASIS = "Oasis", _.OASISGIFTCARD = "Oasisgiftcard", _.OBERTHUR = "Oberthur", _.OFFICE_MATE = "Office_mate", _.OMANNET = "Omannet", _.OMASP = "Omasp", _.ONEBIP = "Onebip", _.ONETWOTHREE = "Onetwothree", _.ONEY = "Oney", _.ONEY_CHIP = "Oney_chip", _.ONEY_POS = "Oney_pos", _.ONLINE_RU = "Online_RU", _.ONLINEBANKING_PL = "Onlinebanking_PL", _.OPENBANKING = "Openbanking", _.OPENBANKING_UK = "Openbanking_UK", _.OPENBANKING_UK_1 = "Openbanking_UK/1", _.OPENBANKING_UK_10 = "Openbanking_UK/10", _.OPENBANKING_UK_11 = "Openbanking_UK/11", _.OPENBANKING_UK_12 = "Openbanking_UK/12", _.OPENBANKING_UK_13 = "Openbanking_UK/13", _.OPENBANKING_UK_14 = "Openbanking_UK/14", _.OPENBANKING_UK_15 = "Openbanking_UK/15", _.OPENBANKING_UK_16 = "Openbanking_UK/16", _.OPENBANKING_UK_17 = "Openbanking_UK/17", _.OPENBANKING_UK_18 = "Openbanking_UK/18", _.OPENBANKING_UK_19 = "Openbanking_UK/19", _.OPENBANKING_UK_2 = "Openbanking_UK/2", _.OPENBANKING_UK_20 = "Openbanking_UK/20", _.OPENBANKING_UK_3 = "Openbanking_UK/3", _.OPENBANKING_UK_4 = "Openbanking_UK/4", _.OPENBANKING_UK_5 = "Openbanking_UK/5", _.OPENBANKING_UK_6 = "Openbanking_UK/6", _.OPENBANKING_UK_7 = "Openbanking_UK/7", _.OPENBANKING_UK_8 = "Openbanking_UK/8", _.OPENBANKING_UK_9 = "Openbanking_UK/9", _.OPENINVOICE = "Openinvoice", _.OXXO = "Oxxo", _.PAGOEFECTIVO = "Pagoefectivo", _.PAGOFACIL = "Pagofacil", _.PATHEGIFTCARD = "Pathegiftcard", _.PAY_EASY = "Pay_easy", _.PAY_POST = "Pay_post", _.PAY_U = "Pay_u", _.PAYBRIGHT = "Paybright", _.PAYBYBANK = "Paybybank", _.PAYBYBANK_UK_FIRSTTRUST = "Paybybank_uk_Firsttrust", _.PAYBYBANK_UK_AIB = "Paybybank_uk_aib", _.PAYBYBANK_UK_AMEX = "Paybybank_uk_amex", _.PAYBYBANK_UK_ARBUTHNOTLATHAM = "Paybybank_uk_arbuthnotlatham", _.PAYBYBANK_UK_BANKOFIRELAND = "Paybybank_uk_bankofireland", _.PAYBYBANK_UK_BANKOFSCOTLAND = "Paybybank_uk_bankofscotland", _.PAYBYBANK_UK_BARCLAYS = "Paybybank_uk_barclays", _.PAYBYBANK_UK_BBANK = "Paybybank_uk_bbank", _.PAYBYBANK_UK_C_HOARE_CO = "Paybybank_uk_cHoareCo", _.PAYBYBANK_UK_CAPITALONE = "Paybybank_uk_capitalone", _.PAYBYBANK_UK_CASHPLUS = "Paybybank_uk_cashplus", _.PAYBYBANK_UK_CATERALLEN = "Paybybank_uk_caterallen", _.PAYBYBANK_UK_CLYDESDALE = "Paybybank_uk_clydesdale", _.PAYBYBANK_UK_COUTTS = "Paybybank_uk_coutts", _.PAYBYBANK_UK_CREATION = "Paybybank_uk_creation", _.PAYBYBANK_UK_CUMBERLAND = "Paybybank_uk_cumberland", _.PAYBYBANK_UK_DANSKEBANK = "Paybybank_uk_danskebank", _.PAYBYBANK_UK_FIRSTDIRECT = "Paybybank_uk_firstdirect", _.PAYBYBANK_UK_HALIFAX = "Paybybank_uk_halifax", _.PAYBYBANK_UK_HANDELSBANKEN = "Paybybank_uk_handelsbanken", _.PAYBYBANK_UK_HSBC = "Paybybank_uk_hsbc", _.PAYBYBANK_UK_LLOYDS = "Paybybank_uk_lloyds", _.PAYBYBANK_UK_MONZO = "Paybybank_uk_monzo", _.PAYBYBANK_UK_NATIONWIDE = "Paybybank_uk_nationwide", _.PAYBYBANK_UK_NATWEST = "Paybybank_uk_natwest", _.PAYBYBANK_UK_REVOLUT = "Paybybank_uk_revolut", _.PAYBYBANK_UK_ROYALBANKOFSCOTLAND = "Paybybank_uk_royalbankofscotland", _.PAYBYBANK_UK_SATANDER = "Paybybank_uk_satander", _.PAYBYBANK_UK_STARLING = "Paybybank_uk_starling", _.PAYBYBANK_UK_TSB = "Paybybank_uk_tsb", _.PAYBYBANK_UK_ULSTERBANK = "Paybybank_uk_ulsterbank", _.PAYBYBANK_UK_UTESCOBANK = "Paybybank_uk_utescobank", _.PAYCO = "Payco", _.PAYEX = "Payex", _.PAYMAYA_WALLET = "Paymaya_wallet", _.PAYNOW = "Paynow", _.PAYPAL = "Paypal", _.PAYPAL_POS = "Paypal_pos", _.PAYSAFECARD = "Paysafecard", _.PAYSBUY = "Paysbuy", _.PAYSHOP = "Payshop", _.PAYTHRU = "Paythru", _.PAYTM = "Paytm", _.PAYTRAIL = "Paytrail", _.PAYU_IN = "Payu_IN", _.PAYU_IN_CASHCARD = "Payu_IN_cashcard", _.PAYU_IN_NB = "Payu_IN_nb", _.PAYU_IN_UPI = "Payu_IN_upi", _.PAYU_ZA_EFTPRO = "Payu_ZA_eftpro", _.PAYWITHGOOGLE = "Paywithgoogle", _.PERMATABANK = "Permatabank", _.PIX = "Pix", _.PLASTIX = "Plastix", _.PLATIKA = "Platika", _.PLUIMEN = "Pluimen", _.PLUIMGIFTCARD = "Pluimgiftcard", _.POCZTA_POLSKA = "Poczta_polska", _.PODIUMCARD = "Podiumcard", _.POLI = "Poli", _.POP_PANKKI = "Pop_pankki", _.POS = "Pos", _.POST_RUSSIA = "Post_russia", _.POSTBANK = "Postbank", _.POWER_BUY = "Power_buy", _.PPS = "Pps", _.PRIMEIROPAY_BOLETO = "Primeiropay_boleto", _.PROMPTPAY_QR = "Promptpay_QR", _.PROSODIE_ILLICADO = "Prosodie_illicado", _.PSB = "Psb", _.PSE = "Pse", _.PSE_PAYULATAM = "Pse_payulatam", _.PUBLIC_BANK = "Public_bank", _.PULSE = "Pulse", _.PULSE_PAY = "Pulse_pay", _.QBANK = "Qbank", _.QIWI = "Qiwi", _.QIWIWALLET = "Qiwiwallet", _.RAIFFEISEN = "Raiffeisen", _.RAKUTEN = "Rakuten", _.RAKUTEN_EDY = "Rakuten_edy", _.RAPIPAGO = "Rapipago", _.RATEPAY = "Ratepay", _.RATEPAY_DIRECTDEBIT = "Ratepay_directdebit", _.RAZER = "Razer", _.REDCOMPRA = "Redcompra", _.REGIOBANK = "Regiobank", _.RESTAURATIONHARDWARE_GIFTCART = "Restaurationhardware_giftcart", _.RESTORATIONHARDWARE = "Restorationhardware", _.RESURSBANK = "Resursbank", _.RESURSGIFTCARD = "Resursgiftcard", _.RHB = "Rhb", _.RISK = "Risk", _.RISPA = "Rispa", _.RITUALS = "Rituals", _.RIVIERAMAISONGIFTCARD = "Rivieramaisongiftcard", _.ROBINSON = "Robinson", _.ROMCARD = "Romcard", _.ROMCARD_CREDIT = "Romcard_credit", _.ROMCARD_DEBIT = "Romcard_debit", _.RSB = "Rsb", _.RUPAY = "Rupay", _.S_PANKKI = "SPankki", _.SACOMBANK = "Sacombank", _.SAFETYPAY = "Safetypay", _.SAFETYPAY_CASH = "Safetypay_cash", _.SAMPO_PANKKI = "Sampo_pankki", _.SAMSUNGPAY = "Samsungpay", _.SANTANDER = "Santander", _.SARAIVA = "Saraiva", _.SBERBANK = "Sberbank", _.SCBEASY = "Scbeasy", _.SCOTIABANK = "Scotiabank", _.SEBDIRECTPAYMENT = "Sebdirectpayment", _.SEPA = "Sepa", _.SEPADIRECTDEBIT = "Sepadirectdebit", _.SEPADIRECTDEBIT_AMAZONPAY = "Sepadirectdebit_amazonpay", _.SEVENELEVEN = "Seveneleven", _.SF_CADEAU = "Sf_cadeau", _.SHAZAM = "Shazam", _.SHOPPING = "Shopping", _.SINARMAS = "Sinarmas", _.SINGAPORE_POST = "Singapore_post", _.SKANDIA = "Skandia", _.SKRILL = "Skrill", _.SMART = "Smart", _.SMARTMONEY = "Smartmoney", _.SMS = "Sms", _.SNS = "Sns", _.SODEXO = "Sodexo", _.SOFORT = "Sofort", _.SOLO = "Solo", _.SOROCRED = "Sorocred", _.SPARBANKEN = "Sparbanken", _.SPARDA_BANK = "SpardaBank", _.SPAREBANK = "Sparebank", _.SPARKASSE = "Sparkasse", _.SPARNORD = "Sparnord", _.STANDARD_BANK = "Standard_bank", _.STAR = "Star", _.STORE = "Store", _.SUICA = "Suica", _.SVS = "Svs", _.SWEDBANK = "Swedbank", _.SWISH = "Swish", _.SWITCHDEVICE = "Switchdevice", _.SYNCHRONY = "Synchrony", _.SYNCHRONY_MERCHANT = "Synchrony/merchant", _.TAP = "Tap", _.TCSTESTGIFTCARD = "Tcstestgiftcard", _.TECHOM_BANK = "Techom_bank", _.TENPAY = "Tenpay", _.TERMINAL_RU = "Terminal_RU", _.TESCO = "Tesco", _.TESCO_LOTUS = "Tesco_lotus", _.THAI_WATSADU = "Thai_watsadu", _.THESTINGGIFTCARD = "Thestinggiftcard", _.TICKET = "Ticket", _.TMBINTERNETBANKING = "Tmbinternetbanking", _.TOPS_DAILY = "Tops_daily", _.TROY = "Troy", _.TRUSTLY = "Trustly", _.TRUSTPAY = "Trustpay", _.TWINT = "Twint", _.TWINT_POS = "Twint_pos", _.UBERCREDIT = "Ubercredit", _.UKASH = "Ukash", _.UNICREDIT = "Unicredit", _.UNIONPAY = "Unionpay", _.UNKNOWNCARD = "Unknowncard", _.UOB = "Uob", _.UOBDIRECTDEBIT = "Uobdirectdebit", _.UPI = "Upi", _.UPI_COLLECT = "Upi_collect", _.UPI_QR = "Upi_qr", _.VALE_REFEICAO = "Vale_refeicao", _.VALE_REFEICAO_PREPAID = "Vale_refeicao_prepaid", _.VALUELINK = "Valuelink", _.VIAS = "Vias", _.VIETCOMBANK = "Vietcombank", _.VIETINBANK = "Vietinbank", _.VIPPS = "Vipps", _.VIS_MAYORSGIFTCARD = "Vis_mayorsgiftcard", _.VISA = "Visa", _.VISA_AMAZONPAY = "Visa_amazonpay", _.VISA_ANDROIDPAY = "Visa_androidpay", _.VISA_APPLEPAY = "Visa_applepay", _.VISA_SAMSUNGPAY = "Visa_samsungpay", _.VISACHECKOUT = "Visacheckout", _.VISADANKORT = "Visadankort", _.VOLKSBANK = "Volksbank", _.VPAY = "Vpay", _.VR_BANK = "Vr_bank", _.VTCPAY_ACB = "VtcpayAcb", _.VTCPAY_AGRIBANK = "VtcpayAgribank", _.VTCPAY_BIDV = "VtcpayBidv", _.VTCPAY_DONGABANK = "VtcpayDongabank", _.VTCPAY_MARITIMEBANK = "VtcpayMaritimebank", _.VTCPAY_MB = "VtcpayMb", _.VTCPAY_SACOMBANK = "VtcpaySacombank", _.VTCPAY_TECHCOMBANK = "VtcpayTechcombank", _.VTCPAY_VIETCOMBANK = "VtcpayVietcombank", _.VTCPAY_VIETINBANK = "VtcpayVietinbank", _.VVVCADEAUBON = "Vvvcadeaubon", _.VVVGIFTCARD = "Vvvgiftcard", _.WALLET = "Wallet", _.WALLET_RU = "Wallet_RU", _.WALLET_RU_YANDEXMONEY = "Wallet_RU/yandexmoney", _.WALLIE = "Wallie", _.WAREHOUSE = "Warehouse", _.WAREHOUSEGIFTCARD = "Warehousegiftcard", _.WEBSHOPGIFTCARD = "Webshopgiftcard", _.WECHATPAY = "Wechatpay", _.WECHATPAYMINIPROGRAM = "WechatpayMiniProgram", _.WECHATPAYQR = "WechatpayQR", _.WECHATPAYSDK = "WechatpaySDK", _.WECHATPAYWEB = "WechatpayWeb", _.WECHATPAY_FULLBRAND = "Wechatpay_fullbrand", _.WECHATPAY_POS = "Wechatpay_pos", _.WEFASHIONGIFTCARD = "Wefashiongiftcard", _.WESTERNUNION = "Westernunion", _.WIJNCARD = "Wijncard", _.WINKELCHEQUE = "Winkelcheque", _.WOSCARD = "Woscard", _.XPONCARD = "Xponcard", _.YALO_PREPAID = "Yalo_prepaid", _.YANDEX = "Yandex", _.YANDEX_ALFACLICK = "Yandex_alfaclick", _.YANDEX_BANK_CARD = "Yandex_bank_card", _.YANDEX_CASH = "Yandex_cash", _.YANDEX_INSTALLMENTS = "Yandex_installments", _.YANDEX_PROMSVYAZBANK = "Yandex_promsvyazbank", _.YANDEX_QIWI = "Yandex_qiwi", _.YANDEX_SBERBANK = "Yandex_sberbank", _.YANDEX_WEBMONEY = "Yandex_webmoney", _.YANDEXMONEY = "Yandexmoney", _.YOURGIFT = "Yourgift", _.ZABKA = "Zabka", _.ZIP = "Zip", _.ZIP_POS = "Zip_pos", _))(a || {});
 const l = (_, A = !0) => {
   const N = O(_), E = O();

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { a as r, B as s } from "./chunks/index.a663e8fe.js";
+import { a as r, B as s } from "./chunks/index.15d681a1.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { a as n, b as a, c as i, P as r, d as p } from "./chunks/index.5cd5af15.js";
+import { a as n, b as a, c as i, P as r, d as p } from "./chunks/index.f4162086.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, useSlots as B, toRefs as R, computed as r, toRef as E, watch as A } from "vue";
+import { defineComponent as S, useSlots as B, toRefs as R, computed as r, toRef as C, watch as A } from "vue";
 import { u as L } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as I } from "./chunks/use-has-slot.fbeb19ec.js";
 import { g as h } from "./chunks/unique-id.a2a2b458.js";
@@ -10,7 +10,7 @@ import { u as D } from "./chunks/use-default-slot-validator.b9bff4c6.js";
 import { g as P } from "./chunks/get-slot-text.99c3d860.js";
 import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { E as w } from "./chunks/field-label.a07b3f2d.js";
-import "./assets/index5.css";
+import "./assets/index35.css";
 var c = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(c || {});
 const U = {
   name: "bento-radio-button",
@@ -66,28 +66,28 @@ const U = {
     }), l = r(() => o.hasError), m = r(() => o.value === o.modelValue);
     return { __sfc: !0, slots: t, hasSlot: _, props: o, emit: e, value: s, radioButtonId: u, descriptionId: b, conditionalClassContainer: f, conditionalClassInput: y, ariaLabel: n, ariaInvalid: l, isChecked: m, onChange: () => {
       !o.disabled && !o.readonly && (e("update:model-value", o.value), e("input", o.value));
-    }, onClick: (d) => {
-      o.readonly && d.preventDefault();
+    }, onClick: (i) => {
+      o.readonly && i.preventDefault();
     }, BentoTag: k, BentoTypography: N };
   }
 });
 var $ = function() {
   var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "b-radio-button", class: t.conditionalClassContainer, attrs: { "data-testid": "radio-button-container" } }, [o("input", { staticClass: "b-radio-button__input", class: t.conditionalClassInput, attrs: { id: t.radioButtonId, "aria-checked": t.isChecked, "aria-label": t.ariaLabel, "aria-invalid": t.ariaInvalid, "aria-describedby": t.hasSlot("description") ? t.descriptionId : "", disabled: e.disabled, "aria-readonly": e.readonly ? e.readonly : void 0, type: "radio", role: "radio" }, domProps: { checked: t.isChecked, value: t.value }, on: { click: t.onClick, change: t.onChange } }), t.hasSlot("default") ? o("label", { staticClass: "b-radio-button__label-container", attrs: { for: t.radioButtonId } }, [t.hasSlot("default") ? o("span", { staticClass: "b-radio-button__primary-label" }, [o(t.BentoTypography, { staticClass: "b-radio-button__label", attrs: { el: "span", variant: "body" } }, [e._t("default")], 2), e.tag ? o("span", [o(t.BentoTag, e._b({}, "bento-tag", e.tag, !1))], 1) : e._e()], 1) : e._e(), t.hasSlot("default") && t.hasSlot("description") ? o(t.BentoTypography, { staticClass: "b-radio-button__description", attrs: { id: t.descriptionId, el: "span", variant: "body" } }, [e._t("description")], 2) : e._e(), t.hasSlot("content") && t.isChecked ? o(t.BentoTypography, { staticClass: "b-radio-button__content", attrs: { el: "div" } }, [e._t("content")], 2) : e._e()], 1) : e._e()]);
+  return o("div", { staticClass: "b-radio-button", class: t.conditionalClassContainer, attrs: { "data-testid": "radio-button-container" } }, [o("input", { staticClass: "b-radio-button__input", class: t.conditionalClassInput, attrs: { id: t.radioButtonId, "aria-checked": t.isChecked, "aria-label": t.ariaLabel, "aria-invalid": t.ariaInvalid, "aria-describedby": t.hasSlot("description") ? t.descriptionId : "", disabled: e.disabled, "aria-readonly": e.readonly ? e.readonly : void 0, type: "radio", role: "radio" }, domProps: { checked: t.isChecked, value: t.value }, on: { click: t.onClick, change: t.onChange } }), t.hasSlot("default") ? o("label", { staticClass: "b-radio-button__label-container", attrs: { for: t.radioButtonId } }, [t.hasSlot("default") ? o("span", { staticClass: "b-radio-button__primary-label" }, [o(t.BentoTypography, { staticClass: "b-radio-button__label", attrs: { el: "span", variant: "body" } }, [e._t("default")], 2), e.tag ? o(t.BentoTag, e._b({ staticClass: "b-radio-button__label-tag" }, "bento-tag", e.tag, !1)) : e._e()], 1) : e._e(), t.hasSlot("default") && t.hasSlot("description") ? o(t.BentoTypography, { staticClass: "b-radio-button__description", attrs: { id: t.descriptionId, el: "span", variant: "body" } }, [e._t("description")], 2) : e._e(), t.hasSlot("content") && t.isChecked ? o(t.BentoTypography, { staticClass: "b-radio-button__content", attrs: { el: "div" } }, [e._t("content")], 2) : e._e()], 1) : e._e()]);
 }, q = [], F = /* @__PURE__ */ T(
   V,
   $,
   q,
   !1,
   null,
-  "88128cda",
+  "cbebc1a0",
   null,
   null
 );
 const H = F.exports;
-var p = /* @__PURE__ */ ((a) => (a.HORIZONTAL = "horizontal", a.VERTICAL = "vertical", a))(p || {}), i = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(i || {});
-const C = "bento-radio-group", z = S({
-  name: C,
+var p = /* @__PURE__ */ ((a) => (a.HORIZONTAL = "horizontal", a.VERTICAL = "vertical", a))(p || {}), d = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(d || {});
+const E = "bento-radio-group", z = S({
+  name: E,
   components: { ControlsGroup: x, ErrorMessage: w, BentoRadioButton: H },
   model: { prop: "modelValue" },
   props: {
@@ -155,14 +155,14 @@ const C = "bento-radio-group", z = S({
       validator: (a) => Object.values(p).includes(a)
     }
   },
-  emits: [i.UPDATE, i.INPUT],
+  emits: [d.UPDATE, d.INPUT],
   setup(a, { slots: e, emit: o }) {
-    const t = E(a, "modelValue"), _ = h("error"), { isReadOnly: s } = L(E(a, "readonly")), u = I(e), b = r(
+    const t = C(a, "modelValue"), _ = h("error"), { isReadOnly: s } = L(C(a, "readonly")), u = I(e), b = r(
       () => !a.disabled && !s.value && (!!a.errorMessage || a.hasError)
     ), f = r(() => !a.disabled && !s.value && !!a.errorMessage), y = r(() => ({
       "b-radio-group__buttons--horizontal": a.variant === p.HORIZONTAL
-    })), n = r(() => a.variant === "vertical"), l = r(() => u("content")), m = r(() => (l == null ? void 0 : l.value) && (n == null ? void 0 : n.value)), v = r(() => (l == null ? void 0 : l.value) && !(n != null && n.value)), g = (d) => {
-      o(i.UPDATE, d), o(i.INPUT, d);
+    })), n = r(() => a.variant === "vertical"), l = r(() => u("content")), m = r(() => (l == null ? void 0 : l.value) && (n == null ? void 0 : n.value)), v = r(() => (l == null ? void 0 : l.value) && !(n != null && n.value)), g = (i) => {
+      o(d.UPDATE, i), o(d.INPUT, i);
     };
     return a.hasError && O(
       'BentoRadioGroup "hasError" property',
@@ -172,8 +172,8 @@ const C = "bento-radio-group", z = S({
       "2.0.0"
     ), A(
       v,
-      (d) => {
-        if (d)
+      (i) => {
+        if (i)
           throw new Error("The content slot is only available for the vertical radio group layout");
       },
       {
@@ -181,7 +181,7 @@ const C = "bento-radio-group", z = S({
       }
     ), {
       // Values
-      COMPONENT_NAME: C,
+      COMPONENT_NAME: E,
       inputValue: t,
       errorId: _,
       isReadOnly: s,
@@ -224,7 +224,7 @@ export {
   H as BentoRadioButton,
   c as BentoRadioButtonStateClass,
   le as BentoRadioGroup,
-  i as BentoRadioGroupEvent,
+  d as BentoRadioGroupEvent,
   p as BentoRadioGroupVariant
 };
 //# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../src/components/radio-group/components/radio-button/radio-button.types.ts","../src/components/radio-group/components/radio-button/radio-button.vue","../src/components/radio-group/radio-group.types.ts","../src/components/radio-group/radio-group.vue"],"sourcesContent":["import type { BentoTag } from '@/components/tag';\n\nexport type BentoRadioButtonValue = string | number;\n\nexport enum BentoRadioButtonStateClass {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\nexport type BentoRadioButtonTag = InstanceType<typeof BentoTag>['$props'];\n","<template>\n    <div class=\"b-radio-button\" data-testid=\"radio-button-container\" :class=\"conditionalClassContainer\">\n        <input\n            :id=\"radioButtonId\"\n            :aria-checked=\"isChecked\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"ariaInvalid\"\n            :aria-describedby=\"hasSlot('description') ? descriptionId : ''\"\n            :checked=\"isChecked\"\n            :disabled=\"disabled\"\n            :aria-readonly=\"readonly ? readonly : undefined\"\n            :value=\"value\"\n            type=\"radio\"\n            class=\"b-radio-button__input\"\n            :class=\"conditionalClassInput\"\n            role=\"radio\"\n            @click=\"onClick\"\n            @change=\"onChange\"\n        />\n        <label v-if=\"hasSlot('default')\" :for=\"radioButtonId\" class=\"b-radio-button__label-container\">\n            <span v-if=\"hasSlot('default')\" class=\"b-radio-button__primary-label\">\n                <bento-typography class=\"b-radio-button__label\" el=\"span\" variant=\"body\"><slot /></bento-typography>\n                <span v-if=\"tag\">\n                    <bento-tag v-bind=\"tag\" />\n                </span>\n            </span>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-radio-button__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <bento-typography v-if=\"hasSlot('content') && isChecked\" class=\"b-radio-button__content\" el=\"div\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </label>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTag } from '@/components/tag';\n    import { BentoTypography } from '@/components/typography';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { computed, ComputedRef, PropType, toRefs, useSlots } from 'vue';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { BentoRadioButtonStateClass, BentoRadioButtonTag, BentoRadioButtonValue } from './radio-button.types';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const props = defineProps({\n        /**\n         * Disable the radio button (optional)\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Shows bento-radio-button in error state (optional)\n         */\n        hasError: { type: Boolean, default: false },\n\n        /**\n         * This property should not be used directly.\n         * It will be used by v-model directive on radio component.\n         */\n        modelValue: {\n            type: [String, Number] as PropType<BentoRadioButtonValue>,\n            default: null,\n        },\n\n        /**\n         * Sets the radio button to readonly (optional)\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * Sets the properties of the BentoTag component that is placed next to the label.\n         * {@see BentoTag}\n         */\n        tag: { type: Object as PropType<BentoRadioButtonTag>, default: undefined },\n\n        /**\n         * Indicates the value of the input that will be returned when it's checked\n         */\n        value: {\n            type: [String, Number] as PropType<BentoRadioButtonValue>,\n            required: true,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the radio button is clicked. Enables Vue2 \"v-model\"\n         */\n        (e: 'input', value: BentoRadioButtonValue);\n\n        /**\n         * Emitted when the radio button is clicked. Enables Vue3 \"v-model\"\n         */\n        (e: 'update:model-value', value: BentoRadioButtonValue);\n    }>();\n\n    const { value } = toRefs(props);\n    const radioButtonId = generateUid('bento-radio-button');\n    const descriptionId = generateUid('description');\n\n    useDefaultSlotValidator('bento-radio-button', slots.default, slots.description);\n\n    const conditionalClassContainer = computed(() => ({\n        [`b-radio-button--${BentoRadioButtonStateClass.DISABLED}`]: props.disabled,\n        [`b-radio-button--${BentoRadioButtonStateClass.READONLY}`]: props.readonly,\n    }));\n    const conditionalClassInput = computed(() => ({\n        [`b-radio-button__input--${BentoRadioButtonStateClass.ERROR}`]: props.hasError,\n    }));\n\n    const ariaLabel = useAriaLabel({\n        ariaLabel: getSlotText(slots)('default'),\n        label: value.value as string,\n    });\n    const ariaInvalid = computed<HTMLAttributes['aria-invalid']>(() => props.hasError);\n\n    const isChecked: ComputedRef<boolean> = computed(() => props.value === props.modelValue);\n\n    const onChange = () => {\n        if (!props.disabled && !props.readonly) {\n            emit('update:model-value', props.value);\n            emit('input', props.value);\n        }\n    };\n\n    // readonly attr doesn't work with radio button, so we need to manually ignore the click instead\n    const onClick = event => {\n        if (props.readonly) {\n            event.preventDefault();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Radio buttons are used when two or more options are mutually exclusive,\n     * the user can only select a single option from a list of pre-defined options.\n     * The label tag area is also clickable.\n     * Only to be used internally.\n     *\n     * @example\n     * import { BentoRadioButton } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoRadioButton },\n     *     template: `\n     *         <bento-radio-button\n     *             disabled\n     *             value=\"inputRadio\"\n     *             model-value.sync=\"modelValue\"\n     *         >\n     *             Label text\n     *             <template #description>Description text below label</template>\n     *             <template #content>Content shown when checked</template>\n     *         </bento-radio-button>\n     *     `,\n     *     setup() {\n     *         const modelValue = ref('anyValue')\n     *         const value = 'option-value'\n     *\n     *         return {\n     *             modelValue,\n     *             value,\n     *         }\n     *     }\n     * }\n     */\n    export default {\n        name: 'bento-radio-button',\n        model: { prop: 'modelValue' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./radio-button.scss\" />\n","import type { BentoRadioButtonTag } from './components/radio-button';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoRadioGroupVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\nexport interface BentoRadioGroupItem {\n    value: string | number;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    readonly?: boolean;\n    hasError?: boolean;\n    tag?: BentoRadioButtonTag;\n}\n\nexport type BentoRadioGroupItems = Array<BentoRadioGroupItem>;\n\nexport enum BentoRadioGroupEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n","<template>\n    <div class=\"b-radio-group\">\n        <controls-group\n            class=\"b-radio-group__buttons\"\n            :aria-describedby=\"shouldShowErrorMessage ? errorId : ''\"\n            :component-name=\"COMPONENT_NAME\"\n            :class=\"conditionalClasses\"\n            :description=\"description\"\n            :disabled=\"disabled\"\n            :form=\"formId\"\n            :label=\"label\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :hide-label=\"hideLabel\"\n            :tooltip-text=\"tooltipText\"\n        >\n            <bento-radio-button\n                v-for=\"item in items\"\n                :key=\"item.value\"\n                :model-value=\"inputValue\"\n                :value=\"item.value\"\n                :disabled=\"disabled || item.disabled\"\n                :readonly=\"isReadOnly || item.readonly\"\n                :has-error=\"shouldShowError || item.hasError\"\n                :tag=\"item.tag\"\n                @update:model-value=\"onInput\"\n            >\n                <template #default>{{ item.label }}</template>\n                <template v-if=\"item.description\" #description>{{ item.description }}</template>\n                <template v-if=\"contentSlotAvailable\" #content>\n                    <slot name=\"content\"></slot>\n                </template>\n            </bento-radio-button>\n        </controls-group>\n        <error-message\n            v-if=\"shouldShowErrorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-radio-group__error-message\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRef, watch } from 'vue';\n    import { ControlsGroup, ErrorMessage } from '@/components/internal';\n    import { BentoRadioButton } from './components/radio-button';\n    import { useHasSlot } from '@/composables';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { BentoRadioGroupEvent, BentoRadioGroupItems, BentoRadioGroupVariant } from './radio-group.types';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    /**\n     * The name of the component to be used in the Vue devtools and console warnings.\n     */\n    const COMPONENT_NAME = 'bento-radio-group';\n\n    /**\n     * A radio group component should be used whenever it is necessary to use a set of radio buttons\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * import { BentoRadioGroup } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { BentoRadioGroup },\n     *     template: `\n     *             <bento-radio-group\n     *                label=\"Your group label\"\n     *                :items=\"[\n     *                    { value: 1, label: 'Your label' },\n     *                    { value: 2, label: 'Another label', description: 'Your descriptive sub label' },\n     *                 ]\"\n     *                 variant=\"horizontal\"\n     *              />\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: COMPONENT_NAME,\n        components: { ControlsGroup, ErrorMessage, BentoRadioButton },\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * Descriptive supporting text visbile underneath the label.\n             */\n            description: { type: String, default: null },\n\n            /**\n             * If set to true, renders all bento-radio-buttons in the group in a disabled state.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * If string is passed, all bento-radio-buttons in an error state and renders the string beneath the buttons.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * The form id the radio group is associated with. Defaults to null, as a radio group can also be used standalone.\n             */\n            formId: { type: String, default: null },\n\n            /**\n             * If set to true, renders all bento-radio-buttons in the group in an error state.\n             *\n             * @deprecated Use \"errorMessage\" prop instead\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * Shows/hides the group label.\n             */\n            hideLabel: { type: Boolean, default: null },\n\n            /**\n             * The radio group's items.\n             */\n            items: { type: Array as PropType<BentoRadioGroupItems>, required: true },\n\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n\n            /**\n             * Determines the initially selected value of the group. Corresponds to the BentoRadioButtonItem's value.\n             * Defaults to no value selected.\n             */\n            modelValue: { type: [Number, String, null], default: null },\n\n            /**\n             * Indicates the field is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * If set to true, renders all bento-radio-button in the group in a readonly state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the field is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Tooltip message.\n             */\n            tooltipText: { type: String, default: null },\n\n            /**\n             * The radio group's layout. It can be vertical or horizontal. Defaults to vertical.\n             */\n            variant: {\n                type: String as PropType<BentoRadioGroupVariant | `${BentoRadioGroupVariant}`>,\n                default: BentoRadioGroupVariant.VERTICAL,\n                validator: (value: BentoRadioGroupVariant) => Object.values(BentoRadioGroupVariant).includes(value),\n            },\n        },\n        emits: [BentoRadioGroupEvent.UPDATE, BentoRadioGroupEvent.INPUT],\n        setup(props, { slots, emit }) {\n            const inputValue = toRef(props, 'modelValue');\n            const errorId = generateUid('error');\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n            const hasSlot = useHasSlot(slots);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !isReadOnly.value && !!props.errorMessage);\n\n            const conditionalClasses = computed(() => ({\n                'b-radio-group__buttons--horizontal': props.variant === BentoRadioGroupVariant.HORIZONTAL,\n            }));\n\n            // Content slot logic\n            const isVertical = computed(() => props.variant === 'vertical');\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const contentSlotAvailable = computed(() => hasContentSlot?.value && isVertical?.value);\n            const shouldShowSlotError = computed(() => hasContentSlot?.value && !isVertical?.value);\n\n            const onInput = value => {\n                emit(BentoRadioGroupEvent.UPDATE, value);\n                emit(BentoRadioGroupEvent.INPUT, value);\n            };\n\n            if (props.hasError) {\n                deprecate(\n                    'BentoRadioGroup \"hasError\" property',\n                    `Use the BentoRadioGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n                    Having the field as \"undefined\" will hide/remove the error.\n                    <bento-radio-group errorMessage=\"Error message text\" />`,\n                    '2.0.0'\n                );\n            }\n\n            watch(\n                shouldShowSlotError,\n                newVal => {\n                    if (newVal) {\n                        throw new Error('The content slot is only available for the vertical radio group layout');\n                    }\n                },\n                {\n                    immediate: true,\n                }\n            );\n\n            return {\n                // Values\n                COMPONENT_NAME,\n                inputValue,\n                errorId,\n                isReadOnly,\n                shouldShowError,\n                shouldShowErrorMessage,\n                conditionalClasses,\n                contentSlotAvailable,\n                isVertical,\n                shouldShowSlotError,\n                hasContentSlot,\n                hasSlot,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./radio-group.scss\" />\n"],"names":["BentoRadioButtonStateClass","BentoRadioButtonStateClass2","__default__","slots","useSlots","hasSlot","useHasSlot","value","toRefs","props","radioButtonId","generateUid","descriptionId","useDefaultSlotValidator","conditionalClassContainer","computed","conditionalClassInput","ariaLabel","useAriaLabel","getSlotText","ariaInvalid","isChecked","emit","event","BentoRadioGroupVariant","BentoRadioGroupVariant2","BentoRadioGroupEvent","BentoRadioGroupEvent2","COMPONENT_NAME","_sfc_main","defineComponent","ControlsGroup","ErrorMessage","BentoRadioButton","inputValue","toRef","errorId","isReadOnly","useFormLayoutFieldLoading","shouldShowError","shouldShowErrorMessage","conditionalClasses","isVertical","hasContentSlot","contentSlotAvailable","shouldShowSlotError","onInput","deprecate","watch","newVal"],"mappings":"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"}
+{"version":3,"file":"radio-group.js","sources":["../src/components/radio-group/components/radio-button/radio-button.types.ts","../src/components/radio-group/components/radio-button/radio-button.vue","../src/components/radio-group/radio-group.types.ts","../src/components/radio-group/radio-group.vue"],"sourcesContent":["import type { BentoTag } from '@/components/tag';\n\nexport type BentoRadioButtonValue = string | number;\n\nexport enum BentoRadioButtonStateClass {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\nexport type BentoRadioButtonTag = InstanceType<typeof BentoTag>['$props'];\n","<template>\n    <div class=\"b-radio-button\" data-testid=\"radio-button-container\" :class=\"conditionalClassContainer\">\n        <input\n            :id=\"radioButtonId\"\n            :aria-checked=\"isChecked\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"ariaInvalid\"\n            :aria-describedby=\"hasSlot('description') ? descriptionId : ''\"\n            :checked=\"isChecked\"\n            :disabled=\"disabled\"\n            :aria-readonly=\"readonly ? readonly : undefined\"\n            :value=\"value\"\n            type=\"radio\"\n            class=\"b-radio-button__input\"\n            :class=\"conditionalClassInput\"\n            role=\"radio\"\n            @click=\"onClick\"\n            @change=\"onChange\"\n        />\n        <label v-if=\"hasSlot('default')\" :for=\"radioButtonId\" class=\"b-radio-button__label-container\">\n            <span v-if=\"hasSlot('default')\" class=\"b-radio-button__primary-label\">\n                <bento-typography class=\"b-radio-button__label\" el=\"span\" variant=\"body\"><slot /></bento-typography>\n                <bento-tag v-if=\"tag\" class=\"b-radio-button__label-tag\" v-bind=\"tag\" />\n            </span>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-radio-button__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <bento-typography v-if=\"hasSlot('content') && isChecked\" class=\"b-radio-button__content\" el=\"div\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </label>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTag } from '@/components/tag';\n    import { BentoTypography } from '@/components/typography';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { computed, ComputedRef, PropType, toRefs, useSlots } from 'vue';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { BentoRadioButtonStateClass, BentoRadioButtonTag, BentoRadioButtonValue } from './radio-button.types';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const props = defineProps({\n        /**\n         * Disable the radio button (optional)\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Shows bento-radio-button in error state (optional)\n         */\n        hasError: { type: Boolean, default: false },\n\n        /**\n         * This property should not be used directly.\n         * It will be used by v-model directive on radio component.\n         */\n        modelValue: {\n            type: [String, Number] as PropType<BentoRadioButtonValue>,\n            default: null,\n        },\n\n        /**\n         * Sets the radio button to readonly (optional)\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * Sets the properties of the BentoTag component that is placed next to the label.\n         * {@see BentoTag}\n         */\n        tag: { type: Object as PropType<BentoRadioButtonTag>, default: undefined },\n\n        /**\n         * Indicates the value of the input that will be returned when it's checked\n         */\n        value: {\n            type: [String, Number] as PropType<BentoRadioButtonValue>,\n            required: true,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the radio button is clicked. Enables Vue2 \"v-model\"\n         */\n        (e: 'input', value: BentoRadioButtonValue);\n\n        /**\n         * Emitted when the radio button is clicked. Enables Vue3 \"v-model\"\n         */\n        (e: 'update:model-value', value: BentoRadioButtonValue);\n    }>();\n\n    const { value } = toRefs(props);\n    const radioButtonId = generateUid('bento-radio-button');\n    const descriptionId = generateUid('description');\n\n    useDefaultSlotValidator('bento-radio-button', slots.default, slots.description);\n\n    const conditionalClassContainer = computed(() => ({\n        [`b-radio-button--${BentoRadioButtonStateClass.DISABLED}`]: props.disabled,\n        [`b-radio-button--${BentoRadioButtonStateClass.READONLY}`]: props.readonly,\n    }));\n    const conditionalClassInput = computed(() => ({\n        [`b-radio-button__input--${BentoRadioButtonStateClass.ERROR}`]: props.hasError,\n    }));\n\n    const ariaLabel = useAriaLabel({\n        ariaLabel: getSlotText(slots)('default'),\n        label: value.value as string,\n    });\n    const ariaInvalid = computed<HTMLAttributes['aria-invalid']>(() => props.hasError);\n\n    const isChecked: ComputedRef<boolean> = computed(() => props.value === props.modelValue);\n\n    const onChange = () => {\n        if (!props.disabled && !props.readonly) {\n            emit('update:model-value', props.value);\n            emit('input', props.value);\n        }\n    };\n\n    // readonly attr doesn't work with radio button, so we need to manually ignore the click instead\n    const onClick = event => {\n        if (props.readonly) {\n            event.preventDefault();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Radio buttons are used when two or more options are mutually exclusive,\n     * the user can only select a single option from a list of pre-defined options.\n     * The label tag area is also clickable.\n     * Only to be used internally.\n     *\n     * @example\n     * import { BentoRadioButton } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoRadioButton },\n     *     template: `\n     *         <bento-radio-button\n     *             disabled\n     *             value=\"inputRadio\"\n     *             model-value.sync=\"modelValue\"\n     *         >\n     *             Label text\n     *             <template #description>Description text below label</template>\n     *             <template #content>Content shown when checked</template>\n     *         </bento-radio-button>\n     *     `,\n     *     setup() {\n     *         const modelValue = ref('anyValue')\n     *         const value = 'option-value'\n     *\n     *         return {\n     *             modelValue,\n     *             value,\n     *         }\n     *     }\n     * }\n     */\n    export default {\n        name: 'bento-radio-button',\n        model: { prop: 'modelValue' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./radio-button.scss\" />\n","import type { BentoRadioButtonTag } from './components/radio-button';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoRadioGroupVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\nexport interface BentoRadioGroupItem {\n    value: string | number;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    readonly?: boolean;\n    hasError?: boolean;\n    tag?: BentoRadioButtonTag;\n}\n\nexport type BentoRadioGroupItems = Array<BentoRadioGroupItem>;\n\nexport enum BentoRadioGroupEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n","<template>\n    <div class=\"b-radio-group\">\n        <controls-group\n            class=\"b-radio-group__buttons\"\n            :aria-describedby=\"shouldShowErrorMessage ? errorId : ''\"\n            :component-name=\"COMPONENT_NAME\"\n            :class=\"conditionalClasses\"\n            :description=\"description\"\n            :disabled=\"disabled\"\n            :form=\"formId\"\n            :label=\"label\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :hide-label=\"hideLabel\"\n            :tooltip-text=\"tooltipText\"\n        >\n            <bento-radio-button\n                v-for=\"item in items\"\n                :key=\"item.value\"\n                :model-value=\"inputValue\"\n                :value=\"item.value\"\n                :disabled=\"disabled || item.disabled\"\n                :readonly=\"isReadOnly || item.readonly\"\n                :has-error=\"shouldShowError || item.hasError\"\n                :tag=\"item.tag\"\n                @update:model-value=\"onInput\"\n            >\n                <template #default>{{ item.label }}</template>\n                <template v-if=\"item.description\" #description>{{ item.description }}</template>\n                <template v-if=\"contentSlotAvailable\" #content>\n                    <slot name=\"content\"></slot>\n                </template>\n            </bento-radio-button>\n        </controls-group>\n        <error-message\n            v-if=\"shouldShowErrorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-radio-group__error-message\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRef, watch } from 'vue';\n    import { ControlsGroup, ErrorMessage } from '@/components/internal';\n    import { BentoRadioButton } from './components/radio-button';\n    import { useHasSlot } from '@/composables';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { BentoRadioGroupEvent, BentoRadioGroupItems, BentoRadioGroupVariant } from './radio-group.types';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    /**\n     * The name of the component to be used in the Vue devtools and console warnings.\n     */\n    const COMPONENT_NAME = 'bento-radio-group';\n\n    /**\n     * A radio group component should be used whenever it is necessary to use a set of radio buttons\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * import { BentoRadioGroup } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { BentoRadioGroup },\n     *     template: `\n     *             <bento-radio-group\n     *                label=\"Your group label\"\n     *                :items=\"[\n     *                    { value: 1, label: 'Your label' },\n     *                    { value: 2, label: 'Another label', description: 'Your descriptive sub label' },\n     *                 ]\"\n     *                 variant=\"horizontal\"\n     *              />\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: COMPONENT_NAME,\n        components: { ControlsGroup, ErrorMessage, BentoRadioButton },\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * Descriptive supporting text visbile underneath the label.\n             */\n            description: { type: String, default: null },\n\n            /**\n             * If set to true, renders all bento-radio-buttons in the group in a disabled state.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * If string is passed, all bento-radio-buttons in an error state and renders the string beneath the buttons.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * The form id the radio group is associated with. Defaults to null, as a radio group can also be used standalone.\n             */\n            formId: { type: String, default: null },\n\n            /**\n             * If set to true, renders all bento-radio-buttons in the group in an error state.\n             *\n             * @deprecated Use \"errorMessage\" prop instead\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * Shows/hides the group label.\n             */\n            hideLabel: { type: Boolean, default: null },\n\n            /**\n             * The radio group's items.\n             */\n            items: { type: Array as PropType<BentoRadioGroupItems>, required: true },\n\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n\n            /**\n             * Determines the initially selected value of the group. Corresponds to the BentoRadioButtonItem's value.\n             * Defaults to no value selected.\n             */\n            modelValue: { type: [Number, String, null], default: null },\n\n            /**\n             * Indicates the field is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * If set to true, renders all bento-radio-button in the group in a readonly state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the field is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Tooltip message.\n             */\n            tooltipText: { type: String, default: null },\n\n            /**\n             * The radio group's layout. It can be vertical or horizontal. Defaults to vertical.\n             */\n            variant: {\n                type: String as PropType<BentoRadioGroupVariant | `${BentoRadioGroupVariant}`>,\n                default: BentoRadioGroupVariant.VERTICAL,\n                validator: (value: BentoRadioGroupVariant) => Object.values(BentoRadioGroupVariant).includes(value),\n            },\n        },\n        emits: [BentoRadioGroupEvent.UPDATE, BentoRadioGroupEvent.INPUT],\n        setup(props, { slots, emit }) {\n            const inputValue = toRef(props, 'modelValue');\n            const errorId = generateUid('error');\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n            const hasSlot = useHasSlot(slots);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !isReadOnly.value && !!props.errorMessage);\n\n            const conditionalClasses = computed(() => ({\n                'b-radio-group__buttons--horizontal': props.variant === BentoRadioGroupVariant.HORIZONTAL,\n            }));\n\n            // Content slot logic\n            const isVertical = computed(() => props.variant === 'vertical');\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const contentSlotAvailable = computed(() => hasContentSlot?.value && isVertical?.value);\n            const shouldShowSlotError = computed(() => hasContentSlot?.value && !isVertical?.value);\n\n            const onInput = value => {\n                emit(BentoRadioGroupEvent.UPDATE, value);\n                emit(BentoRadioGroupEvent.INPUT, value);\n            };\n\n            if (props.hasError) {\n                deprecate(\n                    'BentoRadioGroup \"hasError\" property',\n                    `Use the BentoRadioGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n                    Having the field as \"undefined\" will hide/remove the error.\n                    <bento-radio-group errorMessage=\"Error message text\" />`,\n                    '2.0.0'\n                );\n            }\n\n            watch(\n                shouldShowSlotError,\n                newVal => {\n                    if (newVal) {\n                        throw new Error('The content slot is only available for the vertical radio group layout');\n                    }\n                },\n                {\n                    immediate: true,\n                }\n            );\n\n            return {\n                // Values\n                COMPONENT_NAME,\n                inputValue,\n                errorId,\n                isReadOnly,\n                shouldShowError,\n                shouldShowErrorMessage,\n                conditionalClasses,\n                contentSlotAvailable,\n                isVertical,\n                shouldShowSlotError,\n                hasContentSlot,\n                hasSlot,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./radio-group.scss\" />\n"],"names":["BentoRadioButtonStateClass","BentoRadioButtonStateClass2","__default__","slots","useSlots","hasSlot","useHasSlot","value","toRefs","props","radioButtonId","generateUid","descriptionId","useDefaultSlotValidator","conditionalClassContainer","computed","conditionalClassInput","ariaLabel","useAriaLabel","getSlotText","ariaInvalid","isChecked","emit","event","BentoRadioGroupVariant","BentoRadioGroupVariant2","BentoRadioGroupEvent","BentoRadioGroupEvent2","COMPONENT_NAME","_sfc_main","defineComponent","ControlsGroup","ErrorMessage","BentoRadioButton","inputValue","toRef","errorId","isReadOnly","useFormLayoutFieldLoading","shouldShowError","shouldShowErrorMessage","conditionalClasses","isVertical","hasContentSlot","contentSlotAvailable","shouldShowSlotError","onInput","deprecate","watch","newVal"],"mappings":"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"}

package/dist/search-bar.js

@@ -5,8 +5,8 @@ import { BentoInputField as m } from "./input-field.js";
 import { S as h } from "./chunks/search.471270fe.js";
 import { C as y } from "./chunks/cross-circle-fill.27580c4b.js";
 import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { u as w } from "./chunks/dropdown.ca5ff514.js";
-import "./assets/index6.css";
+import { u as w } from "./chunks/dropdown.75441496.js";
+import "./assets/index39.css";
 var o = /* @__PURE__ */ ((t) => (t.CLEAR = "clear", t.ESCAPE = "escape-pressed", t.INPUT = "input", t.UPDATE = "update:search-term", t))(o || {}), C = /* @__PURE__ */ ((t) => (t.CLEAR = "search-clear", t.INPUT = "search-input", t.UPDATE = "update:search-term", t))(C || {});
 const v = {
   "en-US": {

package/dist/secondary-nav.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, inject as d, computed as p, ref as y, readonly as f, provide as m } from "vue";
 import { B as o } from "./chunks/index.ee11faa7.js";
 import { n as c } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index7.css";
+import "./assets/index38.css";
 const u = Symbol("secondary nav state"), b = {}, C = /* @__PURE__ */ r({
   ...b,
   __name: "secondary-nav-item",

package/dist/segmented-control.js

@@ -6,8 +6,8 @@ import { n as v } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { u as $ } from "./chunks/i18n.eb5b985b.js";
 import { u as W } from "./chunks/aria-label.ac9651a5.js";
 import { o as T } from "./chunks/resize.a041304d.js";
-import { b as A } from "./chunks/tooltip.3502709e.js";
-import "./assets/index8.css";
+import { b as A } from "./chunks/tooltip.ed1cdb86.js";
+import "./assets/index25.css";
 const F = g({
   name: "bento-segmented-control-button",
   components: { BentoTypography: x, CheckmarkIcon: S },

package/dist/sidepanel.js

@@ -1,15 +1,15 @@
 import { defineComponent as D, ref as r, inject as L, onUnmounted as G, computed as p, watch as y, nextTick as B, toRefs as F, provide as O } from "vue";
-import { a as w } from "./chunks/button.788944f8.js";
+import { a as w } from "./chunks/button.a554a1a8.js";
 import { B as $ } from "./chunks/index.ee11faa7.js";
-import { F as H } from "./chunks/footer-actions.d77abe77.js";
+import { F as H } from "./chunks/footer-actions.c90de730.js";
 import { A as J } from "./chunks/arrow-left.2db60716.js";
 import { a as R, b as k, S as K } from "./chunks/sidepanel.keys.3f8d69c1.js";
 import { u as x } from "./chunks/i18n.eb5b985b.js";
 import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as Y } from "./chunks/index.4fa8a7fe.js";
+import { B as Y } from "./chunks/index.3e375af4.js";
 import { C as j } from "./chunks/cross.04678d81.js";
 import { g as z } from "./chunks/unique-id.a2a2b458.js";
-import "./assets/index9.css";
+import "./assets/index12.css";
 var C = /* @__PURE__ */ ((o) => (o.UPDATE_ACTIVE_PAGE = "update:active-page", o.UPDATE_IS_OPEN = "update:is-open", o))(C || {}), I = /* @__PURE__ */ ((o) => (o.TRANSITION_LEVEL_DEEPER = "b-sidepanel-page__animation--level-deeper", o.TRANSITION_LEVEL_UPPER = "b-sidepanel-page__animation--level-upper", o))(I || {});
 const M = {
   "en-US": {
@@ -100,14 +100,14 @@ var W = function() {
   var a = this, t = a._self._c, e = a._self._setupProxy;
   return t("Transition", { attrs: { name: e.animation, mode: "out-in" }, on: { "after-leave": e.updateAnimation } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showPage, expression: "showPage" }], staticClass: "b-sidepanel-page" }, [t("div", { staticClass: "b-sidepanel-page__header", class: e.headerConditionalClasses }, [e.showBackButton ? t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(n) {
     return e.goToPreviousPage(a.previousPage);
-  } } }, [t(e.ArrowLeftIcon, { attrs: { "svg-title": e.t("goToPreviousPage") } })], 1) : a._e(), t(e.BentoTypography, { staticClass: "b-sidepanel-page__title", attrs: { el: "h2", variant: "title" } }, [a._v(" " + a._s(a.title) + " ")])], 1), t("div", { ref: "contentElement", staticClass: "b-sidepanel-page__content", on: { scroll: e.onScroll } }, [t(e.BentoTypography, { attrs: { el: "div", variant: "body" } }, [a._t("default")], 2)], 1), a.actions ? t("div", { staticClass: "b-sidepanel-page__actions", class: e.actionsConditionalClasses }, [t(e.FooterActions, { attrs: { actions: a.actions, "actions-label": a.actionsLabel, "destructive-actions": a.destructiveActions } })], 1) : a._e()])]);
+  } } }, [t(e.ArrowLeftIcon, { attrs: { "svg-title": e.t("goToPreviousPage") } })], 1) : a._e(), t(e.BentoTypography, { staticClass: "b-sidepanel-page__title", attrs: { el: "h2", variant: "title" } }, [a._v(" " + a._s(a.title) + " ")])], 1), t("div", { ref: "contentElement", staticClass: "b-sidepanel-page__content", on: { scroll: e.onScroll } }, [t(e.BentoTypography, { attrs: { el: "div", variant: "body" } }, [a._t("default")], 2)], 1), a.actions && a.actions.length > 0 ? t("div", { staticClass: "b-sidepanel-page__actions", class: e.actionsConditionalClasses }, [t(e.FooterActions, { attrs: { actions: a.actions, "actions-label": a.actionsLabel, "destructive-actions": a.destructiveActions } })], 1) : a._e()])]);
 }, X = [], Z = /* @__PURE__ */ U(
   Q,
   W,
   X,
   !1,
   null,
-  "1d34045b",
+  "8de64d4b",
   null,
   null
 );

package/dist/sidepanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidepanel.js","sources":["../src/components/sidepanel/sidepanel.types.ts","../src/components/sidepanel/components/sidepanel-page.vue","../src/components/sidepanel/sidepanel.vue"],"sourcesContent":["import { Ref } from 'vue';\n\nexport interface BentoSidepanelPageObject {\n    title: string;\n    pageId: string;\n}\n\nexport enum BentoSidepanelEvent {\n    UPDATE_ACTIVE_PAGE = 'update:active-page',\n    UPDATE_IS_OPEN = 'update:is-open',\n}\n\nexport enum BentoSidepanelAnimation {\n    TRANSITION_LEVEL_DEEPER = 'b-sidepanel-page__animation--level-deeper',\n    TRANSITION_LEVEL_UPPER = 'b-sidepanel-page__animation--level-upper',\n}\n\nexport interface BentoSidepanelConfigData {\n    activePage: Ref<string>;\n    animation: Ref<string>;\n    goToPreviousPage: (page: string) => void;\n    hasPreviousPages: Ref<boolean>;\n    isOpen: Ref<boolean>;\n}\n\nexport type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => { unregisterPage: () => void };\n","<template>\n    <Transition :name=\"animation\" mode=\"out-in\" @after-leave=\"updateAnimation\">\n        <div v-show=\"showPage\" class=\"b-sidepanel-page\">\n            <div class=\"b-sidepanel-page__header\" :class=\"headerConditionalClasses\">\n                <bento-button v-if=\"showBackButton\" variant=\"tertiary\" @click=\"goToPreviousPage(previousPage)\">\n                    <arrow-left-icon :svg-title=\"t('goToPreviousPage')\" />\n                </bento-button>\n\n                <bento-typography class=\"b-sidepanel-page__title\" el=\"h2\" variant=\"title\">\n                    {{ title }}\n                </bento-typography>\n            </div>\n            <div ref=\"contentElement\" class=\"b-sidepanel-page__content\" @scroll=\"onScroll\">\n                <bento-typography el=\"div\" variant=\"body\">\n                    <slot />\n                </bento-typography>\n            </div>\n            <div v-if=\"actions\" class=\"b-sidepanel-page__actions\" :class=\"actionsConditionalClasses\">\n                <footer-actions\n                    :actions=\"actions\"\n                    :actions-label=\"actionsLabel\"\n                    :destructive-actions=\"destructiveActions\"\n                />\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, nextTick, onUnmounted, PropType, ref, watch } from 'vue';\n\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { FooterActions } from '@/components/internal/footer-actions';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n\n    import { BentoSidepanelAnimation, BentoSidepanelConfigData, BentoSidepanelRegisterPage } from '../sidepanel.types';\n    import { SIDEPANEL_CONFIG_INJECTION_KEY, SIDEPANEL_REGISTER_PAGE_INJECTION_KEY } from '../sidepanel.keys';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         *\n         * ```\n         * [{\n         *   title: 'Primary',\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Text label that is displayed left to the action buttons\n         */\n        actionsLabel: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Identifier of the page, used with activePage prop to handle sidepanel navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Title of the sidepanel page\n         */\n        title: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentElement = ref<HTMLDivElement>(null);\n    const hasScroll = ref(false);\n    const isScrollAtTop = ref(true);\n    const isScrollAtBottom = ref(false);\n\n    // Register page to parent component and inject data from parent component\n    const registerPage = inject<BentoSidepanelRegisterPage>(SIDEPANEL_REGISTER_PAGE_INJECTION_KEY);\n    const { unregisterPage } = registerPage({ title: props.title, pageId: props.pageId });\n\n    // Unregister page on unmounting the page\n    onUnmounted(() => unregisterPage());\n\n    const { activePage, animation, goToPreviousPage, hasPreviousPages, isOpen } =\n        inject<BentoSidepanelConfigData>(SIDEPANEL_CONFIG_INJECTION_KEY);\n\n    // Logic to choose which page is active/shown\n    const showPage = computed(() => (activePage.value ? activePage.value === props.pageId : true));\n\n    // Logic to determine whether the back button should be shown on the page\n    const showBackButton = computed(() => {\n        if (props.previousPage) {\n            return true;\n        }\n        if (props.previousPage === null) {\n            return false;\n        }\n        return hasPreviousPages.value && showPage.value;\n    });\n\n    // Scrolling styling logic\n    const headerConditionalClasses = computed(() => ({\n        'b-sidepanel-page__header--with-border': hasScroll.value && !isScrollAtTop.value,\n    }));\n\n    const actionsConditionalClasses = computed(() => ({\n        'b-sidepanel-page__actions--with-border': hasScroll.value && !isScrollAtBottom.value,\n    }));\n\n    const onScroll = () => {\n        if (!contentElement.value) {\n            return;\n        }\n        isScrollAtTop.value = contentElement.value.scrollTop === 0;\n        isScrollAtBottom.value =\n            contentElement.value.scrollHeight - contentElement.value.clientHeight === contentElement.value.scrollTop;\n    };\n\n    const calculateScroll = async watchedValue => {\n        if (!watchedValue) {\n            return;\n        }\n        // Wait for content to be rendered to be able to calculate the height\n        await nextTick();\n        hasScroll.value = contentElement.value && contentElement.value.scrollHeight > contentElement.value.clientHeight;\n    };\n\n    watch(() => isOpen.value, calculateScroll, { immediate: true });\n    watch(() => showPage.value, calculateScroll, { immediate: true });\n\n    // Animation\n    const updateAnimation = () => {\n        if (animation.value === BentoSidepanelAnimation.TRANSITION_LEVEL_UPPER) {\n            animation.value = BentoSidepanelAnimation.TRANSITION_LEVEL_DEEPER;\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * SidepanelPage is used to render different pages of Sidepanel component\n     *\n     * @example\n     * import { BentoSidepanel, BentoSidepanelPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSidepanel, BentoSidepanelPage },\n     *     template: `\n     *          <bento-sidepanel active-page='step1' is-open='true'>\n     *              <bento-sidepanel-page\n     *                  title='Step 1'\n     *                  pageId='step1'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next step',\n     *                          event: () => {\n     *                              activePage.value = 'step2';\n     *                          },\n     *                      }]\">\n     *                  Step 1 info\n     *              </bento-sidepanel-page>\n     *              <bento-sidepanel-page\n     *                  title='Step 2'\n     *                  pageId='step2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Step 2 info\n     *              </bento-sidepanel-page>\n     *          </bento-sidepanel>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./sidepanel-page.scss\" />\n","<template>\n    <dialog\n        :id=\"sidepanelId\"\n        ref=\"sidepanel\"\n        class=\"b-sidepanel\"\n        :class=\"conditionalClasses\"\n        @animationend=\"closeSidepanelAfterAnimation\"\n        @click=\"isDismissible && closeSidepanelOnClickOutside($event)\"\n        @keydown.esc.prevent=\"isDismissible && startCloseSidepanelAnimation\"\n    >\n        <bento-focus-trap>\n            <div v-if=\"isDismissible\" class=\"b-sidepanel__close-button\">\n                <bento-button variant=\"tertiary\" @click=\"startCloseSidepanelAnimation\">\n                    <cross-icon :svg-title=\"t('close')\" />\n                </bento-button>\n            </div>\n            <slot />\n        </bento-focus-trap>\n    </dialog>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, provide, ref, toRefs, watch } from 'vue';\n\n    import { BentoButton } from '@/components/button';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import {\n        BentoSidepanelAnimation,\n        BentoSidepanelEvent,\n        BentoSidepanelPageObject,\n        BentoSidepanelRegisterPage,\n    } from './sidepanel.types';\n\n    import {\n        SIDEPANEL_CONFIG_INJECTION_KEY,\n        SIDEPANEL_DIALOG_ID_INJECTION_KEY,\n        SIDEPANEL_REGISTER_PAGE_INJECTION_KEY,\n    } from './sidepanel.keys';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { generateUid } from '@/utils/ts/unique-id';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * The id of the current active page\n         * Should be the same id as the BentoSidepanelPage to be displayed\n         * If the component only has one page, it can be left null/undefined.\n         */\n        activePage: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If set to true, it allows the sidepanel to be closed\n         */\n        isDismissible: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Controls the sidepanel's state from the outside. Set it to true to open the sidepanel\n         */\n        isOpen: {\n            type: Boolean,\n            default: null,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when page is changed internally\n         */\n        (e: BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, page: string): void;\n        /**\n         * Emits close-sidepanel event when the sidepanel is closed\n         */\n        (e: BentoSidepanelEvent.UPDATE_IS_OPEN, isOpen: boolean): void;\n    }>();\n\n    // Refs\n    const { activePage, isOpen } = toRefs(props);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const sidepanel = ref(null);\n    const pages = ref<BentoSidepanelPageObject[]>([]);\n    const previousPages = ref([]);\n    const hasPreviousPages = computed(() => previousPages.value.length > 1);\n    const animation = ref(BentoSidepanelAnimation.TRANSITION_LEVEL_DEEPER);\n    const isClosing = ref(false);\n    const sidepanelId = generateUid('sidepanel');\n\n    // Previous page/back button logic\n    const lastPage = computed(() => previousPages.value[previousPages.value.length - 1]);\n    const isActivePageValid = computed(() => pages.value.some(page => page.pageId === activePage.value));\n\n    const goToPreviousPage = (page: string) => {\n        if (page) {\n            const index = previousPages.value.indexOf(page);\n            if (index !== -1) {\n                previousPages.value = previousPages.value.slice(0, index + 1);\n            } else {\n                previousPages.value = [page];\n            }\n        } else {\n            previousPages.value.pop();\n        }\n\n        animation.value = BentoSidepanelAnimation.TRANSITION_LEVEL_UPPER;\n        emit(BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, lastPage.value);\n    };\n\n    // Add new page to the previousPage array to keep track of user navigation\n    watch(\n        () => activePage.value,\n        async () => {\n            await nextTick();\n\n            if (!!activePage.value && !isActivePageValid.value) {\n                // eslint-disable-next-line no-console\n                console.error(`The activePage passed \"${activePage.value}\" does not match the id of any SidepanelPage`);\n                return;\n            }\n            if (activePage.value !== lastPage.value) {\n                previousPages.value.push(activePage.value);\n            }\n        },\n        { immediate: true }\n    );\n\n    // Animation styling\n    const conditionalClasses = computed(() => ({\n        'b-sidepanel--hide': isClosing.value,\n    }));\n\n    // Handle closing and closing animation for dialog element\n    const closeSidepanelAfterAnimation = () => {\n        if (isClosing.value) {\n            sidepanel.value.close();\n            if (previousPages.value[0]) {\n                emit(BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, previousPages.value[0]);\n            }\n            previousPages.value = [];\n            isClosing.value = false;\n            emit(BentoSidepanelEvent.UPDATE_IS_OPEN, false);\n        }\n    };\n\n    const startCloseSidepanelAnimation = () => {\n        if (!sidepanel.value.open) {\n            return;\n        }\n        isClosing.value = true;\n    };\n\n    /**\n     * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n     * If the click doesn't happen in the dialog box itself, the modal closes\n     */\n    const closeSidepanelOnClickOutside = ({ target }: Event): void => {\n        if (target && (target as HTMLElement).tagName === 'DIALOG') {\n            startCloseSidepanelAnimation();\n        }\n    };\n\n    // Watching isOpen prop to toggle open/close the dialog element\n    watch(\n        () => isOpen.value,\n        async () => {\n            // Wait for sidepanel ref to be created\n            await nextTick();\n\n            if (!sidepanel.value) {\n                return;\n            }\n\n            if (isOpen.value) {\n                sidepanel.value.showModal();\n                if (!previousPages.value.length) {\n                    previousPages.value.push(activePage.value);\n                }\n            } else if (sidepanel.value.open) {\n                startCloseSidepanelAnimation();\n            }\n        },\n        { immediate: true }\n    );\n\n    // unregister page if removed / destroyed\n    const unregisterPage = (pageIdToRemove: string) => () => {\n        pages.value = pages.value?.filter(({ pageId }) => pageId !== pageIdToRemove);\n    };\n\n    // Provide data and function to register page to subcomponent\n    const registerPage: BentoSidepanelRegisterPage = ({ title, pageId }) => {\n        pages.value.push({ title, pageId });\n\n        return { unregisterPage: unregisterPage(pageId) };\n    };\n\n    provide(SIDEPANEL_CONFIG_INJECTION_KEY, {\n        activePage,\n        animation,\n        goToPreviousPage,\n        hasPreviousPages,\n        isOpen,\n    });\n    provide(SIDEPANEL_REGISTER_PAGE_INJECTION_KEY, registerPage);\n\n    // Let's Children components know they are inside a SidePanel (dialog element)\n    provide(SIDEPANEL_DIALOG_ID_INJECTION_KEY, sidepanelId);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Sidepanel component is a slide-in panel that should be used for presenting actions, settings or features that are directly associated with a specific task or interaction on the main screen.\n     *\n     * @example\n     * import { BentoSidepanel, BentoSidepanelPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSidepanel, BentoSidepanelPage },\n     *     template: `\n     *          <bento-sidepanel active-page='step1' is-open='true'>\n     *              <bento-sidepanel-page\n     *                  title='Step 1'\n     *                  pageId='step1'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next step',\n     *                          event: () => {\n     *                              activePage.value = 'step2';\n     *                          },\n     *                      }]\">\n     *                  Step 1 info\n     *              </bento-sidepanel-page>\n     *              <bento-sidepanel-page\n     *                  title='Step 2'\n     *                  pageId='step2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Step 2 info\n     *              </bento-sidepanel-page>\n     *          </bento-sidepanel>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n<style lang=\"scss\" scoped src=\"./sidepanel.scss\" />\n"],"names":["BentoSidepanelEvent","BentoSidepanelEvent2","BentoSidepanelAnimation","BentoSidepanelAnimation2","__default__$1","messages$1","useI18n","contentElement","ref","hasScroll","isScrollAtTop","isScrollAtBottom","registerPage","inject","SIDEPANEL_REGISTER_PAGE_INJECTION_KEY","unregisterPage","props","onUnmounted","activePage","animation","goToPreviousPage","hasPreviousPages","isOpen","SIDEPANEL_CONFIG_INJECTION_KEY","showPage","computed","showBackButton","headerConditionalClasses","actionsConditionalClasses","onScroll","calculateScroll","watchedValue","nextTick","watch","__default__","messages","toRefs","t","sidepanel","pages","previousPages","isClosing","sidepanelId","generateUid","lastPage","isActivePageValid","page","index","emit","conditionalClasses","closeSidepanelAfterAnimation","startCloseSidepanelAnimation","closeSidepanelOnClickOutside","target","pageIdToRemove","_a","pageId","title","provide","SIDEPANEL_DIALOG_ID_INJECTION_KEY"],"mappings":"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"}
+{"version":3,"file":"sidepanel.js","sources":["../src/components/sidepanel/sidepanel.types.ts","../src/components/sidepanel/components/sidepanel-page.vue","../src/components/sidepanel/sidepanel.vue"],"sourcesContent":["import { Ref } from 'vue';\n\nexport interface BentoSidepanelPageObject {\n    title: string;\n    pageId: string;\n}\n\nexport enum BentoSidepanelEvent {\n    UPDATE_ACTIVE_PAGE = 'update:active-page',\n    UPDATE_IS_OPEN = 'update:is-open',\n}\n\nexport enum BentoSidepanelAnimation {\n    TRANSITION_LEVEL_DEEPER = 'b-sidepanel-page__animation--level-deeper',\n    TRANSITION_LEVEL_UPPER = 'b-sidepanel-page__animation--level-upper',\n}\n\nexport interface BentoSidepanelConfigData {\n    activePage: Ref<string>;\n    animation: Ref<string>;\n    goToPreviousPage: (page: string) => void;\n    hasPreviousPages: Ref<boolean>;\n    isOpen: Ref<boolean>;\n}\n\nexport type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => { unregisterPage: () => void };\n","<template>\n    <Transition :name=\"animation\" mode=\"out-in\" @after-leave=\"updateAnimation\">\n        <div v-show=\"showPage\" class=\"b-sidepanel-page\">\n            <div class=\"b-sidepanel-page__header\" :class=\"headerConditionalClasses\">\n                <bento-button v-if=\"showBackButton\" variant=\"tertiary\" @click=\"goToPreviousPage(previousPage)\">\n                    <arrow-left-icon :svg-title=\"t('goToPreviousPage')\" />\n                </bento-button>\n\n                <bento-typography class=\"b-sidepanel-page__title\" el=\"h2\" variant=\"title\">\n                    {{ title }}\n                </bento-typography>\n            </div>\n            <div ref=\"contentElement\" class=\"b-sidepanel-page__content\" @scroll=\"onScroll\">\n                <bento-typography el=\"div\" variant=\"body\">\n                    <slot />\n                </bento-typography>\n            </div>\n            <div\n                v-if=\"actions && actions.length > 0\"\n                class=\"b-sidepanel-page__actions\"\n                :class=\"actionsConditionalClasses\"\n            >\n                <footer-actions\n                    :actions=\"actions\"\n                    :actions-label=\"actionsLabel\"\n                    :destructive-actions=\"destructiveActions\"\n                />\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, nextTick, onUnmounted, PropType, ref, watch } from 'vue';\n\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { FooterActions } from '@/components/internal/footer-actions';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n\n    import { BentoSidepanelAnimation, BentoSidepanelConfigData, BentoSidepanelRegisterPage } from '../sidepanel.types';\n    import { SIDEPANEL_CONFIG_INJECTION_KEY, SIDEPANEL_REGISTER_PAGE_INJECTION_KEY } from '../sidepanel.keys';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         *\n         * ```\n         * [{\n         *   title: 'Primary',\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Text label that is displayed left to the action buttons\n         */\n        actionsLabel: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Identifier of the page, used with activePage prop to handle sidepanel navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Title of the sidepanel page\n         */\n        title: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentElement = ref<HTMLDivElement>(null);\n    const hasScroll = ref(false);\n    const isScrollAtTop = ref(true);\n    const isScrollAtBottom = ref(false);\n\n    // Register page to parent component and inject data from parent component\n    const registerPage = inject<BentoSidepanelRegisterPage>(SIDEPANEL_REGISTER_PAGE_INJECTION_KEY);\n    const { unregisterPage } = registerPage({ title: props.title, pageId: props.pageId });\n\n    // Unregister page on unmounting the page\n    onUnmounted(() => unregisterPage());\n\n    const { activePage, animation, goToPreviousPage, hasPreviousPages, isOpen } =\n        inject<BentoSidepanelConfigData>(SIDEPANEL_CONFIG_INJECTION_KEY);\n\n    // Logic to choose which page is active/shown\n    const showPage = computed(() => (activePage.value ? activePage.value === props.pageId : true));\n\n    // Logic to determine whether the back button should be shown on the page\n    const showBackButton = computed(() => {\n        if (props.previousPage) {\n            return true;\n        }\n        if (props.previousPage === null) {\n            return false;\n        }\n        return hasPreviousPages.value && showPage.value;\n    });\n\n    // Scrolling styling logic\n    const headerConditionalClasses = computed(() => ({\n        'b-sidepanel-page__header--with-border': hasScroll.value && !isScrollAtTop.value,\n    }));\n\n    const actionsConditionalClasses = computed(() => ({\n        'b-sidepanel-page__actions--with-border': hasScroll.value && !isScrollAtBottom.value,\n    }));\n\n    const onScroll = () => {\n        if (!contentElement.value) {\n            return;\n        }\n        isScrollAtTop.value = contentElement.value.scrollTop === 0;\n        isScrollAtBottom.value =\n            contentElement.value.scrollHeight - contentElement.value.clientHeight === contentElement.value.scrollTop;\n    };\n\n    const calculateScroll = async watchedValue => {\n        if (!watchedValue) {\n            return;\n        }\n        // Wait for content to be rendered to be able to calculate the height\n        await nextTick();\n        hasScroll.value = contentElement.value && contentElement.value.scrollHeight > contentElement.value.clientHeight;\n    };\n\n    watch(() => isOpen.value, calculateScroll, { immediate: true });\n    watch(() => showPage.value, calculateScroll, { immediate: true });\n\n    // Animation\n    const updateAnimation = () => {\n        if (animation.value === BentoSidepanelAnimation.TRANSITION_LEVEL_UPPER) {\n            animation.value = BentoSidepanelAnimation.TRANSITION_LEVEL_DEEPER;\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * SidepanelPage is used to render different pages of Sidepanel component\n     *\n     * @example\n     * import { BentoSidepanel, BentoSidepanelPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSidepanel, BentoSidepanelPage },\n     *     template: `\n     *          <bento-sidepanel active-page='step1' is-open='true'>\n     *              <bento-sidepanel-page\n     *                  title='Step 1'\n     *                  pageId='step1'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next step',\n     *                          event: () => {\n     *                              activePage.value = 'step2';\n     *                          },\n     *                      }]\">\n     *                  Step 1 info\n     *              </bento-sidepanel-page>\n     *              <bento-sidepanel-page\n     *                  title='Step 2'\n     *                  pageId='step2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Step 2 info\n     *              </bento-sidepanel-page>\n     *          </bento-sidepanel>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./sidepanel-page.scss\" />\n","<template>\n    <dialog\n        :id=\"sidepanelId\"\n        ref=\"sidepanel\"\n        class=\"b-sidepanel\"\n        :class=\"conditionalClasses\"\n        @animationend=\"closeSidepanelAfterAnimation\"\n        @click=\"isDismissible && closeSidepanelOnClickOutside($event)\"\n        @keydown.esc.prevent=\"isDismissible && startCloseSidepanelAnimation\"\n    >\n        <bento-focus-trap>\n            <div v-if=\"isDismissible\" class=\"b-sidepanel__close-button\">\n                <bento-button variant=\"tertiary\" @click=\"startCloseSidepanelAnimation\">\n                    <cross-icon :svg-title=\"t('close')\" />\n                </bento-button>\n            </div>\n            <slot />\n        </bento-focus-trap>\n    </dialog>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, provide, ref, toRefs, watch } from 'vue';\n\n    import { BentoButton } from '@/components/button';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import {\n        BentoSidepanelAnimation,\n        BentoSidepanelEvent,\n        BentoSidepanelPageObject,\n        BentoSidepanelRegisterPage,\n    } from './sidepanel.types';\n\n    import {\n        SIDEPANEL_CONFIG_INJECTION_KEY,\n        SIDEPANEL_DIALOG_ID_INJECTION_KEY,\n        SIDEPANEL_REGISTER_PAGE_INJECTION_KEY,\n    } from './sidepanel.keys';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { generateUid } from '@/utils/ts/unique-id';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * The id of the current active page\n         * Should be the same id as the BentoSidepanelPage to be displayed\n         * If the component only has one page, it can be left null/undefined.\n         */\n        activePage: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If set to true, it allows the sidepanel to be closed\n         */\n        isDismissible: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Controls the sidepanel's state from the outside. Set it to true to open the sidepanel\n         */\n        isOpen: {\n            type: Boolean,\n            default: null,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when page is changed internally\n         */\n        (e: BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, page: string): void;\n        /**\n         * Emits close-sidepanel event when the sidepanel is closed\n         */\n        (e: BentoSidepanelEvent.UPDATE_IS_OPEN, isOpen: boolean): void;\n    }>();\n\n    // Refs\n    const { activePage, isOpen } = toRefs(props);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const sidepanel = ref(null);\n    const pages = ref<BentoSidepanelPageObject[]>([]);\n    const previousPages = ref([]);\n    const hasPreviousPages = computed(() => previousPages.value.length > 1);\n    const animation = ref(BentoSidepanelAnimation.TRANSITION_LEVEL_DEEPER);\n    const isClosing = ref(false);\n    const sidepanelId = generateUid('sidepanel');\n\n    // Previous page/back button logic\n    const lastPage = computed(() => previousPages.value[previousPages.value.length - 1]);\n    const isActivePageValid = computed(() => pages.value.some(page => page.pageId === activePage.value));\n\n    const goToPreviousPage = (page: string) => {\n        if (page) {\n            const index = previousPages.value.indexOf(page);\n            if (index !== -1) {\n                previousPages.value = previousPages.value.slice(0, index + 1);\n            } else {\n                previousPages.value = [page];\n            }\n        } else {\n            previousPages.value.pop();\n        }\n\n        animation.value = BentoSidepanelAnimation.TRANSITION_LEVEL_UPPER;\n        emit(BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, lastPage.value);\n    };\n\n    // Add new page to the previousPage array to keep track of user navigation\n    watch(\n        () => activePage.value,\n        async () => {\n            await nextTick();\n\n            if (!!activePage.value && !isActivePageValid.value) {\n                // eslint-disable-next-line no-console\n                console.error(`The activePage passed \"${activePage.value}\" does not match the id of any SidepanelPage`);\n                return;\n            }\n            if (activePage.value !== lastPage.value) {\n                previousPages.value.push(activePage.value);\n            }\n        },\n        { immediate: true }\n    );\n\n    // Animation styling\n    const conditionalClasses = computed(() => ({\n        'b-sidepanel--hide': isClosing.value,\n    }));\n\n    // Handle closing and closing animation for dialog element\n    const closeSidepanelAfterAnimation = () => {\n        if (isClosing.value) {\n            sidepanel.value.close();\n            if (previousPages.value[0]) {\n                emit(BentoSidepanelEvent.UPDATE_ACTIVE_PAGE, previousPages.value[0]);\n            }\n            previousPages.value = [];\n            isClosing.value = false;\n            emit(BentoSidepanelEvent.UPDATE_IS_OPEN, false);\n        }\n    };\n\n    const startCloseSidepanelAnimation = () => {\n        if (!sidepanel.value.open) {\n            return;\n        }\n        isClosing.value = true;\n    };\n\n    /**\n     * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n     * If the click doesn't happen in the dialog box itself, the modal closes\n     */\n    const closeSidepanelOnClickOutside = ({ target }: Event): void => {\n        if (target && (target as HTMLElement).tagName === 'DIALOG') {\n            startCloseSidepanelAnimation();\n        }\n    };\n\n    // Watching isOpen prop to toggle open/close the dialog element\n    watch(\n        () => isOpen.value,\n        async () => {\n            // Wait for sidepanel ref to be created\n            await nextTick();\n\n            if (!sidepanel.value) {\n                return;\n            }\n\n            if (isOpen.value) {\n                sidepanel.value.showModal();\n                if (!previousPages.value.length) {\n                    previousPages.value.push(activePage.value);\n                }\n            } else if (sidepanel.value.open) {\n                startCloseSidepanelAnimation();\n            }\n        },\n        { immediate: true }\n    );\n\n    // unregister page if removed / destroyed\n    const unregisterPage = (pageIdToRemove: string) => () => {\n        pages.value = pages.value?.filter(({ pageId }) => pageId !== pageIdToRemove);\n    };\n\n    // Provide data and function to register page to subcomponent\n    const registerPage: BentoSidepanelRegisterPage = ({ title, pageId }) => {\n        pages.value.push({ title, pageId });\n\n        return { unregisterPage: unregisterPage(pageId) };\n    };\n\n    provide(SIDEPANEL_CONFIG_INJECTION_KEY, {\n        activePage,\n        animation,\n        goToPreviousPage,\n        hasPreviousPages,\n        isOpen,\n    });\n    provide(SIDEPANEL_REGISTER_PAGE_INJECTION_KEY, registerPage);\n\n    // Let's Children components know they are inside a SidePanel (dialog element)\n    provide(SIDEPANEL_DIALOG_ID_INJECTION_KEY, sidepanelId);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Sidepanel component is a slide-in panel that should be used for presenting actions, settings or features that are directly associated with a specific task or interaction on the main screen.\n     *\n     * @example\n     * import { BentoSidepanel, BentoSidepanelPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSidepanel, BentoSidepanelPage },\n     *     template: `\n     *          <bento-sidepanel active-page='step1' is-open='true'>\n     *              <bento-sidepanel-page\n     *                  title='Step 1'\n     *                  pageId='step1'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next step',\n     *                          event: () => {\n     *                              activePage.value = 'step2';\n     *                          },\n     *                      }]\">\n     *                  Step 1 info\n     *              </bento-sidepanel-page>\n     *              <bento-sidepanel-page\n     *                  title='Step 2'\n     *                  pageId='step2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Step 2 info\n     *              </bento-sidepanel-page>\n     *          </bento-sidepanel>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n<style lang=\"scss\" scoped src=\"./sidepanel.scss\" />\n"],"names":["BentoSidepanelEvent","BentoSidepanelEvent2","BentoSidepanelAnimation","BentoSidepanelAnimation2","__default__$1","messages$1","useI18n","contentElement","ref","hasScroll","isScrollAtTop","isScrollAtBottom","registerPage","inject","SIDEPANEL_REGISTER_PAGE_INJECTION_KEY","unregisterPage","props","onUnmounted","activePage","animation","goToPreviousPage","hasPreviousPages","isOpen","SIDEPANEL_CONFIG_INJECTION_KEY","showPage","computed","showBackButton","headerConditionalClasses","actionsConditionalClasses","onScroll","calculateScroll","watchedValue","nextTick","watch","__default__","messages","toRefs","t","sidepanel","pages","previousPages","isClosing","sidepanelId","generateUid","lastPage","isActivePageValid","page","index","emit","conditionalClasses","closeSidepanelAfterAnimation","startCloseSidepanelAnimation","closeSidepanelOnClickOutside","target","pageIdToRemove","_a","pageId","title","provide","SIDEPANEL_DIALOG_ID_INJECTION_KEY"],"mappings":"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"}

package/dist/status.js

@@ -1,7 +1,7 @@
 import { defineComponent as n, computed as a } from "vue";
 import { B as o } from "./chunks/index.ee11faa7.js";
 import { n as l } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index10.css";
+import "./assets/index13.css";
 var r = /* @__PURE__ */ ((s) => (s.BLUE = "blue", s.GREEN = "green", s.GREY = "grey", s.ORANGE = "orange", s.RED = "red", s.YELLOW = "yellow", s))(r || {});
 const _ = n({
   name: "bento-status",

package/dist/stepper.js

@@ -5,7 +5,7 @@ import { u as U } from "./chunks/i18n.eb5b985b.js";
 import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { B as j } from "./chunks/base-button.f6f8d02b.js";
 import { C as G } from "./chunks/checkmark-small.520f01b1.js";
-import "./assets/index11.css";
+import "./assets/index14.css";
 const q = (i) => {
   function s(r) {
     return ({ detail: u }) => {

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/index.0a20d7ce.js";
+import { B as r, a as o } from "./chunks/index.a1dad6fc.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem