@adyen/bento-vue2 1.100.0 → 1.101.0

package/dist/chunks/{country.nGZJwp_A.js.map → country.DySY9sbA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"country.nGZJwp_A.js","sources":["../../src/components/country/country.vue"],"sourcesContent":["<template>\n    <div class=\"b-country\">\n        <div class=\"b-country__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ countryLabel }}</span>\n            <bento-typography v-else el=\"span\">{{ countryLabel }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, ref, toRefs, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useCountryCapital, useCountryName, useCountryPhoneCode } from './composables';\n    import { BentoCountryCode, type BentoCountryProps, BentoCountryVariant } from './country.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid/summary-grid.types';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = defineProps({\n  code: { default: BentoCountryCode.UNKNOWN },\n  label: { default: undefined },\n  variant: { default: BentoCountryVariant.NAME }\n});\n\n    const { code, variant, label: customLabel } = toRefs(props);\n    const { locale } = useI18n(undefined, true);\n    const countryName = useCountryName(code, locale);\n    const countryLabel = ref('');\n\n    const getLabel = () => {\n        switch (variant.value) {\n            case BentoCountryVariant.ISO:\n                return code.value;\n            case BentoCountryVariant.PHONE_CODE:\n                return `${code.value} (${useCountryPhoneCode(code).value})`;\n            case BentoCountryVariant.CAPITAL:\n                // TODO: do we need an API OR get a longer translations list???\n                // Need to be able TRANSLATE as well as map...\n                return `${useCountryCapital(code, locale).value} (${countryName.value})`;\n            case BentoCountryVariant.CUSTOM:\n                return customLabel.value;\n            case BentoCountryVariant.NAME:\n            default:\n                return countryName.value;\n        }\n    };\n\n    // Update label if variant prop changes\n    watch(\n        [variant, locale, code],\n        () => {\n            countryLabel.value = getLabel();\n        },\n        { immediate: true }\n    );\n\n    if (variant.value === 'custom' || props.label) {\n        deprecate(\n            'BentoCountry \"custom\" variant and \"label\" prop',\n            'Use any of the other BentoCountry variants instead OR BentoTypography component for custom text',\n            '2.0.0'\n        );\n    }\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A component to display a country's label.\n     * The label comes in four variates: iso code, country name, phone number code or capital city.\n     *\n     * @usage\n     * import { BentoCountry, BentoCountryCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCountry },\n     *     template: `\n     *          <bento-country :code=\"BentoCountryCode.NL\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-country',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./country.scss\" />\n"],"names":["__default__","code","variant","customLabel","toRefs","props","locale","useI18n","countryName","useCountryName","countryLabel","ref","getLabel","BentoCountryVariant","useCountryPhoneCode","useCountryCapital","watch","deprecate","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout"],"mappings":";;;;;;;;AA2FI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;iBApEA,EAAA,MAAAC,GAAA,SAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GACA,EAAA,QAAAC,EAAA,IAAAC,EAAA,QAAA,EAAA,GACAC,IAAAC,EAAAR,GAAAK,CAAA,GACAI,IAAAC,EAAA,EAAA,GAEAC,IAAA,MAAA;AACI,cAAAV,EAAA,OAAA;AAAA,QAAuB,KAAAW,EAAA;AAEf,iBAAAZ,EAAA;AAAA,QAAY,KAAAY,EAAA;AAEZ,iBAAA,GAAAZ,EAAA,KAAA,KAAAa,EAAAb,CAAA,EAAA,KAAA;AAAA,QAAwD,KAAAY,EAAA;AAIxD,iBAAA,GAAAE,EAAAd,GAAAK,CAAA,EAAA,KAAA,KAAAE,EAAA,KAAA;AAAA,QAAqE,KAAAK,EAAA;AAErE,iBAAAV,EAAA;AAAA,QAAmB,KAAAU,EAAA;AAAA,QACE;AAErB,iBAAAL,EAAA;AAAA,MAAmB;AAAA,IAC3B;AAIJ,IAAAQ;AAAA,MAAA,CAAAd,GAAAI,GAAAL,CAAA;AAAA,MAC0B,MAAA;AAElB,QAAAS,EAAA,QAAAE,EAAA;AAAA,MAA8B;AAAA,MAClC,EAAA,WAAA,GAAA;AAAA,IACkB,IAGtBV,EAAA,UAAA,YAAAG,EAAA,UACIY;AAAA,MAAA;AAAA,MACI;AAAA,MACA;AAAA,IACA;AAKR,UAAAC,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"country.DySY9sbA.js","sources":["../../src/components/country/country.vue"],"sourcesContent":["<template>\n    <div class=\"b-country\">\n        <div class=\"b-country__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ countryLabel }}</span>\n            <bento-typography v-else el=\"span\">{{ countryLabel }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, ref, toRefs, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useCountryCapital, useCountryName, useCountryPhoneCode } from './composables';\n    import { BentoCountryCode, type BentoCountryProps, BentoCountryVariant } from './country.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid/summary-grid.types';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = defineProps({\n  code: { default: BentoCountryCode.UNKNOWN },\n  label: { default: undefined },\n  variant: { default: BentoCountryVariant.NAME }\n});\n\n    const { code, variant, label: customLabel } = toRefs(props);\n    const { locale } = useI18n(undefined, true);\n    const countryName = useCountryName(code, locale);\n    const countryLabel = ref('');\n\n    const getLabel = () => {\n        switch (variant.value) {\n            case BentoCountryVariant.ISO:\n                return code.value;\n            case BentoCountryVariant.PHONE_CODE:\n                return `${code.value} (${useCountryPhoneCode(code).value})`;\n            case BentoCountryVariant.CAPITAL:\n                // TODO: do we need an API OR get a longer translations list???\n                // Need to be able TRANSLATE as well as map...\n                return `${useCountryCapital(code, locale).value} (${countryName.value})`;\n            case BentoCountryVariant.CUSTOM:\n                return customLabel.value;\n            case BentoCountryVariant.NAME:\n            default:\n                return countryName.value;\n        }\n    };\n\n    // Update label if variant prop changes\n    watch(\n        [variant, locale, code],\n        () => {\n            countryLabel.value = getLabel();\n        },\n        { immediate: true }\n    );\n\n    if (variant.value === 'custom' || props.label) {\n        deprecate(\n            'BentoCountry \"custom\" variant and \"label\" prop',\n            'Use any of the other BentoCountry variants instead OR BentoTypography component for custom text',\n            '2.0.0'\n        );\n    }\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A component to display a country's label.\n     * The label comes in four variates: iso code, country name, phone number code or capital city.\n     *\n     * @usage\n     * import { BentoCountry, BentoCountryCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCountry },\n     *     template: `\n     *          <bento-country :code=\"BentoCountryCode.NL\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-country',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./country.scss\" />\n"],"names":["__default__","code","variant","customLabel","toRefs","props","locale","useI18n","countryName","useCountryName","countryLabel","ref","getLabel","BentoCountryVariant","useCountryPhoneCode","useCountryCapital","watch","deprecate","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout"],"mappings":";;;;;;;;AA2FI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;iBApEA,EAAA,MAAAC,GAAA,SAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GACA,EAAA,QAAAC,EAAA,IAAAC,EAAA,QAAA,EAAA,GACAC,IAAAC,EAAAR,GAAAK,CAAA,GACAI,IAAAC,EAAA,EAAA,GAEAC,IAAA,MAAA;AACI,cAAAV,EAAA,OAAA;AAAA,QAAuB,KAAAW,EAAA;AAEf,iBAAAZ,EAAA;AAAA,QAAY,KAAAY,EAAA;AAEZ,iBAAA,GAAAZ,EAAA,KAAA,KAAAa,EAAAb,CAAA,EAAA,KAAA;AAAA,QAAwD,KAAAY,EAAA;AAIxD,iBAAA,GAAAE,EAAAd,GAAAK,CAAA,EAAA,KAAA,KAAAE,EAAA,KAAA;AAAA,QAAqE,KAAAK,EAAA;AAErE,iBAAAV,EAAA;AAAA,QAAmB,KAAAU,EAAA;AAAA,QACE;AAErB,iBAAAL,EAAA;AAAA,MAAmB;AAAA,IAC3B;AAIJ,IAAAQ;AAAA,MAAA,CAAAd,GAAAI,GAAAL,CAAA;AAAA,MAC0B,MAAA;AAElB,QAAAS,EAAA,QAAAE,EAAA;AAAA,MAA8B;AAAA,MAClC,EAAA,WAAA,GAAA;AAAA,IACkB,IAGtBV,EAAA,UAAA,YAAAG,EAAA,UACIY;AAAA,MAAA;AAAA,MACI;AAAA,MACA;AAAA,IACA;AAKR,UAAAC,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{country.types.jjXwaoMl.js → country.types.8GCHsdGN.js}

