@adyen/bento-vue2 2.0.1 → 2.1.0

package/dist/chunks/country.types.BCOrkmVK.js.map

@@ -1 +1 @@
-{"version":3,"file":"country.types.BCOrkmVK.js","sources":["../../src/components/country/composables/use-country-capital/use-country-capital.ts","../../src/components/country/country.types.ts"],"sourcesContent":["import { type MaybeRef } from '@/types/maybe-ref';\nimport { computed, ref } from 'vue';\nimport messages from './messages.json';\n\n/**\n * Maps an ISO code to the country's translated capital city.\n *\n * @returns a translated country name\n */\nexport const useCountryCapital = (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback = true) => {\n    const countryCode = ref(code);\n    const languageLocale = ref(locale);\n    return computed<string>(() => {\n        const normalizedCode = countryCode?.value?.toUpperCase();\n        const translatedCountryName =\n            messages[languageLocale.value]?.[normalizedCode] ??\n            messages['en-US']?.[normalizedCode] ??\n            (useFallback ? normalizedCode : null);\n        return translatedCountryName;\n    });\n};\n\nexport default useCountryCapital;\n","/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCountryVariant {\n    ISO = 'iso',\n    NAME = 'name',\n    PHONE_CODE = 'phone_code',\n    CAPITAL = 'capital',\n}\n\nexport enum BentoCountryCode {\n    BD = 'BD',\n    BE = 'BE',\n    BF = 'BF',\n    BG = 'BG',\n    BA = 'BA',\n    BB = 'BB',\n    WF = 'WF',\n    BL = 'BL',\n    BM = 'BM',\n    BN = 'BN',\n    BO = 'BO',\n    BH = 'BH',\n    BI = 'BI',\n    BJ = 'BJ',\n    BT = 'BT',\n    JM = 'JM',\n    BV = 'BV',\n    BW = 'BW',\n    WS = 'WS',\n    BQ = 'BQ',\n    BR = 'BR',\n    BS = 'BS',\n    JE = 'JE',\n    BY = 'BY',\n    BZ = 'BZ',\n    RU = 'RU',\n    RW = 'RW',\n    RS = 'RS',\n    TL = 'TL',\n    RE = 'RE',\n    TM = 'TM',\n    TJ = 'TJ',\n    RO = 'RO',\n    TK = 'TK',\n    GW = 'GW',\n    GU = 'GU',\n    GT = 'GT',\n    GS = 'GS',\n    GR = 'GR',\n    GQ = 'GQ',\n    GP = 'GP',\n    JP = 'JP',\n    GY = 'GY',\n    GG = 'GG',\n    GF = 'GF',\n    GE = 'GE',\n    GD = 'GD',\n    GB = 'GB',\n    GA = 'GA',\n    SV = 'SV',\n    GN = 'GN',\n    GM = 'GM',\n    GL = 'GL',\n    GI = 'GI',\n    GH = 'GH',\n    OM = 'OM',\n    TN = 'TN',\n    JO = 'JO',\n    HR = 'HR',\n    HT = 'HT',\n    HU = 'HU',\n    HK = 'HK',\n    HN = 'HN',\n    HM = 'HM',\n    VE = 'VE',\n    PR = 'PR',\n    PS = 'PS',\n    PW = 'PW',\n    PT = 'PT',\n    SJ = 'SJ',\n    PY = 'PY',\n    IQ = 'IQ',\n    PA = 'PA',\n    PF = 'PF',\n    PG = 'PG',\n    PE = 'PE',\n    PK = 'PK',\n    PH = 'PH',\n    PN = 'PN',\n    PL = 'PL',\n    PM = 'PM',\n    ZM = 'ZM',\n    EH = 'EH',\n    EE = 'EE',\n    EG = 'EG',\n    ZA = 'ZA',\n    EC = 'EC',\n    IT = 'IT',\n    VN = 'VN',\n    SB = 'SB',\n    ET = 'ET',\n    SO = 'SO',\n    ZW = 'ZW',\n    SA = 'SA',\n    ES = 'ES',\n    ER = 'ER',\n    ME = 'ME',\n    MD = 'MD',\n    MG = 'MG',\n    MF = 'MF',\n    MA = 'MA',\n    MC = 'MC',\n    UZ = 'UZ',\n    MM = 'MM',\n    ML = 'ML',\n    MO = 'MO',\n    MN = 'MN',\n    MH = 'MH',\n    MK = 'MK',\n    MU = 'MU',\n    MT = 'MT',\n    MW = 'MW',\n    MV = 'MV',\n    MQ = 'MQ',\n    MP = 'MP',\n    MS = 'MS',\n    MR = 'MR',\n    IM = 'IM',\n    UG = 'UG',\n    TZ = 'TZ',\n    MY = 'MY',\n    MX = 'MX',\n    IL = 'IL',\n    FR = 'FR',\n    IO = 'IO',\n    SH = 'SH',\n    FI = 'FI',\n    FJ = 'FJ',\n    FK = 'FK',\n    FM = 'FM',\n    FO = 'FO',\n    NI = 'NI',\n    NL = 'NL',\n    NO = 'NO',\n    NA = 'NA',\n    VU = 'VU',\n    NC = 'NC',\n    NE = 'NE',\n    NF = 'NF',\n    NG = 'NG',\n    NZ = 'NZ',\n    NP = 'NP',\n    NR = 'NR',\n    NU = 'NU',\n    CK = 'CK',\n    XK = 'XK',\n    CI = 'CI',\n    CH = 'CH',\n    CO = 'CO',\n    CN = 'CN',\n    CM = 'CM',\n    CL = 'CL',\n    CC = 'CC',\n    CA = 'CA',\n    CG = 'CG',\n    CF = 'CF',\n    CD = 'CD',\n    CZ = 'CZ',\n    CY = 'CY',\n    CX = 'CX',\n    CR = 'CR',\n    CW = 'CW',\n    CV = 'CV',\n    CU = 'CU',\n    SZ = 'SZ',\n    SY = 'SY',\n    SX = 'SX',\n    KG = 'KG',\n    KE = 'KE',\n    SS = 'SS',\n    SR = 'SR',\n    KI = 'KI',\n    KH = 'KH',\n    KN = 'KN',\n    KM = 'KM',\n    ST = 'ST',\n    SK = 'SK',\n    KR = 'KR',\n    SI = 'SI',\n    KP = 'KP',\n    KW = 'KW',\n    SN = 'SN',\n    SM = 'SM',\n    SL = 'SL',\n    SC = 'SC',\n    KZ = 'KZ',\n    KY = 'KY',\n    SG = 'SG',\n    SE = 'SE',\n    SD = 'SD',\n    DO = 'DO',\n    DM = 'DM',\n    DJ = 'DJ',\n    DK = 'DK',\n    VG = 'VG',\n    DE = 'DE',\n    YE = 'YE',\n    DZ = 'DZ',\n    US = 'US',\n    UY = 'UY',\n    YT = 'YT',\n    UM = 'UM',\n    LB = 'LB',\n    LC = 'LC',\n    LA = 'LA',\n    TV = 'TV',\n    TW = 'TW',\n    TT = 'TT',\n    TR = 'TR',\n    LK = 'LK',\n    LI = 'LI',\n    LV = 'LV',\n    TO = 'TO',\n    LT = 'LT',\n    LU = 'LU',\n    LR = 'LR',\n    LS = 'LS',\n    TH = 'TH',\n    TF = 'TF',\n    TG = 'TG',\n    TD = 'TD',\n    TC = 'TC',\n    LY = 'LY',\n    VA = 'VA',\n    VC = 'VC',\n    AE = 'AE',\n    AD = 'AD',\n    AG = 'AG',\n    AF = 'AF',\n    AI = 'AI',\n    VI = 'VI',\n    IS = 'IS',\n    IR = 'IR',\n    AM = 'AM',\n    AL = 'AL',\n    AO = 'AO',\n    AQ = 'AQ',\n    AS = 'AS',\n    AR = 'AR',\n    AU = 'AU',\n    AT = 'AT',\n    AW = 'AW',\n    IN = 'IN',\n    AX = 'AX',\n    AZ = 'AZ',\n    IE = 'IE',\n    ID = 'ID',\n    UA = 'UA',\n    QA = 'QA',\n    MZ = 'MZ',\n    UNKNOWN = 'ZZ',\n}\n\nexport interface BentoCountryProps {\n    /**\n     * Two character country code ([ISO 3166-1 alpha-2 format](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)).\n     */\n    code?: BentoCountryCode | `${BentoCountryCode}`;\n\n    /**\n     * Which label variant to display.\n     * @values iso, name, phone_code, capital\n     */\n    variant?: BentoCountryVariant | `${BentoCountryVariant}`;\n}\n"],"names":["useCountryCapital","code","locale","useFallback","countryCode","ref","languageLocale","computed","normalizedCode","messages","BentoCountryVariant","BentoCountryCode"],"mappings":";;;;;;;;;;;;;GASaA,IAAoB,CAACC,GAAwBC,GAA0BC,IAAc,OAAS;AACvG,QAAMC,IAAcC,EAAIJ,CAAI,GACtBK,IAAiBD,EAAIH,CAAM;AACjC,SAAOK,EAAiB,MAAM;AAC1B,UAAMC,IAAiBJ,GAAa,OAAO,YAAA;AAK3C,WAHIK,EAASH,EAAe,KAAK,IAAIE,CAAc,KAC/CC,EAAS,OAAO,IAAID,CAAc,MACjCL,IAAcK,IAAiB;AAAA,EAExC,CAAC;AACL;ACjBO,IAAKE,sBAAAA,OACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,aAAa,cACbA,EAAA,UAAU,WAJFA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,UAAU,MA3PFA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"country.types.BCOrkmVK.js","sources":["../../src/components/country/composables/use-country-capital/use-country-capital.ts","../../src/components/country/country.types.ts"],"sourcesContent":["import { type MaybeRef } from '@/types/maybe-ref';\nimport { computed, ref } from 'vue';\nimport messages from './messages.json';\n\n/**\n * Maps an ISO code to the country's translated capital city.\n *\n * @returns a translated country name\n */\nexport const useCountryCapital = (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback = true) => {\n    const countryCode = ref(code);\n    const languageLocale = ref(locale);\n    return computed<string>(() => {\n        const normalizedCode = countryCode?.value?.toUpperCase();\n        const translatedCountryName =\n            messages[languageLocale.value]?.[normalizedCode] ??\n            messages['en-US']?.[normalizedCode] ??\n            (useFallback ? normalizedCode : null);\n        return translatedCountryName;\n    });\n};\n\nexport default useCountryCapital;\n","/**\n * @deprecated Since v3.0.0. Use string literal instead.\n */\nexport enum BentoCountryVariant {\n    ISO = 'iso',\n    NAME = 'name',\n    PHONE_CODE = 'phone_code',\n    CAPITAL = 'capital',\n}\n\nexport enum BentoCountryCode {\n    BD = 'BD',\n    BE = 'BE',\n    BF = 'BF',\n    BG = 'BG',\n    BA = 'BA',\n    BB = 'BB',\n    WF = 'WF',\n    BL = 'BL',\n    BM = 'BM',\n    BN = 'BN',\n    BO = 'BO',\n    BH = 'BH',\n    BI = 'BI',\n    BJ = 'BJ',\n    BT = 'BT',\n    JM = 'JM',\n    BV = 'BV',\n    BW = 'BW',\n    WS = 'WS',\n    BQ = 'BQ',\n    BR = 'BR',\n    BS = 'BS',\n    JE = 'JE',\n    BY = 'BY',\n    BZ = 'BZ',\n    RU = 'RU',\n    RW = 'RW',\n    RS = 'RS',\n    TL = 'TL',\n    RE = 'RE',\n    TM = 'TM',\n    TJ = 'TJ',\n    RO = 'RO',\n    TK = 'TK',\n    GW = 'GW',\n    GU = 'GU',\n    GT = 'GT',\n    GS = 'GS',\n    GR = 'GR',\n    GQ = 'GQ',\n    GP = 'GP',\n    JP = 'JP',\n    GY = 'GY',\n    GG = 'GG',\n    GF = 'GF',\n    GE = 'GE',\n    GD = 'GD',\n    GB = 'GB',\n    GA = 'GA',\n    SV = 'SV',\n    GN = 'GN',\n    GM = 'GM',\n    GL = 'GL',\n    GI = 'GI',\n    GH = 'GH',\n    OM = 'OM',\n    TN = 'TN',\n    JO = 'JO',\n    HR = 'HR',\n    HT = 'HT',\n    HU = 'HU',\n    HK = 'HK',\n    HN = 'HN',\n    HM = 'HM',\n    VE = 'VE',\n    PR = 'PR',\n    PS = 'PS',\n    PW = 'PW',\n    PT = 'PT',\n    SJ = 'SJ',\n    PY = 'PY',\n    IQ = 'IQ',\n    PA = 'PA',\n    PF = 'PF',\n    PG = 'PG',\n    PE = 'PE',\n    PK = 'PK',\n    PH = 'PH',\n    PN = 'PN',\n    PL = 'PL',\n    PM = 'PM',\n    ZM = 'ZM',\n    EH = 'EH',\n    EE = 'EE',\n    EG = 'EG',\n    ZA = 'ZA',\n    EC = 'EC',\n    IT = 'IT',\n    VN = 'VN',\n    SB = 'SB',\n    ET = 'ET',\n    SO = 'SO',\n    ZW = 'ZW',\n    SA = 'SA',\n    ES = 'ES',\n    ER = 'ER',\n    ME = 'ME',\n    MD = 'MD',\n    MG = 'MG',\n    MF = 'MF',\n    MA = 'MA',\n    MC = 'MC',\n    UZ = 'UZ',\n    MM = 'MM',\n    ML = 'ML',\n    MO = 'MO',\n    MN = 'MN',\n    MH = 'MH',\n    MK = 'MK',\n    MU = 'MU',\n    MT = 'MT',\n    MW = 'MW',\n    MV = 'MV',\n    MQ = 'MQ',\n    MP = 'MP',\n    MS = 'MS',\n    MR = 'MR',\n    IM = 'IM',\n    UG = 'UG',\n    TZ = 'TZ',\n    MY = 'MY',\n    MX = 'MX',\n    IL = 'IL',\n    FR = 'FR',\n    IO = 'IO',\n    SH = 'SH',\n    FI = 'FI',\n    FJ = 'FJ',\n    FK = 'FK',\n    FM = 'FM',\n    FO = 'FO',\n    NI = 'NI',\n    NL = 'NL',\n    NO = 'NO',\n    NA = 'NA',\n    VU = 'VU',\n    NC = 'NC',\n    NE = 'NE',\n    NF = 'NF',\n    NG = 'NG',\n    NZ = 'NZ',\n    NP = 'NP',\n    NR = 'NR',\n    NU = 'NU',\n    CK = 'CK',\n    XK = 'XK',\n    CI = 'CI',\n    CH = 'CH',\n    CO = 'CO',\n    CN = 'CN',\n    CM = 'CM',\n    CL = 'CL',\n    CC = 'CC',\n    CA = 'CA',\n    CG = 'CG',\n    CF = 'CF',\n    CD = 'CD',\n    CZ = 'CZ',\n    CY = 'CY',\n    CX = 'CX',\n    CR = 'CR',\n    CW = 'CW',\n    CV = 'CV',\n    CU = 'CU',\n    SZ = 'SZ',\n    SY = 'SY',\n    SX = 'SX',\n    KG = 'KG',\n    KE = 'KE',\n    SS = 'SS',\n    SR = 'SR',\n    KI = 'KI',\n    KH = 'KH',\n    KN = 'KN',\n    KM = 'KM',\n    ST = 'ST',\n    SK = 'SK',\n    KR = 'KR',\n    SI = 'SI',\n    KP = 'KP',\n    KW = 'KW',\n    SN = 'SN',\n    SM = 'SM',\n    SL = 'SL',\n    SC = 'SC',\n    KZ = 'KZ',\n    KY = 'KY',\n    SG = 'SG',\n    SE = 'SE',\n    SD = 'SD',\n    DO = 'DO',\n    DM = 'DM',\n    DJ = 'DJ',\n    DK = 'DK',\n    VG = 'VG',\n    DE = 'DE',\n    YE = 'YE',\n    DZ = 'DZ',\n    US = 'US',\n    UY = 'UY',\n    YT = 'YT',\n    UM = 'UM',\n    LB = 'LB',\n    LC = 'LC',\n    LA = 'LA',\n    TV = 'TV',\n    TW = 'TW',\n    TT = 'TT',\n    TR = 'TR',\n    LK = 'LK',\n    LI = 'LI',\n    LV = 'LV',\n    TO = 'TO',\n    LT = 'LT',\n    LU = 'LU',\n    LR = 'LR',\n    LS = 'LS',\n    TH = 'TH',\n    TF = 'TF',\n    TG = 'TG',\n    TD = 'TD',\n    TC = 'TC',\n    LY = 'LY',\n    VA = 'VA',\n    VC = 'VC',\n    AE = 'AE',\n    AD = 'AD',\n    AG = 'AG',\n    AF = 'AF',\n    AI = 'AI',\n    VI = 'VI',\n    IS = 'IS',\n    IR = 'IR',\n    AM = 'AM',\n    AL = 'AL',\n    AO = 'AO',\n    AQ = 'AQ',\n    AS = 'AS',\n    AR = 'AR',\n    AU = 'AU',\n    AT = 'AT',\n    AW = 'AW',\n    IN = 'IN',\n    AX = 'AX',\n    AZ = 'AZ',\n    IE = 'IE',\n    ID = 'ID',\n    UA = 'UA',\n    QA = 'QA',\n    MZ = 'MZ',\n    UNKNOWN = 'ZZ',\n}\n\nexport interface BentoCountryProps {\n    /**\n     * Two character country code ([ISO 3166-1 alpha-2 format](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)).\n     */\n    code?: BentoCountryCode | `${BentoCountryCode}`;\n\n    /**\n     * Which label variant to display.\n     * @values iso, name, phone_code, capital\n     */\n    variant?: BentoCountryVariant | `${BentoCountryVariant}`;\n}\n"],"names":["useCountryCapital","code","locale","useFallback","countryCode","ref","languageLocale","computed","normalizedCode","messages","BentoCountryVariant","BentoCountryCode"],"mappings":";;;;;;;;;;;;;GASaA,IAAoB,CAACC,GAAwBC,GAA0BC,IAAc,OAAS;AACvG,QAAMC,IAAcC,EAAIJ,CAAI,GACtBK,IAAiBD,EAAIH,CAAM;AACjC,SAAOK,EAAiB,MAAM;AAC1B,UAAMC,IAAiBJ,GAAa,OAAO,YAAA;AAK3C,WAHIK,EAASH,EAAe,KAAK,IAAIE,CAAc,KAC/CC,EAAS,OAAO,IAAID,CAAc,MACjCL,IAAcK,IAAiB;AAAA,EAExC,CAAC;AACL;ACjBO,IAAKE,sBAAAA,OACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,aAAa,cACbA,EAAA,UAAU,WAJFA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,UAAU,MA3PFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/chunks/{currency.POwX-Trj.js → currency.BXsSGoWa.js}

@@ -1,5 +1,5 @@
 import { defineComponent as U, useSlots as E, computed as T, onMounted as _ } from "vue";
-import { p as g, d as Y, B as H } from "./typography.D1OZJbEa.js";
+import { p as g, d as Y, B as H } from "./typography.Cd386LC_.js";
 import { u as Z } from "./index.CPOlyau9.js";
 import { g as l } from "./get-slot-text.DM_NdrUC.js";
 import { n as W } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -99,7 +99,7 @@ const J = {
         `The use of "default" slot in "BentoCurrency" is no longer supported as it causes issues with dynamic content.
                 Use the "value" property instead.
                 <bento-currency :value="12345.67" currency="USD" major-units="false" />`,
-        "2.0.0"
+        "3.0.0"
       );
     }), { __sfc: !0, slots: R, props: a, formatCurrencyParts: D, formattedCurrencyParts: K, formattedCurrencyCode: N, BentoTypography: H };
   }
@@ -113,7 +113,7 @@ var t = function() {
   h,
   !1,
   null,
-  "ed641ecc"
+  "74ece965"
 );
 const c = Q.exports;
 export {
@@ -121,4 +121,4 @@ export {
   c,
   X as u
 };
-//# sourceMappingURL=currency.POwX-Trj.js.map
+//# sourceMappingURL=currency.BXsSGoWa.js.map

package/dist/chunks/{currency.POwX-Trj.js.map → currency.BXsSGoWa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"currency.POwX-Trj.js","sources":["../../src/utils/ts/currency/currency-map.ts","../../src/utils/ts/currency/currency.ts","../../src/composables/use-bento-currency/use-bento-currency.ts","../../src/components/currency/currency.types.ts","../../src/components/currency/currency.vue"],"sourcesContent":["export interface CurrencyMap {\n    exponent: number;\n    currencies: Array<string>;\n}\n\n/**\n * Contains mapping configuration between currency code and exponent for amount in the corresponding currency.\n * https://docs.adyen.com/development-resources/currency-codes\n *\n * @internal\n */\nexport const currencyMap: Array<CurrencyMap> = [\n    {\n        exponent: 0,\n        currencies: [\n            'CVE',\n            'DJF',\n            'GNF',\n            'IDR',\n            'JPY',\n            'KMF',\n            'KRW',\n            'PYG',\n            'RWF',\n            'UGX',\n            'VND',\n            'VUV',\n            'XAF',\n            'XOF',\n            'XPF',\n        ],\n    },\n    {\n        exponent: 1,\n        currencies: ['MRO'],\n    },\n    {\n        exponent: 3,\n        currencies: ['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'],\n    },\n];\n","import { currencyMap, type CurrencyMap } from './currency-map';\nimport { type CurrencyAmount } from './currency.types';\n\n/**\n * Returns exponent for specified currency code that do not adhere to the ISO 4217 standard.\n */\nexport const getNonStandardCurrency = (currency: string): CurrencyMap =>\n    currencyMap.find(item => item.currencies.includes(currency));\n\n/**\n * Returns the number of minor units (decimal places) for a given currency.\n * The function uses an internal map for currencies with non-standard decimal places and defaults to 2 for all others.\n *\n * @param currency - The three-letter ISO 4217 currency code (e.g., 'USD', 'JPY').\n * @returns The number of decimal places for the currency.\n *\n * @example\n * getMinorUnitDigits('USD'); // Returns 2\n * getMinorUnitDigits('JPY'); // Returns 0\n */\nexport function getMinorUnitDigits(currency: string): number {\n    const exception = getNonStandardCurrency(currency);\n\n    return exception?.exponent ?? 2;\n}\n\n/**\n * Converts a currency amount from minor units to major units.\n *\n * @param amount The amount in minor units (e.g., cents).\n * @param currency The three-letter ISO 4217 currency code.\n * @returns The amount in major units (e.g., dollars).\n */\nexport const getNormalizedAmount = (amount: CurrencyAmount['value'], currency: string) =>\n    amount / 10 ** getMinorUnitDigits(currency);\n","import { getMinorUnitDigits, getNonStandardCurrency, getNormalizedAmount } from '@/utils/ts/currency';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { type BentoCurrencyISOCode } from '../../components/currency/currency.types';\n\nexport interface UseBentoCurrencyFormatCurrencyOptions {\n    currency?: `${BentoCurrencyISOCode}`;\n    currencySign?: Intl.NumberFormatOptions['currencySign'];\n    majorUnits?: boolean;\n}\n\nexport interface UseBentoCurrencyParts {\n    /**\n     * The localized number portion of the formatted currency.\n     */\n    currencyNumber: string;\n\n    /**\n     * The ISO currency code used for formatting.\n     */\n    currencyCode: string;\n\n    /**\n     * The complete formatted currency string.\n     */\n    formattedCurrency: string;\n}\n\nconst DEFAULT_CURRENCY = 'USD';\n\n/**\n * A composable that returns a fully formatted and localized currency string.\n * It enforces the format `[localized number][non-breaking space][ISO code]`.\n *\n * @remarks\n * The formatting process involves several steps:\n * 1.  It safely resolves the input `value`, whether it's from a prop or a slot, into a valid number.\n *\n * 2.  If `majorUnits` is false, it converts the amount from minor units to major units\n * (e.g., cents to dollars) by dividing by 10 to the power of the currency's\n * decimal places (the \"exponent\"). For example, `12345 / (10 ** 2)` becomes `123.45`.\n *\n * 3.  It determines the correct number of decimal places, respecting any non-standard\n * currency exceptions.\n *\n * 4.  It uses `vue-i18n` to format the number with the correct sign placement and decimal/thousand\n * separators for the current locale, then manually reconstructs the string to ensure\n * the ISO code is always at the end.\n *\n * @returns An object with a function to format the currency string.\n */\nexport function useBentoCurrency() {\n    const { n } = useI18n();\n\n    const DEFAULT_CURRENCY_SIGN = 'standard';\n\n    /**\n     * Resolves the shared formatting details used by currency string and currency parts formatters.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     *\n     * @returns The localized number and ISO currency code.\n     */\n    const getCurrencyFormatDetails = (\n        amount: string | number,\n        formatOptions?: UseBentoCurrencyFormatCurrencyOptions\n    ) => {\n        const targetCurrency = formatOptions?.currency ?? DEFAULT_CURRENCY;\n\n        // Parse and Fallback\n        const parsedValue = Number(amount) || 0;\n\n        if (isNaN(Number(amount))) {\n            printDevelopmentWarning(\n                'The value provided is not a valid string with numbers or valid number. Falling back to 0.'\n            );\n        }\n\n        // Normalize Amount\n        const normalizedAmount = formatOptions?.majorUnits\n            ? parsedValue\n            : getNormalizedAmount(parsedValue, targetCurrency);\n\n        // Determine Precision\n        const fractionDigits = getNonStandardCurrency(targetCurrency)?.exponent ?? getMinorUnitDigits(targetCurrency);\n\n        // Format with Locale\n        const localizedCurrencyString = n(normalizedAmount, {\n            style: 'currency',\n            currency: targetCurrency,\n            currencySign: formatOptions?.currencySign ?? DEFAULT_CURRENCY_SIGN,\n            currencyDisplay: 'code',\n            minimumFractionDigits: fractionDigits,\n            maximumFractionDigits: fractionDigits,\n        });\n\n        // Enforce Standard Format: `[number][nbsp][code]`\n        const isoCodeRegex = new RegExp(`\\\\s*${targetCurrency}\\\\s*`);\n        const numberPart = localizedCurrencyString.replace(isoCodeRegex, '');\n\n        return {\n            currencyNumber: numberPart,\n            currencyCode: targetCurrency,\n        };\n    };\n\n    /**\n     * Formats a given amount into a localized currency string with a specific structure.\n     *\n     * This function ensures that the output format is always `[localized number][non-breaking space][ISO code]`,\n     * providing a consistent and predictable currency representation across different locales.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     * - `currency`: The 3-letter ISO currency code (e.g., `'USD'`, `'EUR'`). Defaults to `'USD'`.\n     * - `currencySign`: The currency sign to use. Can be `'standard'` or `'accounting'`. Defaults to `'standard'`. In `accounting` mode, negative values are typically wrapped in parentheses.\n     * - `majorUnits`: Set to `true` if the `amount` is already in major units (e.g., dollars instead of cents). Defaults to `false`.\n     *\n     * @returns A fully formatted and localized currency string (e.g., \"1,234.56 EUR\").\n     */\n    const formatCurrency = (amount: string | number, formatOptions?: UseBentoCurrencyFormatCurrencyOptions): string =>\n        formatCurrencyParts(amount, formatOptions).formattedCurrency;\n    /**\n     * Formats a given amount into separate currency parts for consumers that need custom markup.\n     *\n     * This function reuses the shared currency formatting details to keep parsing, normalization, precision, locale formatting,\n     * and final string construction aligned with the standard currency formatter.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     *\n     * @returns The localized number, ISO currency code, and complete formatted currency string.\n     */\n    const formatCurrencyParts = (\n        amount: string | number,\n        formatOptions?: UseBentoCurrencyFormatCurrencyOptions\n    ): UseBentoCurrencyParts => {\n        const { currencyNumber, currencyCode } = getCurrencyFormatDetails(amount, formatOptions);\n\n        return {\n            currencyNumber,\n            currencyCode,\n            formattedCurrency: `${currencyNumber}\\u00A0${currencyCode}`,\n        };\n    };\n\n    return {\n        formatCurrency,\n        formatCurrencyParts,\n    };\n}\n","export interface BentoCurrencyProps {\n    /**\n     * Currency code based on the ISO 4217 standard\n     */\n    currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;\n\n    /**\n     * Disable the default typography for the component. Only use this when the component is inside another typography component.\n     */\n    disableTypography?: boolean;\n\n    /**\n     * Accepts currency value in major units instead of minor ones\n     */\n    majorUnits?: boolean;\n\n    /**\n     * Currency value to be formatted\n     */\n    value?: number;\n\n    /**\n     * Determines how the currency symbol and negative values are displayed.\n     * This is only applicable to certain countries such as `en-US`.\n     *\n     * - `'standard'`: Default format (e.g., `-1,234.56 USD`).\n     * - `'accounting'`: Uses accounting conventions, such as wrapping negative numbers in parentheses (e.g., `(1,234.56) USD`).\n     *\n     * @default 'standard'\n     */\n    currencySign?: Intl.NumberFormatOptions['currencySign'];\n\n    /**\n     * Makes only the numeric part of the formatted currency bold.\n     */\n    strongerAmount?: boolean;\n}\n\nexport enum BentoCurrencyISOCode {\n    AED = 'AED',\n    AFA = 'AFA',\n    ALL = 'ALL',\n    AMD = 'AMD',\n    ANG = 'ANG',\n    AOA = 'AOA',\n    ARS = 'ARS',\n    AUD = 'AUD',\n    AWG = 'AWG',\n    AZN = 'AZN',\n    BAM = 'BAM',\n    BBD = 'BBD',\n    BDT = 'BDT',\n    BEF = 'BEF',\n    BGN = 'BGN',\n    BHD = 'BHD',\n    BIF = 'BIF',\n    BMD = 'BMD',\n    BND = 'BND',\n    BOB = 'BOB',\n    BRL = 'BRL',\n    BSD = 'BSD',\n    BTC = 'BTC',\n    BTN = 'BTN',\n    BWP = 'BWP',\n    BYR = 'BYR',\n    BZD = 'BZD',\n    CAD = 'CAD',\n    CDF = 'CDF',\n    CHF = 'CHF',\n    CLF = 'CLF',\n    CLP = 'CLP',\n    CNY = 'CNY',\n    COP = 'COP',\n    CRC = 'CRC',\n    CUC = 'CUC',\n    CVE = 'CVE',\n    CZK = 'CZK',\n    DEM = 'DEM',\n    DJF = 'DJF',\n    DKK = 'DKK',\n    DOP = 'DOP',\n    DZD = 'DZD',\n    EEK = 'EEK',\n    EGP = 'EGP',\n    ERN = 'ERN',\n    ETB = 'ETB',\n    EUR = 'EUR',\n    FJD = 'FJD',\n    FKP = 'FKP',\n    GBP = 'GBP',\n    GEL = 'GEL',\n    GHS = 'GHS',\n    GIP = 'GIP',\n    GMD = 'GMD',\n    GNF = 'GNF',\n    GRD = 'GRD',\n    GTQ = 'GTQ',\n    GYD = 'GYD',\n    HKD = 'HKD',\n    HNL = 'HNL',\n    HRK = 'HRK',\n    HTG = 'HTG',\n    HUF = 'HUF',\n    IDR = 'IDR',\n    ILS = 'ILS',\n    INR = 'INR',\n    IQD = 'IQD',\n    IRR = 'IRR',\n    ISK = 'ISK',\n    ITL = 'ITL',\n    JMD = 'JMD',\n    JOD = 'JOD',\n    JPY = 'JPY',\n    KES = 'KES',\n    KGS = 'KGS',\n    KHR = 'KHR',\n    KMF = 'KMF',\n    KPW = 'KPW',\n    KRW = 'KRW',\n    KWD = 'KWD',\n    KYD = 'KYD',\n    KZT = 'KZT',\n    LAK = 'LAK',\n    LBP = 'LBP',\n    LKR = 'LKR',\n    LRD = 'LRD',\n    LSL = 'LSL',\n    LTC = 'LTC',\n    LTL = 'LTL',\n    LVL = 'LVL',\n    LYD = 'LYD',\n    MAD = 'MAD',\n    MDL = 'MDL',\n    MGA = 'MGA',\n    MKD = 'MKD',\n    MMK = 'MMK',\n    MNT = 'MNT',\n    MOP = 'MOP',\n    MRO = 'MRO',\n    MRU = 'MRU',\n    MUR = 'MUR',\n    MVR = 'MVR',\n    MWK = 'MWK',\n    MXN = 'MXN',\n    MYR = 'MYR',\n    MZM = 'MZM',\n    NAD = 'NAD',\n    NGN = 'NGN',\n    NIO = 'NIO',\n    NOK = 'NOK',\n    NPR = 'NPR',\n    NZD = 'NZD',\n    OMR = 'OMR',\n    PAB = 'PAB',\n    PEN = 'PEN',\n    PGK = 'PGK',\n    PHP = 'PHP',\n    PKR = 'PKR',\n    PLN = 'PLN',\n    PYG = 'PYG',\n    QAR = 'QAR',\n    RON = 'RON',\n    RSD = 'RSD',\n    RUB = 'RUB',\n    RWF = 'RWF',\n    SAR = 'SAR',\n    SBD = 'SBD',\n    SCR = 'SCR',\n    SDG = 'SDG',\n    SEK = 'SEK',\n    SGD = 'SGD',\n    SHP = 'SHP',\n    SKK = 'SKK',\n    SLL = 'SLL',\n    SOS = 'SOS',\n    SRD = 'SRD',\n    SSP = 'SSP',\n    STD = 'STD',\n    SVC = 'SVC',\n    SYP = 'SYP',\n    SZL = 'SZL',\n    THB = 'THB',\n    TJS = 'TJS',\n    TMT = 'TMT',\n    TND = 'TND',\n    TOP = 'TOP',\n    TRY = 'TRY',\n    TTD = 'TTD',\n    TWD = 'TWD',\n    TZS = 'TZS',\n    UAH = 'UAH',\n    UGX = 'UGX',\n    USD = 'USD',\n    UYU = 'UYU',\n    UZS = 'UZS',\n    VEF = 'VEF',\n    VND = 'VND',\n    VUV = 'VUV',\n    WST = 'WST',\n    XAF = 'XAF',\n    XCD = 'XCD',\n    XDR = 'XDR',\n    XOF = 'XOF',\n    XPF = 'XPF',\n    YER = 'YER',\n    ZAR = 'ZAR',\n    ZMK = 'ZMK',\n    ZWL = 'ZWL',\n}\n","<template>\n    <div class=\"b-currency\" :aria-label=\"formattedCurrencyParts.formattedCurrency\">\n        <bento-typography v-if=\"!disableTypography\" class=\"b-currency__amount\" el=\"span\" variant=\"body\" strong>\n            <bento-typography el=\"span\" :strongest=\"strongerAmount\">{{\n                formattedCurrencyParts.currencyNumber\n            }}</bento-typography>\n            <span>{{ formattedCurrencyCode }}</span>\n        </bento-typography>\n\n        <template v-else>{{ formattedCurrencyParts.formattedCurrency }}</template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useBentoCurrency } from '@/composables/use-bento-currency/use-bento-currency';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { BentoCurrencyISOCode, type BentoCurrencyProps } from './currency.types';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n  currency: { default: BentoCurrencyISOCode.EUR },\n  disableTypography: { type: Boolean, default: false },\n  majorUnits: { type: Boolean, default: false },\n  value: { default: undefined },\n  currencySign: { default: 'standard' },\n  strongerAmount: { type: Boolean }\n});\n\n    const { formatCurrencyParts } = useBentoCurrency();\n\n    const formattedCurrencyParts = computed(() => {\n        const rawCurrencyValue = props.value ?? getSlotText(slots)('default');\n\n        return formatCurrencyParts(rawCurrencyValue, {\n            currency: props.currency,\n            currencySign: props.currencySign,\n            majorUnits: props.majorUnits,\n        });\n    });\n    const formattedCurrencyCode = computed(() => `\\u00A0${formattedCurrencyParts.value.currencyCode}`);\n\n    onMounted(() => {\n        if (getSlotText(slots)('default')) {\n            deprecate(\n                'BentoCurrency \"default\" slot',\n                `The use of \"default\" slot in \"BentoCurrency\" is no longer supported as it causes issues with dynamic content.\n                Use the \"value\" property instead.\n                <bento-currency :value=\"12345.67\" currency=\"USD\" major-units=\"false\" />`,\n                '2.0.0'\n            );\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A Currency component is used to display a formatted currency value.\n     *\n     * @example\n     * import { BentoCurrency, BentoCurrencyISOCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCurrency },\n     *     template: `\n     *          <bento-currency\n     *              :currency=\"BentoCurrencyISOCode.USD\"\n     *              :value=\"76.33\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-currency',\n        i18n: {}, // required to enable E2E to run as they do not have vue-i18n set up\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./currency.scss\" />\n"],"names":["currencyMap","getNonStandardCurrency","currency","item","getMinorUnitDigits","getNormalizedAmount","amount","DEFAULT_CURRENCY","useBentoCurrency","n","useI18n","DEFAULT_CURRENCY_SIGN","getCurrencyFormatDetails","formatOptions","targetCurrency","parsedValue","printDevelopmentWarning","normalizedAmount","fractionDigits","localizedCurrencyString","isoCodeRegex","formatCurrency","formatCurrencyParts","currencyNumber","currencyCode","BentoCurrencyISOCode","BentoCurrencyISOCode2","__default__","slots","useSlots","formattedCurrencyParts","computed","rawCurrencyValue","props","getSlotText","formattedCurrencyCode","onMounted","deprecate"],"mappings":";;;;;;AAWO,MAAAA,IAAA;AAAA,EAAwC;AAAA,IAC3C,UAAA;AAAA,IACc,YAAA;AAAA,MACE;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACA;AAAA,EACJ;AAAA,EACJ;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,KAAA;AAAA,EACQ;AAAA,EACtB;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,OAAA,KAAA;AAAA,EACkD;AAEpE,GClCOC,IAAA,CAAAC,MAAAF,EAAA,KAAA,CAAAG,MAAAA,EAAA,WAAA,SAAAD,CAAA,CAAA;AAcA,SAAAE,EAAAF,GAAA;AAGH,SAFAD,EAAAC,CAAA,GAEA,YAAA;AACJ;AASO,MAAAG,IAAA,CAAAC,GAAAJ,MAAAI,IAAA,MAAAF,EAAAF,CAAA,GCLPK,IAAA;AAuBO,SAAAC,IAAA;AACH,QAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAA,YAWAC,IAAA,CAAAN,GAAAO,MAAA;AAII,UAAAC,IAAAD,GAAA,YAAAN,GAGAQ,IAAA,OAAAT,CAAA,KAAA;AAEA,IAAA,MAAA,OAAAA,CAAA,CAAA,KACIU;AAAA,MAAA;AAAA,IACI;AAKR,UAAAC,IAAAJ,GAAA,aAAAE,IAAAV,EAAAU,GAAAD,CAAA,GAKAI,IAAAjB,EAAAa,CAAA,GAAA,YAAAV,EAAAU,CAAA,GAGAK,IAAAV,EAAAQ,GAAA;AAAA,MAAoD,OAAA;AAAA,MACzC,UAAAH;AAAA,MACG,cAAAD,GAAA,gBAAAF;AAAA,MACmC,iBAAA;AAAA,MAC5B,uBAAAO;AAAA,MACM,uBAAAA;AAAA,IACA,CAAA,GAI3BE,IAAA,IAAA,OAAA,OAAAN,CAAA,MAAA;AAGA,WAAA;AAAA,MAAO,gBAFPK,EAAA,QAAAC,GAAA,EAAA;AAAA,MAGoB,cAAAN;AAAA,IACF;AAAA,EAClB,GAkBJO,IAAA,CAAAf,GAAAO,MAAAS,EAAAhB,GAAAO,CAAA,EAAA,mBAcAS,IAAA,CAAAhB,GAAAO,MAAA;AAII,UAAA,EAAA,gBAAAU,GAAA,cAAAC,EAAA,IAAAZ,EAAAN,GAAAO,CAAA;AAEA,WAAA;AAAA,MAAO,gBAAAU;AAAA,MACH,cAAAC;AAAA,MACA,mBAAA,GAAAD,CAAA,IAAAC,CAAA;AAAA,IACyD;AAAA,EAC7D;AAGJ,SAAA;AAAA,IAAO,gBAAAH;AAAA,IACH,qBAAAC;AAAA,EACA;AAER;ACpHO,IAAAG,IAAA,kBAAAC,OACHA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OAzKQA,IAAAD,KAAA,CAAA,CAAA;ACqCR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,MAAA,CAAA;AAAA;AAEV;;;;;;;;;;;iBAzDAC,IAAAC,EAAA,GAWA,EAAA,qBAAAP,EAAA,IAAAd,EAAA,GAEAsB,IAAAC,EAAA,MAAA;AACI,YAAAC,IAAAC,EAAA,SAAAC,EAAAN,CAAA,EAAA,SAAA;AAEA,aAAAN,EAAAU,GAAA;AAAA,QAA6C,UAAAC,EAAA;AAAA,QACzB,cAAAA,EAAA;AAAA,QACI,YAAAA,EAAA;AAAA,MACF,CAAA;AAAA,IACrB,CAAA,GAELE,IAAAJ,EAAA,MAAA,IAAAD,EAAA,MAAA,YAAA,EAAA;AAEA,WAAAM,EAAA,MAAA;AACI,MAAAF,EAAAN,CAAA,EAAA,SAAA,KACIS;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"currency.BXsSGoWa.js","sources":["../../src/utils/ts/currency/currency-map.ts","../../src/utils/ts/currency/currency.ts","../../src/composables/use-bento-currency/use-bento-currency.ts","../../src/components/currency/currency.types.ts","../../src/components/currency/currency.vue"],"sourcesContent":["export interface CurrencyMap {\n    exponent: number;\n    currencies: Array<string>;\n}\n\n/**\n * Contains mapping configuration between currency code and exponent for amount in the corresponding currency.\n * https://docs.adyen.com/development-resources/currency-codes\n *\n * @internal\n */\nexport const currencyMap: Array<CurrencyMap> = [\n    {\n        exponent: 0,\n        currencies: [\n            'CVE',\n            'DJF',\n            'GNF',\n            'IDR',\n            'JPY',\n            'KMF',\n            'KRW',\n            'PYG',\n            'RWF',\n            'UGX',\n            'VND',\n            'VUV',\n            'XAF',\n            'XOF',\n            'XPF',\n        ],\n    },\n    {\n        exponent: 1,\n        currencies: ['MRO'],\n    },\n    {\n        exponent: 3,\n        currencies: ['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'],\n    },\n];\n","import { currencyMap, type CurrencyMap } from './currency-map';\nimport { type CurrencyAmount } from './currency.types';\n\n/**\n * Returns exponent for specified currency code that do not adhere to the ISO 4217 standard.\n */\nexport const getNonStandardCurrency = (currency: string): CurrencyMap =>\n    currencyMap.find(item => item.currencies.includes(currency));\n\n/**\n * Returns the number of minor units (decimal places) for a given currency.\n * The function uses an internal map for currencies with non-standard decimal places and defaults to 2 for all others.\n *\n * @param currency - The three-letter ISO 4217 currency code (e.g., 'USD', 'JPY').\n * @returns The number of decimal places for the currency.\n *\n * @example\n * getMinorUnitDigits('USD'); // Returns 2\n * getMinorUnitDigits('JPY'); // Returns 0\n */\nexport function getMinorUnitDigits(currency: string): number {\n    const exception = getNonStandardCurrency(currency);\n\n    return exception?.exponent ?? 2;\n}\n\n/**\n * Converts a currency amount from minor units to major units.\n *\n * @param amount The amount in minor units (e.g., cents).\n * @param currency The three-letter ISO 4217 currency code.\n * @returns The amount in major units (e.g., dollars).\n */\nexport const getNormalizedAmount = (amount: CurrencyAmount['value'], currency: string) =>\n    amount / 10 ** getMinorUnitDigits(currency);\n","import { getMinorUnitDigits, getNonStandardCurrency, getNormalizedAmount } from '@/utils/ts/currency';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { type BentoCurrencyISOCode } from '../../components/currency/currency.types';\n\nexport interface UseBentoCurrencyFormatCurrencyOptions {\n    currency?: `${BentoCurrencyISOCode}`;\n    currencySign?: Intl.NumberFormatOptions['currencySign'];\n    majorUnits?: boolean;\n}\n\nexport interface UseBentoCurrencyParts {\n    /**\n     * The localized number portion of the formatted currency.\n     */\n    currencyNumber: string;\n\n    /**\n     * The ISO currency code used for formatting.\n     */\n    currencyCode: string;\n\n    /**\n     * The complete formatted currency string.\n     */\n    formattedCurrency: string;\n}\n\nconst DEFAULT_CURRENCY = 'USD';\n\n/**\n * A composable that returns a fully formatted and localized currency string.\n * It enforces the format `[localized number][non-breaking space][ISO code]`.\n *\n * @remarks\n * The formatting process involves several steps:\n * 1.  It safely resolves the input `value`, whether it's from a prop or a slot, into a valid number.\n *\n * 2.  If `majorUnits` is false, it converts the amount from minor units to major units\n * (e.g., cents to dollars) by dividing by 10 to the power of the currency's\n * decimal places (the \"exponent\"). For example, `12345 / (10 ** 2)` becomes `123.45`.\n *\n * 3.  It determines the correct number of decimal places, respecting any non-standard\n * currency exceptions.\n *\n * 4.  It uses `vue-i18n` to format the number with the correct sign placement and decimal/thousand\n * separators for the current locale, then manually reconstructs the string to ensure\n * the ISO code is always at the end.\n *\n * @returns An object with a function to format the currency string.\n */\nexport function useBentoCurrency() {\n    const { n } = useI18n();\n\n    const DEFAULT_CURRENCY_SIGN = 'standard';\n\n    /**\n     * Resolves the shared formatting details used by currency string and currency parts formatters.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     *\n     * @returns The localized number and ISO currency code.\n     */\n    const getCurrencyFormatDetails = (\n        amount: string | number,\n        formatOptions?: UseBentoCurrencyFormatCurrencyOptions\n    ) => {\n        const targetCurrency = formatOptions?.currency ?? DEFAULT_CURRENCY;\n\n        // Parse and Fallback\n        const parsedValue = Number(amount) || 0;\n\n        if (isNaN(Number(amount))) {\n            printDevelopmentWarning(\n                'The value provided is not a valid string with numbers or valid number. Falling back to 0.'\n            );\n        }\n\n        // Normalize Amount\n        const normalizedAmount = formatOptions?.majorUnits\n            ? parsedValue\n            : getNormalizedAmount(parsedValue, targetCurrency);\n\n        // Determine Precision\n        const fractionDigits = getNonStandardCurrency(targetCurrency)?.exponent ?? getMinorUnitDigits(targetCurrency);\n\n        // Format with Locale\n        const localizedCurrencyString = n(normalizedAmount, {\n            style: 'currency',\n            currency: targetCurrency,\n            currencySign: formatOptions?.currencySign ?? DEFAULT_CURRENCY_SIGN,\n            currencyDisplay: 'code',\n            minimumFractionDigits: fractionDigits,\n            maximumFractionDigits: fractionDigits,\n        });\n\n        // Enforce Standard Format: `[number][nbsp][code]`\n        const isoCodeRegex = new RegExp(`\\\\s*${targetCurrency}\\\\s*`);\n        const numberPart = localizedCurrencyString.replace(isoCodeRegex, '');\n\n        return {\n            currencyNumber: numberPart,\n            currencyCode: targetCurrency,\n        };\n    };\n\n    /**\n     * Formats a given amount into a localized currency string with a specific structure.\n     *\n     * This function ensures that the output format is always `[localized number][non-breaking space][ISO code]`,\n     * providing a consistent and predictable currency representation across different locales.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     * - `currency`: The 3-letter ISO currency code (e.g., `'USD'`, `'EUR'`). Defaults to `'USD'`.\n     * - `currencySign`: The currency sign to use. Can be `'standard'` or `'accounting'`. Defaults to `'standard'`. In `accounting` mode, negative values are typically wrapped in parentheses.\n     * - `majorUnits`: Set to `true` if the `amount` is already in major units (e.g., dollars instead of cents). Defaults to `false`.\n     *\n     * @returns A fully formatted and localized currency string (e.g., \"1,234.56 EUR\").\n     */\n    const formatCurrency = (amount: string | number, formatOptions?: UseBentoCurrencyFormatCurrencyOptions): string =>\n        formatCurrencyParts(amount, formatOptions).formattedCurrency;\n    /**\n     * Formats a given amount into separate currency parts for consumers that need custom markup.\n     *\n     * This function reuses the shared currency formatting details to keep parsing, normalization, precision, locale formatting,\n     * and final string construction aligned with the standard currency formatter.\n     *\n     * @param amount The numeric value to be formatted. If `formatOptions.majorUnits` is `false` or undefined,\n     * this value is treated as being in the currency's minor units (e.g., cents).\n     * @param formatOptions An optional object containing options for currency formatting.\n     *\n     * @returns The localized number, ISO currency code, and complete formatted currency string.\n     */\n    const formatCurrencyParts = (\n        amount: string | number,\n        formatOptions?: UseBentoCurrencyFormatCurrencyOptions\n    ): UseBentoCurrencyParts => {\n        const { currencyNumber, currencyCode } = getCurrencyFormatDetails(amount, formatOptions);\n\n        return {\n            currencyNumber,\n            currencyCode,\n            formattedCurrency: `${currencyNumber}\\u00A0${currencyCode}`,\n        };\n    };\n\n    return {\n        formatCurrency,\n        formatCurrencyParts,\n    };\n}\n","export interface BentoCurrencyProps {\n    /**\n     * Currency code based on the ISO 4217 standard\n     */\n    currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;\n\n    /**\n     * Disable the default typography for the component. Only use this when the component is inside another typography component.\n     */\n    disableTypography?: boolean;\n\n    /**\n     * Accepts currency value in major units instead of minor ones\n     */\n    majorUnits?: boolean;\n\n    /**\n     * Currency value to be formatted\n     */\n    value?: number;\n\n    /**\n     * Determines how the currency symbol and negative values are displayed.\n     * This is only applicable to certain countries such as `en-US`.\n     *\n     * - `'standard'`: Default format (e.g., `-1,234.56 USD`).\n     * - `'accounting'`: Uses accounting conventions, such as wrapping negative numbers in parentheses (e.g., `(1,234.56) USD`).\n     *\n     * @default 'standard'\n     */\n    currencySign?: Intl.NumberFormatOptions['currencySign'];\n\n    /**\n     * Makes only the numeric part of the formatted currency bold.\n     */\n    strongerAmount?: boolean;\n}\n\nexport enum BentoCurrencyISOCode {\n    AED = 'AED',\n    AFA = 'AFA',\n    ALL = 'ALL',\n    AMD = 'AMD',\n    ANG = 'ANG',\n    AOA = 'AOA',\n    ARS = 'ARS',\n    AUD = 'AUD',\n    AWG = 'AWG',\n    AZN = 'AZN',\n    BAM = 'BAM',\n    BBD = 'BBD',\n    BDT = 'BDT',\n    BEF = 'BEF',\n    BGN = 'BGN',\n    BHD = 'BHD',\n    BIF = 'BIF',\n    BMD = 'BMD',\n    BND = 'BND',\n    BOB = 'BOB',\n    BRL = 'BRL',\n    BSD = 'BSD',\n    BTC = 'BTC',\n    BTN = 'BTN',\n    BWP = 'BWP',\n    BYR = 'BYR',\n    BZD = 'BZD',\n    CAD = 'CAD',\n    CDF = 'CDF',\n    CHF = 'CHF',\n    CLF = 'CLF',\n    CLP = 'CLP',\n    CNY = 'CNY',\n    COP = 'COP',\n    CRC = 'CRC',\n    CUC = 'CUC',\n    CVE = 'CVE',\n    CZK = 'CZK',\n    DEM = 'DEM',\n    DJF = 'DJF',\n    DKK = 'DKK',\n    DOP = 'DOP',\n    DZD = 'DZD',\n    EEK = 'EEK',\n    EGP = 'EGP',\n    ERN = 'ERN',\n    ETB = 'ETB',\n    EUR = 'EUR',\n    FJD = 'FJD',\n    FKP = 'FKP',\n    GBP = 'GBP',\n    GEL = 'GEL',\n    GHS = 'GHS',\n    GIP = 'GIP',\n    GMD = 'GMD',\n    GNF = 'GNF',\n    GRD = 'GRD',\n    GTQ = 'GTQ',\n    GYD = 'GYD',\n    HKD = 'HKD',\n    HNL = 'HNL',\n    HRK = 'HRK',\n    HTG = 'HTG',\n    HUF = 'HUF',\n    IDR = 'IDR',\n    ILS = 'ILS',\n    INR = 'INR',\n    IQD = 'IQD',\n    IRR = 'IRR',\n    ISK = 'ISK',\n    ITL = 'ITL',\n    JMD = 'JMD',\n    JOD = 'JOD',\n    JPY = 'JPY',\n    KES = 'KES',\n    KGS = 'KGS',\n    KHR = 'KHR',\n    KMF = 'KMF',\n    KPW = 'KPW',\n    KRW = 'KRW',\n    KWD = 'KWD',\n    KYD = 'KYD',\n    KZT = 'KZT',\n    LAK = 'LAK',\n    LBP = 'LBP',\n    LKR = 'LKR',\n    LRD = 'LRD',\n    LSL = 'LSL',\n    LTC = 'LTC',\n    LTL = 'LTL',\n    LVL = 'LVL',\n    LYD = 'LYD',\n    MAD = 'MAD',\n    MDL = 'MDL',\n    MGA = 'MGA',\n    MKD = 'MKD',\n    MMK = 'MMK',\n    MNT = 'MNT',\n    MOP = 'MOP',\n    MRO = 'MRO',\n    MRU = 'MRU',\n    MUR = 'MUR',\n    MVR = 'MVR',\n    MWK = 'MWK',\n    MXN = 'MXN',\n    MYR = 'MYR',\n    MZM = 'MZM',\n    NAD = 'NAD',\n    NGN = 'NGN',\n    NIO = 'NIO',\n    NOK = 'NOK',\n    NPR = 'NPR',\n    NZD = 'NZD',\n    OMR = 'OMR',\n    PAB = 'PAB',\n    PEN = 'PEN',\n    PGK = 'PGK',\n    PHP = 'PHP',\n    PKR = 'PKR',\n    PLN = 'PLN',\n    PYG = 'PYG',\n    QAR = 'QAR',\n    RON = 'RON',\n    RSD = 'RSD',\n    RUB = 'RUB',\n    RWF = 'RWF',\n    SAR = 'SAR',\n    SBD = 'SBD',\n    SCR = 'SCR',\n    SDG = 'SDG',\n    SEK = 'SEK',\n    SGD = 'SGD',\n    SHP = 'SHP',\n    SKK = 'SKK',\n    SLL = 'SLL',\n    SOS = 'SOS',\n    SRD = 'SRD',\n    SSP = 'SSP',\n    STD = 'STD',\n    SVC = 'SVC',\n    SYP = 'SYP',\n    SZL = 'SZL',\n    THB = 'THB',\n    TJS = 'TJS',\n    TMT = 'TMT',\n    TND = 'TND',\n    TOP = 'TOP',\n    TRY = 'TRY',\n    TTD = 'TTD',\n    TWD = 'TWD',\n    TZS = 'TZS',\n    UAH = 'UAH',\n    UGX = 'UGX',\n    USD = 'USD',\n    UYU = 'UYU',\n    UZS = 'UZS',\n    VEF = 'VEF',\n    VND = 'VND',\n    VUV = 'VUV',\n    WST = 'WST',\n    XAF = 'XAF',\n    XCD = 'XCD',\n    XDR = 'XDR',\n    XOF = 'XOF',\n    XPF = 'XPF',\n    YER = 'YER',\n    ZAR = 'ZAR',\n    ZMK = 'ZMK',\n    ZWL = 'ZWL',\n}\n","<template>\n    <div class=\"b-currency\" :aria-label=\"formattedCurrencyParts.formattedCurrency\">\n        <bento-typography v-if=\"!disableTypography\" class=\"b-currency__amount\" el=\"span\" variant=\"body\" strong>\n            <bento-typography el=\"span\" :strongest=\"strongerAmount\">{{\n                formattedCurrencyParts.currencyNumber\n            }}</bento-typography>\n            <span>{{ formattedCurrencyCode }}</span>\n        </bento-typography>\n\n        <template v-else>{{ formattedCurrencyParts.formattedCurrency }}</template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useBentoCurrency } from '@/composables/use-bento-currency/use-bento-currency';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { BentoCurrencyISOCode, type BentoCurrencyProps } from './currency.types';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n  currency: { default: BentoCurrencyISOCode.EUR },\n  disableTypography: { type: Boolean, default: false },\n  majorUnits: { type: Boolean, default: false },\n  value: { default: undefined },\n  currencySign: { default: 'standard' },\n  strongerAmount: { type: Boolean }\n});\n\n    const { formatCurrencyParts } = useBentoCurrency();\n\n    const formattedCurrencyParts = computed(() => {\n        const rawCurrencyValue = props.value ?? getSlotText(slots)('default');\n\n        return formatCurrencyParts(rawCurrencyValue, {\n            currency: props.currency,\n            currencySign: props.currencySign,\n            majorUnits: props.majorUnits,\n        });\n    });\n    const formattedCurrencyCode = computed(() => `\\u00A0${formattedCurrencyParts.value.currencyCode}`);\n\n    onMounted(() => {\n        if (getSlotText(slots)('default')) {\n            deprecate(\n                'BentoCurrency \"default\" slot',\n                `The use of \"default\" slot in \"BentoCurrency\" is no longer supported as it causes issues with dynamic content.\n                Use the \"value\" property instead.\n                <bento-currency :value=\"12345.67\" currency=\"USD\" major-units=\"false\" />`,\n                '3.0.0'\n            );\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A Currency component is used to display a formatted currency value.\n     *\n     * @example\n     * import { BentoCurrency, BentoCurrencyISOCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCurrency },\n     *     template: `\n     *          <bento-currency\n     *              :currency=\"BentoCurrencyISOCode.USD\"\n     *              :value=\"76.33\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-currency',\n        i18n: {}, // required to enable E2E to run as they do not have vue-i18n set up\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./currency.scss\" />\n"],"names":["currencyMap","getNonStandardCurrency","currency","item","getMinorUnitDigits","getNormalizedAmount","amount","DEFAULT_CURRENCY","useBentoCurrency","n","useI18n","DEFAULT_CURRENCY_SIGN","getCurrencyFormatDetails","formatOptions","targetCurrency","parsedValue","printDevelopmentWarning","normalizedAmount","fractionDigits","localizedCurrencyString","isoCodeRegex","formatCurrency","formatCurrencyParts","currencyNumber","currencyCode","BentoCurrencyISOCode","BentoCurrencyISOCode2","__default__","slots","useSlots","formattedCurrencyParts","computed","rawCurrencyValue","props","getSlotText","formattedCurrencyCode","onMounted","deprecate"],"mappings":";;;;;;AAWO,MAAAA,IAAA;AAAA,EAAwC;AAAA,IAC3C,UAAA;AAAA,IACc,YAAA;AAAA,MACE;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACA;AAAA,EACJ;AAAA,EACJ;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,KAAA;AAAA,EACQ;AAAA,EACtB;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,OAAA,KAAA;AAAA,EACkD;AAEpE,GClCOC,IAAA,CAAAC,MAAAF,EAAA,KAAA,CAAAG,MAAAA,EAAA,WAAA,SAAAD,CAAA,CAAA;AAcA,SAAAE,EAAAF,GAAA;AAGH,SAFAD,EAAAC,CAAA,GAEA,YAAA;AACJ;AASO,MAAAG,IAAA,CAAAC,GAAAJ,MAAAI,IAAA,MAAAF,EAAAF,CAAA,GCLPK,IAAA;AAuBO,SAAAC,IAAA;AACH,QAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAA,YAWAC,IAAA,CAAAN,GAAAO,MAAA;AAII,UAAAC,IAAAD,GAAA,YAAAN,GAGAQ,IAAA,OAAAT,CAAA,KAAA;AAEA,IAAA,MAAA,OAAAA,CAAA,CAAA,KACIU;AAAA,MAAA;AAAA,IACI;AAKR,UAAAC,IAAAJ,GAAA,aAAAE,IAAAV,EAAAU,GAAAD,CAAA,GAKAI,IAAAjB,EAAAa,CAAA,GAAA,YAAAV,EAAAU,CAAA,GAGAK,IAAAV,EAAAQ,GAAA;AAAA,MAAoD,OAAA;AAAA,MACzC,UAAAH;AAAA,MACG,cAAAD,GAAA,gBAAAF;AAAA,MACmC,iBAAA;AAAA,MAC5B,uBAAAO;AAAA,MACM,uBAAAA;AAAA,IACA,CAAA,GAI3BE,IAAA,IAAA,OAAA,OAAAN,CAAA,MAAA;AAGA,WAAA;AAAA,MAAO,gBAFPK,EAAA,QAAAC,GAAA,EAAA;AAAA,MAGoB,cAAAN;AAAA,IACF;AAAA,EAClB,GAkBJO,IAAA,CAAAf,GAAAO,MAAAS,EAAAhB,GAAAO,CAAA,EAAA,mBAcAS,IAAA,CAAAhB,GAAAO,MAAA;AAII,UAAA,EAAA,gBAAAU,GAAA,cAAAC,EAAA,IAAAZ,EAAAN,GAAAO,CAAA;AAEA,WAAA;AAAA,MAAO,gBAAAU;AAAA,MACH,cAAAC;AAAA,MACA,mBAAA,GAAAD,CAAA,IAAAC,CAAA;AAAA,IACyD;AAAA,EAC7D;AAGJ,SAAA;AAAA,IAAO,gBAAAH;AAAA,IACH,qBAAAC;AAAA,EACA;AAER;ACpHO,IAAAG,IAAA,kBAAAC,OACHA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OAzKQA,IAAAD,KAAA,CAAA,CAAA;ACqCR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,MAAA,CAAA;AAAA;AAEV;;;;;;;;;;;iBAzDAC,IAAAC,EAAA,GAWA,EAAA,qBAAAP,EAAA,IAAAd,EAAA,GAEAsB,IAAAC,EAAA,MAAA;AACI,YAAAC,IAAAC,EAAA,SAAAC,EAAAN,CAAA,EAAA,SAAA;AAEA,aAAAN,EAAAU,GAAA;AAAA,QAA6C,UAAAC,EAAA;AAAA,QACzB,cAAAA,EAAA;AAAA,QACI,YAAAA,EAAA;AAAA,MACF,CAAA;AAAA,IACrB,CAAA,GAELE,IAAAJ,EAAA,MAAA,IAAAD,EAAA,MAAA,YAAA,EAAA;AAEA,WAAAM,EAAA,MAAA;AACI,MAAAF,EAAAN,CAAA,EAAA,SAAA,KACIS;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;"}

package/dist/chunks/{dashboard-section.CYEoNH9Q.js → dashboard-section.yS2FNoIV.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, useSlots as m, ref as _, computed as o, watch as p, onUnmounted as g, onMounted as w } from "vue";
-import { B as v } from "./header.CmyqVXuG.js";
-import { a as $, B as I } from "./tab.BK1sIJAJ.js";
+import { B as v } from "./header.CDiold9n.js";
+import { a as $, B as I } from "./tab.zeRxc-3T.js";
 import { a as R } from "./index.CL3TXc0a.js";
 import { o as x } from "./resize.Bqks3WUm.js";
 import { u as C } from "./use-has-slot.C9lQZ6nz.js";
@@ -95,4 +95,4 @@ export {
   X as a,
   Y as d
 };
-//# sourceMappingURL=dashboard-section.CYEoNH9Q.js.map
+//# sourceMappingURL=dashboard-section.yS2FNoIV.js.map

package/dist/chunks/{dashboard-section.CYEoNH9Q.js.map → dashboard-section.yS2FNoIV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashboard-section.CYEoNH9Q.js","sources":["../../src/templates/dashboard-template/dashboard-template.vue","../../src/templates/dashboard-template/components/dashboard-section/dashboard-section.vue"],"sourcesContent":["<template>\n    <main class=\"b-dashboard-template\">\n        <bento-header v-bind=\"header\" variant=\"page\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div class=\"b-dashboard-template__top-section\" :class=\"dashboardTopSectionConditionalClasses\">\n            <div\n                v-if=\"hasSlot('filters')\"\n                ref=\"filtersRef\"\n                class=\"b-dashboard-template__filters\"\n                :class=\"dashboardFiltersConditionalClasses\"\n                data-testid=\"filters\"\n            >\n                <slot name=\"filters\" />\n            </div>\n\n            <bento-tabs\n                v-if=\"tabsSlots.length > 1\"\n                ref=\"tabsRef\"\n                :active-tab-index=\"tabs.activeTabIndex\"\n                :sticky=\"stickyTabs\"\n                :sticky-options=\"computedTabsOptions\"\n                data-testid=\"tabs\"\n            >\n                <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                    <div class=\"b-dashboard-template__container b-dashboard-template__container--tabs\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </div>\n                </bento-tab>\n            </bento-tabs>\n            <div v-else class=\"b-dashboard-template__container\">\n                <slot />\n            </div>\n        </div>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, useSlots, watch } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useWindowScroll } from '@vueuse/core';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader, BentoDashboardTemplateTabs } from './dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  tabs: { default: undefined },\n  stickyTabs: { type: Boolean, default: false },\n  stickyFilters: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const tabsRef = ref<InstanceType<typeof BentoTabs>>();\n    const filtersRef = ref<HTMLDivElement>(null);\n    const isFiltersPinned = ref(false);\n    let filtersElementObserver: ResizeObserver | null = null;\n    const tabsPosition = ref(0);\n\n    const hasStickyFilters = computed(() => filtersRef.value && props.stickyFilters);\n    const hasStickyTabs = computed(() => tabsRef.value && props.stickyTabs);\n\n    const dashboardFiltersConditionalClasses = computed(() => ({\n        'b-dashboard-template__filters--sticky': props.stickyFilters,\n        'b-dashboard-template__filters--show-border':\n            hasStickyFilters.value && !hasStickyTabs.value && isFiltersPinned.value,\n    }));\n\n    const dashboardTopSectionConditionalClasses = computed(() => ({\n        'b-dashboard-template__top-section--sticky': props.stickyTabs || props.stickyFilters,\n    }));\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const computedTabsOptions = computed(() => (tabsPosition.value ? { top: tabsPosition.value } : undefined));\n\n    const { y } = useWindowScroll();\n\n    watch(\n        () => filtersRef.value,\n        () => {\n            if (!filtersElementObserver && filtersRef.value) {\n                filtersElementObserver = observeSizeOfElement(filtersRef.value, () => {\n                    if (filtersRef.value && hasStickyTabs.value) {\n                        const filtersHeight = filtersRef.value.offsetHeight;\n                        tabsPosition.value = hasStickyFilters.value ? filtersHeight : 0;\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        () => y.value,\n        () => {\n            if (hasStickyFilters.value) {\n                isFiltersPinned.value = filtersRef.value?.getBoundingClientRect().top === 0;\n            }\n        }\n    );\n\n    onUnmounted(() => {\n        filtersElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.\n     *\n     * @example\n     * import { BentoDashboardTemplate, BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardTemplate, BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-template :header=\"{ title: 'Dashboard'}\" :tabs=\"tabs: [{ title: 'Tab 1' }, { title: 'Tab 2' }]\" sticky-tabs sticky-filters>\n     *              <template #tab-1>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      <template #controls>\n     *                          // Add your controls here\n     *                      </template>\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *              <template #tab-2>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *          </bento-dashboard-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-template.scss\" />\n","<template>\n    <div class=\"b-dashboard-section\" :class=\"conditionalClasses\">\n        <bento-header v-bind=\"header\" variant=\"component\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div v-if=\"hasSlot('controls')\" class=\"b-dashboard-section__controls\">\n            <slot name=\"controls\"></slot>\n        </div>\n        <div v-if=\"!hasSlot('content-col-1') && !hasSlot('content-col-2')\" class=\"b-dashboard-section__content\">\n            <slot name=\"default\"></slot>\n        </div>\n        <div v-else class=\"b-dashboard-section__columns\">\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-1\"></slot></div>\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-2\"></slot></div>\n        </div>\n        <bento-divider class=\"b-dashboard-section__divider\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoDivider } from '@/components/divider';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader } from '../../dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  halfWidth: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const conditionalClasses = computed(() => ({\n        'b-dashboard-section--half-width': props.halfWidth,\n    }));\n\n    onMounted(() => {\n        if ((hasSlot('content-col-1') || hasSlot('content-col-2')) && props.halfWidth) {\n            throw new Error('`content-col-1` and `content-col-2` cannot be used with half-width prop');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard section is subcomponent of Dashboard template meant to be used to create the different sections within the page.\n     *\n     * @example\n     * import { BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-section :header=\"{ title: 'Section' }\" half-width>\n     *              <template #controls>\n     *                  // Add your controls here\n     *              </template>\n     *              // You can render content with two cols\n     *              <template #content-col-1>\n     *                  // Add your content here\n     *              </template>\n     *              <template #content-col-2>\n     *                  // Add your content here\n     *              </template>\n     *              // Or you can render full width content by using default slot\n     *              // Add your content here\n     *          </bento-dashboard-section>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-section.scss\" />\n"],"names":["__default__$1","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","filtersRef","isFiltersPinned","filtersElementObserver","tabsPosition","hasStickyFilters","computed","props","hasStickyTabs","dashboardFiltersConditionalClasses","dashboardTopSectionConditionalClasses","tabsSlots","el","getTabTitle","index","computedTabsOptions","y","useWindowScroll","watch","observeSizeOfElement","filtersHeight","onUnmounted","__default__","conditionalClasses","onMounted"],"mappings":";;;;;;;;;AA6II,MAAAA,IAAA,CAAA;;;;;;;;;;iBAtFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,EAAA;AACA,QAAAG,IAAA;AACA,UAAAC,IAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,MAAAL,EAAA,SAAAM,EAAA,aAAA,GACAC,IAAAF,EAAA,MAAAP,EAAA,SAAAQ,EAAA,UAAA,GAEAE,IAAAH,EAAA,OAAA;AAAA,MAA2D,yCAAAC,EAAA;AAAA,MACR,8CAAAF,EAAA,SAAA,CAAAG,EAAA,SAAAN,EAAA;AAAA,IAEuB,EAAA,GAG1EQ,IAAAJ,EAAA,OAAA;AAAA,MAA8D,6CAAAC,EAAA,cAAAA,EAAA;AAAA,IACa,EAAA,GAG3EI,IAAAL,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAiB,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAA,CAAAC,MAAAP,GAAA,KAAA,OAAAO,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA,IAEAC,IAAAT,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAY,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAgB,EAAAlB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAY,IAAAnB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAe,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;AAEJ,QAAAX,EAAA,UACIH,EAAA,QAAAD,EAAA,OAAA,sBAAA,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ,GAGJoB,EAAA,MAAA;AACI,MAAAlB,GAAA,WAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCmB,IAAA,CAAA;;;;;;;;iBAzCA3B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA4B,IAAAjB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAiB,EAAA,MAAA;AACI,WAAA3B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dashboard-section.yS2FNoIV.js","sources":["../../src/templates/dashboard-template/dashboard-template.vue","../../src/templates/dashboard-template/components/dashboard-section/dashboard-section.vue"],"sourcesContent":["<template>\n    <main class=\"b-dashboard-template\">\n        <bento-header v-bind=\"header\" variant=\"page\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div class=\"b-dashboard-template__top-section\" :class=\"dashboardTopSectionConditionalClasses\">\n            <div\n                v-if=\"hasSlot('filters')\"\n                ref=\"filtersRef\"\n                class=\"b-dashboard-template__filters\"\n                :class=\"dashboardFiltersConditionalClasses\"\n                data-testid=\"filters\"\n            >\n                <slot name=\"filters\" />\n            </div>\n\n            <bento-tabs\n                v-if=\"tabsSlots.length > 1\"\n                ref=\"tabsRef\"\n                :active-tab-index=\"tabs.activeTabIndex\"\n                :sticky=\"stickyTabs\"\n                :sticky-options=\"computedTabsOptions\"\n                data-testid=\"tabs\"\n            >\n                <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                    <div class=\"b-dashboard-template__container b-dashboard-template__container--tabs\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </div>\n                </bento-tab>\n            </bento-tabs>\n            <div v-else class=\"b-dashboard-template__container\">\n                <slot />\n            </div>\n        </div>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, useSlots, watch } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useWindowScroll } from '@vueuse/core';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader, BentoDashboardTemplateTabs } from './dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  tabs: { default: undefined },\n  stickyTabs: { type: Boolean, default: false },\n  stickyFilters: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const tabsRef = ref<InstanceType<typeof BentoTabs>>();\n    const filtersRef = ref<HTMLDivElement>(null);\n    const isFiltersPinned = ref(false);\n    let filtersElementObserver: ResizeObserver | null = null;\n    const tabsPosition = ref(0);\n\n    const hasStickyFilters = computed(() => filtersRef.value && props.stickyFilters);\n    const hasStickyTabs = computed(() => tabsRef.value && props.stickyTabs);\n\n    const dashboardFiltersConditionalClasses = computed(() => ({\n        'b-dashboard-template__filters--sticky': props.stickyFilters,\n        'b-dashboard-template__filters--show-border':\n            hasStickyFilters.value && !hasStickyTabs.value && isFiltersPinned.value,\n    }));\n\n    const dashboardTopSectionConditionalClasses = computed(() => ({\n        'b-dashboard-template__top-section--sticky': props.stickyTabs || props.stickyFilters,\n    }));\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const computedTabsOptions = computed(() => (tabsPosition.value ? { top: tabsPosition.value } : undefined));\n\n    const { y } = useWindowScroll();\n\n    watch(\n        () => filtersRef.value,\n        () => {\n            if (!filtersElementObserver && filtersRef.value) {\n                filtersElementObserver = observeSizeOfElement(filtersRef.value, () => {\n                    if (filtersRef.value && hasStickyTabs.value) {\n                        const filtersHeight = filtersRef.value.offsetHeight;\n                        tabsPosition.value = hasStickyFilters.value ? filtersHeight : 0;\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        () => y.value,\n        () => {\n            if (hasStickyFilters.value) {\n                isFiltersPinned.value = filtersRef.value?.getBoundingClientRect().top === 0;\n            }\n        }\n    );\n\n    onUnmounted(() => {\n        filtersElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.\n     *\n     * @example\n     * import { BentoDashboardTemplate, BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardTemplate, BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-template :header=\"{ title: 'Dashboard'}\" :tabs=\"tabs: [{ title: 'Tab 1' }, { title: 'Tab 2' }]\" sticky-tabs sticky-filters>\n     *              <template #tab-1>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      <template #controls>\n     *                          // Add your controls here\n     *                      </template>\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *              <template #tab-2>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *          </bento-dashboard-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-template.scss\" />\n","<template>\n    <div class=\"b-dashboard-section\" :class=\"conditionalClasses\">\n        <bento-header v-bind=\"header\" variant=\"component\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div v-if=\"hasSlot('controls')\" class=\"b-dashboard-section__controls\">\n            <slot name=\"controls\"></slot>\n        </div>\n        <div v-if=\"!hasSlot('content-col-1') && !hasSlot('content-col-2')\" class=\"b-dashboard-section__content\">\n            <slot name=\"default\"></slot>\n        </div>\n        <div v-else class=\"b-dashboard-section__columns\">\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-1\"></slot></div>\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-2\"></slot></div>\n        </div>\n        <bento-divider class=\"b-dashboard-section__divider\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoDivider } from '@/components/divider';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader } from '../../dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  halfWidth: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const conditionalClasses = computed(() => ({\n        'b-dashboard-section--half-width': props.halfWidth,\n    }));\n\n    onMounted(() => {\n        if ((hasSlot('content-col-1') || hasSlot('content-col-2')) && props.halfWidth) {\n            throw new Error('`content-col-1` and `content-col-2` cannot be used with half-width prop');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard section is subcomponent of Dashboard template meant to be used to create the different sections within the page.\n     *\n     * @example\n     * import { BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-section :header=\"{ title: 'Section' }\" half-width>\n     *              <template #controls>\n     *                  // Add your controls here\n     *              </template>\n     *              // You can render content with two cols\n     *              <template #content-col-1>\n     *                  // Add your content here\n     *              </template>\n     *              <template #content-col-2>\n     *                  // Add your content here\n     *              </template>\n     *              // Or you can render full width content by using default slot\n     *              // Add your content here\n     *          </bento-dashboard-section>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-section.scss\" />\n"],"names":["__default__$1","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","filtersRef","isFiltersPinned","filtersElementObserver","tabsPosition","hasStickyFilters","computed","props","hasStickyTabs","dashboardFiltersConditionalClasses","dashboardTopSectionConditionalClasses","tabsSlots","el","getTabTitle","index","computedTabsOptions","y","useWindowScroll","watch","observeSizeOfElement","filtersHeight","onUnmounted","__default__","conditionalClasses","onMounted"],"mappings":";;;;;;;;;AA6II,MAAAA,IAAA,CAAA;;;;;;;;;;iBAtFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,EAAA;AACA,QAAAG,IAAA;AACA,UAAAC,IAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,MAAAL,EAAA,SAAAM,EAAA,aAAA,GACAC,IAAAF,EAAA,MAAAP,EAAA,SAAAQ,EAAA,UAAA,GAEAE,IAAAH,EAAA,OAAA;AAAA,MAA2D,yCAAAC,EAAA;AAAA,MACR,8CAAAF,EAAA,SAAA,CAAAG,EAAA,SAAAN,EAAA;AAAA,IAEuB,EAAA,GAG1EQ,IAAAJ,EAAA,OAAA;AAAA,MAA8D,6CAAAC,EAAA,cAAAA,EAAA;AAAA,IACa,EAAA,GAG3EI,IAAAL,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAiB,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAA,CAAAC,MAAAP,GAAA,KAAA,OAAAO,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA,IAEAC,IAAAT,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAY,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAgB,EAAAlB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAY,IAAAnB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAe,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;AAEJ,QAAAX,EAAA,UACIH,EAAA,QAAAD,EAAA,OAAA,sBAAA,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ,GAGJoB,EAAA,MAAA;AACI,MAAAlB,GAAA,WAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCmB,IAAA,CAAA;;;;;;;;iBAzCA3B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA4B,IAAAjB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAiB,EAAA,MAAA;AACI,WAAA3B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dashed-underline.CzKc-fJW.js → dashed-underline.RcRbre03.js}

@@ -1,8 +1,8 @@
 import { defineComponent as v, useSlots as u, ref as c, computed as i, watch as f } from "vue";
-import { e as m, h as _ } from "./button-actions.bkcLUE1G.js";
+import { e as m, h as _ } from "./button-actions.CdetBz3J.js";
 import { u as h } from "./use-has-slot.C9lQZ6nz.js";
-import { B as T } from "./typography.D1OZJbEa.js";
-import { b as B } from "./tooltip.DFYc5NKM.js";
+import { B as T } from "./typography.Cd386LC_.js";
+import { b as B } from "./tooltip.BOe7LOfD.js";
 import { u as b } from "./use-bento-delayed-hover.D6QjSugc.js";
 import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/dashed-underline.css";
@@ -51,4 +51,4 @@ const k = w.exports;
 export {
   k as B
 };
-//# sourceMappingURL=dashed-underline.CzKc-fJW.js.map
+//# sourceMappingURL=dashed-underline.RcRbre03.js.map

package/dist/chunks/{dashed-underline.CzKc-fJW.js.map → dashed-underline.RcRbre03.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashed-underline.CzKc-fJW.js","sources":["../../src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        v-on=\"hoverEvents\"\n    >\n        <span class=\"b-dashed-underline__content\">\n            <slot></slot>\n        </span>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <span v-on=\"hoverEvents\">\n                <bento-popover\n                    :open=\"isOpen\"\n                    :target-element=\"element\"\n                    :position=\"popoverPosition\"\n                    role=\"tooltip\"\n                    :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                    :large=\"popoverSize === 'large' || undefined\"\n                    :small=\"popoverSize === 'small' || undefined\"\n                    :title=\"popoverTitle\"\n                    disable-focus-trap\n                >\n                    <slot name=\"popover-content\">\n                        <bento-typography>\n                            {{ popoverText }}\n                        </bento-typography>\n                    </slot>\n                </bento-popover>\n            </span>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { useBentoDelayedHover } from '@/composables';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const props = defineProps({\n  popoverText: { default: null },\n  popoverTitle: { default: null },\n  popoverPosition: { default: 'top' },\n  popoverSize: { default: 'fit-content' },\n  teleport: { default: () => ({\n            disabled: true,\n        }) },\n  tooltipText: { default: null },\n  tooltipPosition: { default: 'top' }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n\n    const { isOpen, hoverEvents } = useBentoDelayedHover();\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Provides a dashed underline to text, indicating that more information is available on\n     * hover or focus. The additional information is displayed in a tooltip or a popover.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *       <p>\n     *         This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n     *       </p>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","hoverEvents","useBentoDelayedHover","hasPopover","computed","props","shouldShowTooltipPopoverError","watch","value"],"mappings":";;;;;;;;AAkGI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;iBAzCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GAEA,EAAA,QAAAC,GAAA,aAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,eAAAT,EAAA,iBAAA,CAAA,GAEAU,IAAAF,EAAA,MAAA,CAAAC,EAAA,eAAA,CAAAF,EAAA,KAAA;AAEA,WAAAI;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dashed-underline.RcRbre03.js","sources":["../../src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        v-on=\"hoverEvents\"\n    >\n        <span class=\"b-dashed-underline__content\">\n            <slot></slot>\n        </span>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <span v-on=\"hoverEvents\">\n                <bento-popover\n                    :open=\"isOpen\"\n                    :target-element=\"element\"\n                    :position=\"popoverPosition\"\n                    role=\"tooltip\"\n                    :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                    :large=\"popoverSize === 'large' || undefined\"\n                    :small=\"popoverSize === 'small' || undefined\"\n                    :title=\"popoverTitle\"\n                    disable-focus-trap\n                >\n                    <slot name=\"popover-content\">\n                        <bento-typography>\n                            {{ popoverText }}\n                        </bento-typography>\n                    </slot>\n                </bento-popover>\n            </span>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { useBentoDelayedHover } from '@/composables';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const props = defineProps({\n  popoverText: { default: null },\n  popoverTitle: { default: null },\n  popoverPosition: { default: 'top' },\n  popoverSize: { default: 'fit-content' },\n  teleport: { default: () => ({\n            disabled: true,\n        }) },\n  tooltipText: { default: null },\n  tooltipPosition: { default: 'top' }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n\n    const { isOpen, hoverEvents } = useBentoDelayedHover();\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Provides a dashed underline to text, indicating that more information is available on\n     * hover or focus. The additional information is displayed in a tooltip or a popover.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *       <p>\n     *         This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n     *       </p>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","hoverEvents","useBentoDelayedHover","hasPopover","computed","props","shouldShowTooltipPopoverError","watch","value"],"mappings":";;;;;;;;AAkGI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;iBAzCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GAEA,EAAA,QAAAC,GAAA,aAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,eAAAT,EAAA,iBAAA,CAAA,GAEAU,IAAAF,EAAA,MAAA,CAAAC,EAAA,eAAA,CAAAF,EAAA,KAAA;AAEA,WAAAI;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{data-grid-template.DCwzh2G7.js → data-grid-template.B5A9whlD.js}

@@ -1,7 +1,7 @@
 import { defineComponent as R, useSlots as S, ref as r, computed as s, provide as I, toRef as u } from "vue";
-import { B as h } from "./header.CmyqVXuG.js";
-import { B } from "./inspector.IOtNex1r.js";
-import { a as x, B as A } from "./tab.BK1sIJAJ.js";
+import { B as h } from "./header.CDiold9n.js";
+import { B } from "./inspector.BwtV4rE9.js";
+import { a as x, B as A } from "./tab.zeRxc-3T.js";
 import { u as E } from "./use-has-slot.C9lQZ6nz.js";
 import { D } from "./data-grid-template.keys.VezYtHtM.js";
 import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -99,4 +99,4 @@ const q = $.exports;
 export {
   q as d
 };
-//# sourceMappingURL=data-grid-template.DCwzh2G7.js.map
+//# sourceMappingURL=data-grid-template.B5A9whlD.js.map

package/dist/chunks/{data-grid-template.DCwzh2G7.js.map → data-grid-template.B5A9whlD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-template.DCwzh2G7.js","sources":["../../src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"update:tabs\", \"update:is-open:inspector\", \"update:active-page:inspector\", \"expand:inspector\"]);\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","props","computedInspectorProps","computedStickyAdditionalContentHeight","computedTabsRef","tabsSlots","el","inspectorEvents","value","emit","emitTabs","newActiveTabIndex","getTabTitle","index","registerDatagridInDataGridTemplate","stickyTabs","toRef","stickyAdditionalContent","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":";;;;;;;;AAuLI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAIAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAC,EAAA;AAAA,IACE,EAAA,GAG9DC,IAAAF,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAC,EAAA;AAAA,IACE,EAAA,GAGbE,IAAAH,EAAA,MAAAH,GAAA,OAAA,YAAA,GAEAO,IAAAJ,EAAA,MAAAL,EAAA,OAAA,OAAA,cAAA,GAEAU,IAAAL,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAe,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAAP,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAQ,MAAAC,EAAA,4BAAAD,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAC,EAAA,gCAAAD,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAC,EAAA,oBAAAD,CAAA;AAAA,IACzB,EAAA,GAG9DE,IAAA,CAAAC,MAAA;AACI,MAAAF,EAAA,eAAA,EAAA,GAAAR,EAAA,MAAA,gBAAAU,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAAZ,GAAA,KAAA,OAAAY,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA,IAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAf,GAAA,YAAA,GACAgB,IAAAD,EAAAf,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAc;AAAA,QACA,SANJX;AAAA,QAOI,yBAAAa;AAAA,QACA,0BAPJpB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAqB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"data-grid-template.B5A9whlD.js","sources":["../../src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"update:tabs\", \"update:is-open:inspector\", \"update:active-page:inspector\", \"expand:inspector\"]);\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","props","computedInspectorProps","computedStickyAdditionalContentHeight","computedTabsRef","tabsSlots","el","inspectorEvents","value","emit","emitTabs","newActiveTabIndex","getTabTitle","index","registerDatagridInDataGridTemplate","stickyTabs","toRef","stickyAdditionalContent","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":";;;;;;;;AAuLI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAIAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAC,EAAA;AAAA,IACE,EAAA,GAG9DC,IAAAF,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAC,EAAA;AAAA,IACE,EAAA,GAGbE,IAAAH,EAAA,MAAAH,GAAA,OAAA,YAAA,GAEAO,IAAAJ,EAAA,MAAAL,EAAA,OAAA,OAAA,cAAA,GAEAU,IAAAL,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAe,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAAP,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAQ,MAAAC,EAAA,4BAAAD,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAC,EAAA,gCAAAD,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAC,EAAA,oBAAAD,CAAA;AAAA,IACzB,EAAA,GAG9DE,IAAA,CAAAC,MAAA;AACI,MAAAF,EAAA,eAAA,EAAA,GAAAR,EAAA,MAAA,gBAAAU,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAAZ,GAAA,KAAA,OAAAY,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA,IAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAf,GAAA,YAAA,GACAgB,IAAAD,EAAAf,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAc;AAAA,QACA,SANJX;AAAA,QAOI,yBAAAa;AAAA,QACA,0BAPJpB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAqB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{data-grid.CMxQpfrY.js → data-grid.Pg5iM8CJ.js}

@@ -1,47 +1,47 @@
 import { ref as _, onMounted as be, nextTick as q, watch as ee, onUnmounted as _t, reactive as ke, toRefs as $e, computed as f, watchEffect as En, onBeforeUpdate as yn, getCurrentInstance as re, defineComponent as te, inject as ie, toRef as Be, useSlots as We, provide as ye } from "vue";
 import { C as Ln } from "./checkmark-circle-fill.Ds9Mwqpi.js";
-import { W as Tn } from "./alert.DJDHwVeR.js";
+import { W as Tn } from "./alert.BddJPWMN.js";
 /* empty css              */
 import { n as V } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { C as Ct } from "./cross.szJ_ZUTI.js";
 import { N as ot } from "./minus-small.CAycYt5H.js";
 import { b as On } from "./popper-container.Cj3AWXSd.js";
-import { E as W, b as vt, B as In, T as Nn } from "./tooltip.DFYc5NKM.js";
-import { B as Dn } from "./dashed-underline.CzKc-fJW.js";
-import { B as pe, p as pt } from "./typography.D1OZJbEa.js";
+import { E as W, b as vt, B as In, T as Nn } from "./tooltip.BOe7LOfD.js";
+import { B as Dn } from "./dashed-underline.RcRbre03.js";
+import { B as pe, p as pt } from "./typography.Cd386LC_.js";
 import { u as me } from "./index.CPOlyau9.js";
-import { B as Mn } from "./tag.Dz1FQSZb.js";
-import { B as xn } from "./action-bar.BsXW7BI2.js";
-import { B as Fn } from "./pagination.cI_pc6oE.js";
+import { B as Mn } from "./tag.CgsX8v2m.js";
+import { B as xn } from "./action-bar.D29UQHoA.js";
+import { B as Fn } from "./pagination.DZEVT-CA.js";
 import { B as Ge } from "./loading-indicator.PxbRzshH.js";
 import { u as Ve } from "./use-has-slot.C9lQZ6nz.js";
 import { u as Pn } from "./use-touch-device.DTqFAbXh.js";
 import { g as Te } from "./generate-uid.DBWe4g6T.js";
-import { a as zn } from "./filter-bar.D7Lk7wlq.js";
-import { B as Bn } from "./empty-state.C2wjdE3y.js";
+import { a as zn } from "./filter-bar.Bio9nf9V.js";
+import { B as Bn } from "./empty-state.L3DTfiY7.js";
 import { E as Un } from "./tabs.keys.B4qGhjp2.js";
 import { D as kn } from "./data-grid-template.keys.VezYtHtM.js";
 import { h as $n } from "./index.CL3TXc0a.js";
 import { o as ht } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
 import { g as bt } from "./focus-trap.fd6_d2EW.js";
-import { B as wt } from "./checkbox.D5xZ5Nnh.js";
-import { B as St } from "./button.DII5Ifwa.js";
-import { c as He, f as Rt, h as Wn, b as Gn, a as Vn, O as st, D as Hn } from "./button-actions.bkcLUE1G.js";
-import { E as lt } from "./link.Cls8XShm.js";
-import { C as at } from "./copy.CSk1rCRo.js";
+import { B as wt } from "./checkbox.CnuIUi4-.js";
+import { B as St } from "./button.tsTeQRcP.js";
+import { c as He, f as Rt, h as Wn, b as Gn, a as Vn, O as st, D as Hn } from "./button-actions.CdetBz3J.js";
+import { E as lt } from "./link.iNnolG9W.js";
+import { C as at } from "./copy.B12-P_8A.js";
 import { C as Zn } from "./chevron-down.B_QiVCoO.js";
 import { C as jn } from "./chevron-up.YQRo8uKs.js";
 import { u as qn } from "./use-expandable-content-height.DmFeas9-.js";
-import { B as Kn } from "./info-icon.B-FAeceD.js";
-import { j as Yn, f as Xn } from "./dropdown.Bnq4kP7k.js";
+import { B as Kn } from "./info-icon.D11usblr.js";
+import { j as Yn, f as Xn } from "./dropdown.CpZQYisR.js";
 import { B as it } from "./popover.types.DvIwSAAp.js";
 import { A as Jn } from "./arrow-left.BBflhjQa.js";
 import { A as Qn } from "./arrow-right.2jTnMmVP.js";
 import { H as eo, S as to } from "./show.Cs2jT9TJ.js";
 import { l as rt } from "./events.BQOQSSb7.js";
-import { B as At } from "./toggle.Dgh7aw1D.js";
-import { B as no } from "./search-bar.--4KVNkf.js";
+import { B as At } from "./toggle.BL_w2xUm.js";
+import { B as no } from "./search-bar.DrIwlAQj.js";
 import { S as oo } from "./search.Bzm6F8rR.js";
 import { B as so } from "./directive.D1-d-C2K.js";
 import "../assets/data-grid.css";
@@ -2475,10 +2475,10 @@ const Ma = il.exports, rl = {
   "pt-BR": { numberResults: "1 resultado | {count} resultados" },
   "zh-CN": { numberResults: "1 个结果 | {count} 个结果" }
 }, cl = {
-  i18n: { messages: rl }
+  i18n: { messages: rl },
+  name: "bento-data-grid-summary-cell"
 }, dl = /* @__PURE__ */ te({
   ...cl,
-  __name: "data-grid-summary-cell",
   props: {
     label: null,
     items: null,
@@ -2516,7 +2516,7 @@ var ul = function() {
   fl,
   !1,
   null,
-  "2cf5d218"
+  "ab48e72f"
 );
 const xa = gl.exports, ml = {}, _l = /* @__PURE__ */ te({
   ...ml,
@@ -2589,10 +2589,10 @@ const Tl = Ll.exports, Ol = {
   "pt-BR": { decrease: "diminuir", increase: "aumentar" },
   "zh-CN": { decrease: "减少", increase: "增加" }
 }, Il = {
-  i18n: { messages: Ol }
+  i18n: { messages: Ol },
+  name: "bento-data-grid-trend-cell"
 }, Nl = /* @__PURE__ */ te({
   ...Il,
-  __name: "data-grid-trend-cell",
   props: {
     direction: { default: "none" },
     variant: { default: "black" },
@@ -2641,7 +2641,7 @@ var Dl = function() {
   Ml,
   !1,
   null,
-  "05cdd7d9"
+  "f3f6545d"
 );
 const Pa = xl.exports, Fl = (o, t, n) => {
   const e = _([]), s = (i, u) => {
@@ -3264,4 +3264,4 @@ export {
   ve as h,
   ae as i
 };
-//# sourceMappingURL=data-grid.CMxQpfrY.js.map
+//# sourceMappingURL=data-grid.Pg5iM8CJ.js.map