@@ -1,5 +1,5 @@
-import { ref as l, computed as P } from "vue";
-const e = {
+import { ref as e, computed as o } from "vue";
+const n = {
   "de-DE": {
     AD: "Andorra la Vella",
     AE: "Abu Dhabi",
@@ -756,6 +756,258 @@ const e = {
     ZM: "Lusaka",
     ZW: "Harare"
   },
+  "es-419": {
+    AD: "Andorra la Vella",
+    AE: "Abu Dhabi",
+    AF: "Kabul",
+    AG: "St. John's",
+    AI: "The Valley",
+    AL: "Tirana",
+    AM: "Yerevan",
+    AO: "Luanda",
+    AQ: "",
+    AR: "Buenos Aires",
+    AS: "Pago Pago",
+    AT: "Viena",
+    AU: "Canberra",
+    AW: "Oranjestad",
+    AX: "Mariehamn",
+    AZ: "Baku",
+    BA: "Sarajevo",
+    BB: "Bridgetown",
+    BD: "Dhaka",
+    BE: "Bruselas",
+    BF: "Ouagadougou",
+    BG: "Sofía",
+    BH: "Manama",
+    BI: "Bujumbura",
+    BJ: "Porto Novo",
+    BL: "Gustavia",
+    BM: "Hamilton",
+    BN: "Bandar Seri Begawan",
+    BO: "Sucre",
+    BQ: "",
+    BR: "Brasilia",
+    BS: "Nassau",
+    BT: "Thimphu",
+    BV: "",
+    BW: "Gaborone",
+    BY: "Minsk",
+    BZ: "Belmopan",
+    CA: "Ottawa",
+    CC: "West Island",
+    CD: "Kinshasa",
+    CF: "Bangui",
+    CG: "Brazzaville",
+    CH: "Berna",
+    CI: "Yamoussoukro",
+    CK: "Avarua",
+    CL: "Santiago",
+    CM: "Yaundé",
+    CN: "Beijing",
+    CO: "Bogotá",
+    CR: "San José",
+    CU: "La Habana",
+    CV: "Praia",
+    CW: " Willemstad",
+    CX: "Flying Fish Cove",
+    CY: "Nicosia",
+    CZ: "Praga",
+    DE: "Berlín",
+    DJ: "Yibuti",
+    DK: "Copenhague",
+    DM: "Roseau",
+    DO: "Santo Domingo",
+    DZ: "Argel",
+    EC: "Quito",
+    EE: "Tallinn",
+    EG: "El Cairo",
+    EH: "El-Aaiun",
+    ER: "Asmara",
+    ES: "Madrid",
+    ET: "Addis Abeba",
+    FI: "Helsinki",
+    FJ: "Suva",
+    FK: "Stanley",
+    FM: "Palikir",
+    FO: "Tórshavn",
+    FR: "París",
+    GA: "Libreville",
+    GB: "Londres",
+    GD: "St. George's",
+    GE: "Tiflis",
+    GF: "Cayena",
+    GG: "St Peter Port",
+    GH: "Accra",
+    GI: "Gibraltar",
+    GL: "Nuuk",
+    GM: "Banjul",
+    GN: "Conakry",
+    GP: "Basse-Terre",
+    GQ: "Malabo",
+    GR: "Atenas",
+    GS: "Grytviken",
+    GT: "Ciudad de Guatemala",
+    GU: "Hagatna",
+    GW: "Bissau",
+    GY: "Georgetown",
+    HK: "Hong Kong",
+    HM: "",
+    HN: "Tegucigalpa",
+    HR: "Zagreb",
+    HT: "Puerto Príncipe",
+    HU: "Budapest",
+    ID: "Jakarta",
+    IE: "Dublín",
+    IL: "Jerusalén",
+    IM: "Douglas, Isla de Man",
+    IN: "Nueva Delhi",
+    IO: "Diego García",
+    IQ: "Bagdad",
+    IR: "Teherán",
+    IS: "Reykjavik",
+    IT: "Roma",
+    JE: "Saint Helier",
+    JM: "Kingston",
+    JO: "Ammán",
+    JP: "Tokio",
+    KE: "Nairobi",
+    KG: "Bishkek",
+    KH: "Phnom Penh",
+    KI: "Tarawa",
+    KM: "Moroni",
+    KN: "Basseterre",
+    KP: "Pyongyang",
+    KR: "Seúl",
+    KW: "Ciudad de Kuwait",
+    KY: "George Town",
+    KZ: "Astana",
+    LA: "Vientiane",
+    LB: "Beirut",
+    LC: "Castries",
+    LI: "Vaduz",
+    LK: "Colombo",
+    LR: "Monrovia",
+    LS: "Maseru",
+    LT: "Vilnius",
+    LU: "Luxembourg",
+    LV: "Riga",
+    LY: "Trípolis",
+    MA: "Rabat",
+    MC: "Mónaco",
+    MD: "Chisináu",
+    ME: "Podgorica",
+    MF: "Marigot",
+    MG: "Antananarivo",
+    MH: "Majuro",
+    MK: "Skopje",
+    ML: "Bamako",
+    MM: "Nay Pyi Taw",
+    MN: "Ulan Bator",
+    MO: "Macao",
+    MP: "Saipan",
+    MQ: "Fort-de-France",
+    MR: "Nouakchott",
+    MS: "Plymouth",
+    MT: "Valletta",
+    MU: "Port Louis",
+    MV: "Hombre",
+    MW: "Lilongwe",
+    MX: "Ciudad de México",
+    MY: "Kuala Lumpur",
+    MZ: "Maputo",
+    NA: "Windhoek",
+    NC: "Noumea",
+    NE: "Niamey",
+    NF: "Kingston",
+    NG: "Abuja",
+    NI: "Managua",
+    NL: "Ámsterdam",
+    NO: "Oslo",
+    NP: "Kathmandu",
+    NR: "Yaren",
+    NU: "Alofi",
+    NZ: "Wellington",
+    OM: "Muscat",
+    PA: "Ciudad de Panamá",
+    PE: "Lima",
+    PF: "Papeete",
+    PG: "Port Moresby",
+    PH: "Manila",
+    PK: "Islamabad",
+    PL: "Varsovia",
+    PM: "Saint-Pierre",
+    PN: "Adamstown",
+    PR: "San Juan",
+    PS: "Este de Jerusalén",
+    PT: "Lisboa",
+    PW: "Melekeok",
+    PY: "Asunción",
+    QA: "Doha",
+    RE: "Saint-Denis",
+    RO: "Bucarest",
+    RS: "Belgrade",
+    RU: "Moscú",
+    RW: "Kigali",
+    SA: "Riyadh",
+    SB: "Honiara",
+    SC: "Victoria",
+    SD: "Khartoum",
+    SE: "Stockholm",
+    SG: "Singapur",
+    SH: "Jamestown",
+    SI: "Ljubljana",
+    SJ: "Longyearbyen",
+    SK: "Bratislava",
+    SL: "Freetown",
+    SM: "San Marino",
+    SN: "Dakar",
+    SO: "Mogadishu",
+    SR: "Paramaribo",
+    SS: "Juba",
+    ST: "Santo Tomé",
+    SV: "San Salvador",
+    SX: "Philipsburg",
+    SY: "Damasco",
+    SZ: "Mbabane",
+    TC: "Cockburn Town",
+    TD: "N'Djamena",
+    TF: "Port-aux-Français",
+    TG: "Lome",
+    TH: "Bangkok",
+    TJ: "Dushanbe",
+    TK: "",
+    TL: "Dili",
+    TM: "Ashgabat",
+    TN: "Tunis",
+    TO: "Nuku'alofa",
+    TR: "Ankara",
+    TT: "Puerto España",
+    TV: "Funafuti",
+    TW: "Taipéi",
+    TZ: "Dodoma",
+    UA: "Kyiv",
+    UG: "Kampala",
+    UM: "",
+    US: "Washington",
+    UY: "Montevideo",
+    UZ: "Tashkent",
+    VA: "Ciudad del Vaticano",
+    VC: "Kingstown",
+    VE: "Caracas",
+    VG: "Road Town",
+    VI: "Charlotte Amalie",
+    VN: "Hanoi",
+    VU: "Port Vila",
+    WF: "Mata Utu",
+    WS: "Apia",
+    XK: "Pristina",
+    YE: "Sanaa",
+    YT: "Mamoudzou",
+    ZA: "Pretoria",
+    ZM: "Lusaka",
+    ZW: "Harare"
+  },
   "es-ES": {
     AD: "Andorra la Vella",
     AE: "Abu Dabi",
@@ -2520,18 +2772,18 @@ const e = {
     ZM: "卢萨卡",
     ZW: "哈拉雷"
   }
-}, N = (a, n, A = !0) => {
-  const i = l(a), T = l(n);
-  return P(() => {
-    var s, r, S;
-    const M = (s = i == null ? void 0 : i.value) == null ? void 0 : s.toUpperCase();
-    return ((r = e[T.value]) == null ? void 0 : r[M]) ?? ((S = e["en-US"]) == null ? void 0 : S[M]) ?? (A ? M : null);
+}, N = (a, l, A = !0) => {
+  const i = e(a), T = e(l);
+  return o(() => {
+    var r, s, S;
+    const M = (r = i == null ? void 0 : i.value) == null ? void 0 : r.toUpperCase();
+    return ((s = n[T.value]) == null ? void 0 : s[M]) ?? ((S = n["en-US"]) == null ? void 0 : S[M]) ?? (A ? M : null);
   });
 };
-var G = /* @__PURE__ */ ((a) => (a.ISO = "iso", a.NAME = "name", a.PHONE_CODE = "phone_code", a.CAPITAL = "capital", a.CUSTOM = "custom", a))(G || {}), u = /* @__PURE__ */ ((a) => (a.BD = "BD", a.BE = "BE", a.BF = "BF", a.BG = "BG", a.BA = "BA", a.BB = "BB", a.WF = "WF", a.BL = "BL", a.BM = "BM", a.BN = "BN", a.BO = "BO", a.BH = "BH", a.BI = "BI", a.BJ = "BJ", a.BT = "BT", a.JM = "JM", a.BV = "BV", a.BW = "BW", a.WS = "WS", a.BQ = "BQ", a.BR = "BR", a.BS = "BS", a.JE = "JE", a.BY = "BY", a.BZ = "BZ", a.RU = "RU", a.RW = "RW", a.RS = "RS", a.TL = "TL", a.RE = "RE", a.TM = "TM", a.TJ = "TJ", a.RO = "RO", a.TK = "TK", a.GW = "GW", a.GU = "GU", a.GT = "GT", a.GS = "GS", a.GR = "GR", a.GQ = "GQ", a.GP = "GP", a.JP = "JP", a.GY = "GY", a.GG = "GG", a.GF = "GF", a.GE = "GE", a.GD = "GD", a.GB = "GB", a.GA = "GA", a.SV = "SV", a.GN = "GN", a.GM = "GM", a.GL = "GL", a.GI = "GI", a.GH = "GH", a.OM = "OM", a.TN = "TN", a.JO = "JO", a.HR = "HR", a.HT = "HT", a.HU = "HU", a.HK = "HK", a.HN = "HN", a.HM = "HM", a.VE = "VE", a.PR = "PR", a.PS = "PS", a.PW = "PW", a.PT = "PT", a.SJ = "SJ", a.PY = "PY", a.IQ = "IQ", a.PA = "PA", a.PF = "PF", a.PG = "PG", a.PE = "PE", a.PK = "PK", a.PH = "PH", a.PN = "PN", a.PL = "PL", a.PM = "PM", a.ZM = "ZM", a.EH = "EH", a.EE = "EE", a.EG = "EG", a.ZA = "ZA", a.EC = "EC", a.IT = "IT", a.VN = "VN", a.SB = "SB", a.ET = "ET", a.SO = "SO", a.ZW = "ZW", a.SA = "SA", a.ES = "ES", a.ER = "ER", a.ME = "ME", a.MD = "MD", a.MG = "MG", a.MF = "MF", a.MA = "MA", a.MC = "MC", a.UZ = "UZ", a.MM = "MM", a.ML = "ML", a.MO = "MO", a.MN = "MN", a.MH = "MH", a.MK = "MK", a.MU = "MU", a.MT = "MT", a.MW = "MW", a.MV = "MV", a.MQ = "MQ", a.MP = "MP", a.MS = "MS", a.MR = "MR", a.IM = "IM", a.UG = "UG", a.TZ = "TZ", a.MY = "MY", a.MX = "MX", a.IL = "IL", a.FR = "FR", a.IO = "IO", a.SH = "SH", a.FI = "FI", a.FJ = "FJ", a.FK = "FK", a.FM = "FM", a.FO = "FO", a.NI = "NI", a.NL = "NL", a.NO = "NO", a.NA = "NA", a.VU = "VU", a.NC = "NC", a.NE = "NE", a.NF = "NF", a.NG = "NG", a.NZ = "NZ", a.NP = "NP", a.NR = "NR", a.NU = "NU", a.CK = "CK", a.XK = "XK", a.CI = "CI", a.CH = "CH", a.CO = "CO", a.CN = "CN", a.CM = "CM", a.CL = "CL", a.CC = "CC", a.CA = "CA", a.CG = "CG", a.CF = "CF", a.CD = "CD", a.CZ = "CZ", a.CY = "CY", a.CX = "CX", a.CR = "CR", a.CW = "CW", a.CV = "CV", a.CU = "CU", a.SZ = "SZ", a.SY = "SY", a.SX = "SX", a.KG = "KG", a.KE = "KE", a.SS = "SS", a.SR = "SR", a.KI = "KI", a.KH = "KH", a.KN = "KN", a.KM = "KM", a.ST = "ST", a.SK = "SK", a.KR = "KR", a.SI = "SI", a.KP = "KP", a.KW = "KW", a.SN = "SN", a.SM = "SM", a.SL = "SL", a.SC = "SC", a.KZ = "KZ", a.KY = "KY", a.SG = "SG", a.SE = "SE", a.SD = "SD", a.DO = "DO", a.DM = "DM", a.DJ = "DJ", a.DK = "DK", a.VG = "VG", a.DE = "DE", a.YE = "YE", a.DZ = "DZ", a.US = "US", a.UY = "UY", a.YT = "YT", a.UM = "UM", a.LB = "LB", a.LC = "LC", a.LA = "LA", a.TV = "TV", a.TW = "TW", a.TT = "TT", a.TR = "TR", a.LK = "LK", a.LI = "LI", a.LV = "LV", a.TO = "TO", a.LT = "LT", a.LU = "LU", a.LR = "LR", a.LS = "LS", a.TH = "TH", a.TF = "TF", a.TG = "TG", a.TD = "TD", a.TC = "TC", a.LY = "LY", a.VA = "VA", a.VC = "VC", a.AE = "AE", a.AD = "AD", a.AG = "AG", a.AF = "AF", a.AI = "AI", a.VI = "VI", a.IS = "IS", a.IR = "IR", a.AM = "AM", a.AL = "AL", a.AO = "AO", a.AQ = "AQ", a.AS = "AS", a.AR = "AR", a.AU = "AU", a.AT = "AT", a.AW = "AW", a.IN = "IN", a.AX = "AX", a.AZ = "AZ", a.IE = "IE", a.ID = "ID", a.UA = "UA", a.QA = "QA", a.MZ = "MZ", a.UNKNOWN = "ZZ", a))(u || {});
+var u = /* @__PURE__ */ ((a) => (a.ISO = "iso", a.NAME = "name", a.PHONE_CODE = "phone_code", a.CAPITAL = "capital", a.CUSTOM = "custom", a))(u || {}), P = /* @__PURE__ */ ((a) => (a.BD = "BD", a.BE = "BE", a.BF = "BF", a.BG = "BG", a.BA = "BA", a.BB = "BB", a.WF = "WF", a.BL = "BL", a.BM = "BM", a.BN = "BN", a.BO = "BO", a.BH = "BH", a.BI = "BI", a.BJ = "BJ", a.BT = "BT", a.JM = "JM", a.BV = "BV", a.BW = "BW", a.WS = "WS", a.BQ = "BQ", a.BR = "BR", a.BS = "BS", a.JE = "JE", a.BY = "BY", a.BZ = "BZ", a.RU = "RU", a.RW = "RW", a.RS = "RS", a.TL = "TL", a.RE = "RE", a.TM = "TM", a.TJ = "TJ", a.RO = "RO", a.TK = "TK", a.GW = "GW", a.GU = "GU", a.GT = "GT", a.GS = "GS", a.GR = "GR", a.GQ = "GQ", a.GP = "GP", a.JP = "JP", a.GY = "GY", a.GG = "GG", a.GF = "GF", a.GE = "GE", a.GD = "GD", a.GB = "GB", a.GA = "GA", a.SV = "SV", a.GN = "GN", a.GM = "GM", a.GL = "GL", a.GI = "GI", a.GH = "GH", a.OM = "OM", a.TN = "TN", a.JO = "JO", a.HR = "HR", a.HT = "HT", a.HU = "HU", a.HK = "HK", a.HN = "HN", a.HM = "HM", a.VE = "VE", a.PR = "PR", a.PS = "PS", a.PW = "PW", a.PT = "PT", a.SJ = "SJ", a.PY = "PY", a.IQ = "IQ", a.PA = "PA", a.PF = "PF", a.PG = "PG", a.PE = "PE", a.PK = "PK", a.PH = "PH", a.PN = "PN", a.PL = "PL", a.PM = "PM", a.ZM = "ZM", a.EH = "EH", a.EE = "EE", a.EG = "EG", a.ZA = "ZA", a.EC = "EC", a.IT = "IT", a.VN = "VN", a.SB = "SB", a.ET = "ET", a.SO = "SO", a.ZW = "ZW", a.SA = "SA", a.ES = "ES", a.ER = "ER", a.ME = "ME", a.MD = "MD", a.MG = "MG", a.MF = "MF", a.MA = "MA", a.MC = "MC", a.UZ = "UZ", a.MM = "MM", a.ML = "ML", a.MO = "MO", a.MN = "MN", a.MH = "MH", a.MK = "MK", a.MU = "MU", a.MT = "MT", a.MW = "MW", a.MV = "MV", a.MQ = "MQ", a.MP = "MP", a.MS = "MS", a.MR = "MR", a.IM = "IM", a.UG = "UG", a.TZ = "TZ", a.MY = "MY", a.MX = "MX", a.IL = "IL", a.FR = "FR", a.IO = "IO", a.SH = "SH", a.FI = "FI", a.FJ = "FJ", a.FK = "FK", a.FM = "FM", a.FO = "FO", a.NI = "NI", a.NL = "NL", a.NO = "NO", a.NA = "NA", a.VU = "VU", a.NC = "NC", a.NE = "NE", a.NF = "NF", a.NG = "NG", a.NZ = "NZ", a.NP = "NP", a.NR = "NR", a.NU = "NU", a.CK = "CK", a.XK = "XK", a.CI = "CI", a.CH = "CH", a.CO = "CO", a.CN = "CN", a.CM = "CM", a.CL = "CL", a.CC = "CC", a.CA = "CA", a.CG = "CG", a.CF = "CF", a.CD = "CD", a.CZ = "CZ", a.CY = "CY", a.CX = "CX", a.CR = "CR", a.CW = "CW", a.CV = "CV", a.CU = "CU", a.SZ = "SZ", a.SY = "SY", a.SX = "SX", a.KG = "KG", a.KE = "KE", a.SS = "SS", a.SR = "SR", a.KI = "KI", a.KH = "KH", a.KN = "KN", a.KM = "KM", a.ST = "ST", a.SK = "SK", a.KR = "KR", a.SI = "SI", a.KP = "KP", a.KW = "KW", a.SN = "SN", a.SM = "SM", a.SL = "SL", a.SC = "SC", a.KZ = "KZ", a.KY = "KY", a.SG = "SG", a.SE = "SE", a.SD = "SD", a.DO = "DO", a.DM = "DM", a.DJ = "DJ", a.DK = "DK", a.VG = "VG", a.DE = "DE", a.YE = "YE", a.DZ = "DZ", a.US = "US", a.UY = "UY", a.YT = "YT", a.UM = "UM", a.LB = "LB", a.LC = "LC", a.LA = "LA", a.TV = "TV", a.TW = "TW", a.TT = "TT", a.TR = "TR", a.LK = "LK", a.LI = "LI", a.LV = "LV", a.TO = "TO", a.LT = "LT", a.LU = "LU", a.LR = "LR", a.LS = "LS", a.TH = "TH", a.TF = "TF", a.TG = "TG", a.TD = "TD", a.TC = "TC", a.LY = "LY", a.VA = "VA", a.VC = "VC", a.AE = "AE", a.AD = "AD", a.AG = "AG", a.AF = "AF", a.AI = "AI", a.VI = "VI", a.IS = "IS", a.IR = "IR", a.AM = "AM", a.AL = "AL", a.AO = "AO", a.AQ = "AQ", a.AS = "AS", a.AR = "AR", a.AU = "AU", a.AT = "AT", a.AW = "AW", a.IN = "IN", a.AX = "AX", a.AZ = "AZ", a.IE = "IE", a.ID = "ID", a.UA = "UA", a.QA = "QA", a.MZ = "MZ", a.UNKNOWN = "ZZ", a))(P || {});
 export {
-  u as B,
-  G as a,
+  P as B,
+  u as a,
   N as u
 };
-//# sourceMappingURL=country.types.jjXwaoMl.js.map
+//# sourceMappingURL=country.types.8GCHsdGN.js.map

package/dist/chunks/{country.types.jjXwaoMl.js.map → country.types.8GCHsdGN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"country.types.jjXwaoMl.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    /** deprecated Use any of the other BentoCountry variants instead OR BentoTypography component for custom text */\n    CUSTOM = 'custom',\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     * Custom label text.\n     */\n    label?: string;\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","_a","_b","messages","_c","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,KAAiBC,IAAAL,KAAA,gBAAAA,EAAa,UAAb,gBAAAK,EAAoB;AAK3C,aAHIC,IAAAC,EAASL,EAAe,KAAK,MAA7B,gBAAAI,EAAiCF,SACjCI,IAAAD,EAAS,OAAO,MAAhB,gBAAAC,EAAoBJ,QACnBL,IAAcK,IAAiB;AAAA,EAExC,CAAC;AACL;ACjBO,IAAKK,sBAAAA,OACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,aAAa,cACbA,EAAA,UAAU,WAEVA,EAAA,SAAS,UANDA,IAAAA,KAAA,CAAA,CAAA,GASAC,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.8GCHsdGN.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    /** deprecated Use any of the other BentoCountry variants instead OR BentoTypography component for custom text */\n    CUSTOM = 'custom',\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     * Custom label text.\n     */\n    label?: string;\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","_a","_b","messages","_c","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,KAAiBC,IAAAL,KAAA,gBAAAA,EAAa,UAAb,gBAAAK,EAAoB;AAK3C,aAHIC,IAAAC,EAASL,EAAe,KAAK,MAA7B,gBAAAI,EAAiCF,SACjCI,IAAAD,EAAS,OAAO,MAAhB,gBAAAC,EAAoBJ,QACnBL,IAAcK,IAAiB;AAAA,EAExC,CAAC;AACL;ACjBO,IAAKK,sBAAAA,OACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,aAAa,cACbA,EAAA,UAAU,WAEVA,EAAA,SAAS,UANDA,IAAAA,KAAA,CAAA,CAAA,GASAC,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/{dashboard-section.BtqE_6Zy.js → dashboard-section.C0am_Mg0.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, useSlots as C, ref as _, computed as n, watch as m, onUnmounted as $, onMounted as I } from "vue";
-import { B as y } from "./header.C8dI-yo1.js";
-import { a as R, B as x } from "./tab.qhcMgSD1.js";
-import { h as H } from "./index.BPUMyryR.js";
+import { B as y } from "./header.BX5Tzbwf.js";
+import { a as R, B as x } from "./tab.Czc7MNHi.js";
+import { a as H } from "./index.v5OGTDYQ.js";
 import { o as P } from "./resize.Bqks3WUm.js";
 import { u as T } from "./use-has-slot.C9lQZ6nz.js";
 import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -99,4 +99,4 @@ export {
   Z as a,
   tt as d
 };
-//# sourceMappingURL=dashboard-section.BtqE_6Zy.js.map
+//# sourceMappingURL=dashboard-section.C0am_Mg0.js.map

package/dist/chunks/{dashboard-section.BtqE_6Zy.js.map → dashboard-section.C0am_Mg0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashboard-section.BtqE_6Zy.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","_b","_a","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,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAA,CAAAC,MAAA;;AAAA,eAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAS,EAAAF,OAAA,gBAAAC,EAAA,UAAA,OAAAD,IAAA,CAAA;AAAA,OAEAG,IAAAX,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAc,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAkB,EAAApB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAc,IAAArB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAiB,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;;AAEJ,QAAAb,EAAA,UACIH,EAAA,UAAAc,IAAAf,EAAA,UAAA,gBAAAe,EAAA,wBAAA,SAAA;AAAA,MACJ;AAAA,IACJ,GAGJO,EAAA,MAAA;AACI,MAAApB,KAAA,QAAAA,EAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCqB,IAAA,CAAA;;;;;;;;iBAzCA7B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA8B,IAAAnB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAmB,EAAA,MAAA;AACI,WAAA7B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dashboard-section.C0am_Mg0.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","_b","_a","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,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAA,CAAAC,MAAA;;AAAA,eAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAS,EAAAF,OAAA,gBAAAC,EAAA,UAAA,OAAAD,IAAA,CAAA;AAAA,OAEAG,IAAAX,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAc,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAkB,EAAApB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAc,IAAArB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAiB,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;;AAEJ,QAAAb,EAAA,UACIH,EAAA,UAAAc,IAAAf,EAAA,UAAA,gBAAAe,EAAA,wBAAA,SAAA;AAAA,MACJ;AAAA,IACJ,GAGJO,EAAA,MAAA;AACI,MAAApB,KAAA,QAAAA,EAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCqB,IAAA,CAAA;;;;;;;;iBAzCA7B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA8B,IAAAnB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAmB,EAAA,MAAA;AACI,WAAA7B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dashed-underline.Cl158pHL.js → dashed-underline.DsLL0ngM.js}

@@ -1,9 +1,9 @@
 import { defineComponent as v, useSlots as u, ref as c, computed as l, watch as f } from "vue";
-import { e as m, h as _ } from "./button-actions.Dxez8SNL.js";
+import { e as m, h as _ } from "./button-actions.IzFrNFdl.js";
 import { u as h } from "./use-has-slot.C9lQZ6nz.js";
 import { B as T } from "./typography.C8lPlsbD.js";
-import { b as B } from "./tooltip.CGeGVHyl.js";
-import { u as b } from "./use-bento-delayed-hover.CxJOLxok.js";
+import { b as B } from "./tooltip.BSKGP8TU.js";
+import { u as b } from "./use-bento-delayed-hover.4geX83Rn.js";
 import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/dashed-underline.css";
 const P = {}, g = /* @__PURE__ */ v({
@@ -52,4 +52,4 @@ const k = w.exports;
 export {
   k as B
 };
-//# sourceMappingURL=dashed-underline.Cl158pHL.js.map
+//# sourceMappingURL=dashed-underline.DsLL0ngM.js.map

package/dist/chunks/{dashed-underline.Cl158pHL.js.map → dashed-underline.DsLL0ngM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashed-underline.Cl158pHL.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.DsLL0ngM.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.yOSdF4nN.js → data-grid-template.CdUOgyY7.js}

@@ -1,7 +1,7 @@
 import { defineComponent as R, useSlots as S, ref as d, computed as i, provide as I, toRef as _ } from "vue";
-import { B as h } from "./header.C8dI-yo1.js";
-import { B } from "./inspector.Cas-Z-VC.js";
-import { a as x, B as A } from "./tab.qhcMgSD1.js";
+import { B as h } from "./header.BX5Tzbwf.js";
+import { B } from "./inspector.Cp6Er3Ms.js";
+import { a as x, B as A } from "./tab.Czc7MNHi.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";
@@ -108,4 +108,4 @@ const q = $.exports;
 export {
   q as d
 };
-//# sourceMappingURL=data-grid-template.yOSdF4nN.js.map
+//# sourceMappingURL=data-grid-template.CdUOgyY7.js.map

package/dist/chunks/{data-grid-template.yOSdF4nN.js.map → data-grid-template.CdUOgyY7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-template.yOSdF4nN.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","_a","computedTabsRef","_b","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,MAAA;;AAAA,cAAAI,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,KAAA,GAEAC,IAAAL,EAAA,MAAA;;AAAA,cAAAM,KAAAF,IAAAT,EAAA,UAAA,gBAAAS,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAP,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAU,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,GAAAV,EAAA,MAAA,gBAAAY,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAT,KAAAF,IAAAH,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAG,EAAAW,OAAA,gBAAAT,EAAA,UAAA,OAAAS,IAAA,CAAA;AAAA,OAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAjB,GAAA,YAAA,GACAkB,IAAAD,EAAAjB,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAgB;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJtB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAuB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"data-grid-template.CdUOgyY7.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","_a","computedTabsRef","_b","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,MAAA;;AAAA,cAAAI,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,KAAA,GAEAC,IAAAL,EAAA,MAAA;;AAAA,cAAAM,KAAAF,IAAAT,EAAA,UAAA,gBAAAS,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAP,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAU,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,GAAAV,EAAA,MAAA,gBAAAY,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAT,KAAAF,IAAAH,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAG,EAAAW,OAAA,gBAAAT,EAAA,UAAA,OAAAS,IAAA,CAAA;AAAA,OAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAjB,GAAA,YAAA,GACAkB,IAAAD,EAAAjB,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAgB;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJtB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAuB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}