@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/{use-bento-delayed-hover.Bz_8EabW.js → use-bento-delayed-hover.D6QjSugc.js}

@@ -1,5 +1,5 @@
 import { ref as u } from "vue";
-import { u as a } from "./index.C7m7gI5w.js";
+import { u as a } from "./index.CL3TXc0a.js";
 const i = 200, f = (t = i) => {
   const e = u(!1), { start: n, stop: r } = a(
     () => {
@@ -27,4 +27,4 @@ const i = 200, f = (t = i) => {
 export {
   f as u
 };
-//# sourceMappingURL=use-bento-delayed-hover.Bz_8EabW.js.map
+//# sourceMappingURL=use-bento-delayed-hover.D6QjSugc.js.map

package/dist/chunks/{use-bento-delayed-hover.Bz_8EabW.js.map → use-bento-delayed-hover.D6QjSugc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-bento-delayed-hover.Bz_8EabW.js","sources":["../../src/composables/use-bento-delayed-hover/use-bento-delayed-hover.ts"],"sourcesContent":["import { useTimeoutFn } from '@vueuse/core';\nimport { ref } from 'vue';\n\nconst DEFAULT_CLOSING_DELAY_MS = 200;\n\n/**\n * A composable that provides the logic to open and close an element on hover and focus with a delay.\n * @param delay - Delay in milliseconds before closing the element after the cursor or focus\n * leaves the trigger. Prevents flickering when moving from the trigger to the content.\n * Defaults to 200.\n * @returns An object containing the `isOpen` ref, `open`/`close` helpers and a `hoverEvents`\n * object with the event handlers to bind on the trigger and, when the content is not a descendant\n * of the trigger, on a wrapper around the content. When using this with `BentoPopover`, pass\n * `disableFocusTrap` to prevent focus-trap behavior from interfering with delayed closing.\n */\nexport const useBentoDelayedHover = (delay: number = DEFAULT_CLOSING_DELAY_MS) => {\n    const isOpen = ref(false);\n\n    const { start: startClosingTimer, stop: stopClosingTimer } = useTimeoutFn(\n        () => {\n            isOpen.value = false;\n        },\n        delay,\n        { immediate: false }\n    );\n\n    const open = () => {\n        isOpen.value = true;\n        stopClosingTimer();\n    };\n\n    const close = () => {\n        startClosingTimer();\n    };\n\n    const hoverEvents = {\n        mouseenter: open,\n        mouseleave: close,\n        focusin: open,\n        focusout: close,\n    };\n\n    return {\n        isOpen,\n        open,\n        close,\n        hoverEvents,\n    };\n};\n"],"names":["DEFAULT_CLOSING_DELAY_MS","useBentoDelayedHover","delay","isOpen","ref","startClosingTimer","stopClosingTimer","useTimeoutFn","open","close"],"mappings":";;AAGA,MAAMA,IAA2B,KAYpBC,IAAuB,CAACC,IAAgBF,MAA6B;AAC9E,QAAMG,IAASC,EAAI,EAAK,GAElB,EAAE,OAAOC,GAAmB,MAAMC,MAAqBC;AAAA,IACzD,MAAM;AACF,MAAAJ,EAAO,QAAQ;AAAA,IACnB;AAAA,IACAD;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAM,GAGjBM,IAAO,MAAM;AACf,IAAAL,EAAO,QAAQ,IACfG,EAAA;AAAA,EACJ,GAEMG,IAAQ,MAAM;AAChB,IAAAJ,EAAA;AAAA,EACJ;AASA,SAAO;AAAA,IACH,QAAAF;AAAA,IACA,MAAAK;AAAA,IACA,OAAAC;AAAA,IACA,aAXgB;AAAA,MAChB,YAAYD;AAAA,MACZ,YAAYC;AAAA,MACZ,SAASD;AAAA,MACT,UAAUC;AAAA,IAAA;AAAA,EAOV;AAER;"}
+{"version":3,"file":"use-bento-delayed-hover.D6QjSugc.js","sources":["../../src/composables/use-bento-delayed-hover/use-bento-delayed-hover.ts"],"sourcesContent":["import { useTimeoutFn } from '@vueuse/core';\nimport { ref } from 'vue';\n\nconst DEFAULT_CLOSING_DELAY_MS = 200;\n\n/**\n * A composable that provides the logic to open and close an element on hover and focus with a delay.\n * @param delay - Delay in milliseconds before closing the element after the cursor or focus\n * leaves the trigger. Prevents flickering when moving from the trigger to the content.\n * Defaults to 200.\n * @returns An object containing the `isOpen` ref, `open`/`close` helpers and a `hoverEvents`\n * object with the event handlers to bind on the trigger and, when the content is not a descendant\n * of the trigger, on a wrapper around the content. When using this with `BentoPopover`, pass\n * `disableFocusTrap` to prevent focus-trap behavior from interfering with delayed closing.\n */\nexport const useBentoDelayedHover = (delay: number = DEFAULT_CLOSING_DELAY_MS) => {\n    const isOpen = ref(false);\n\n    const { start: startClosingTimer, stop: stopClosingTimer } = useTimeoutFn(\n        () => {\n            isOpen.value = false;\n        },\n        delay,\n        { immediate: false }\n    );\n\n    const open = () => {\n        isOpen.value = true;\n        stopClosingTimer();\n    };\n\n    const close = () => {\n        startClosingTimer();\n    };\n\n    const hoverEvents = {\n        mouseenter: open,\n        mouseleave: close,\n        focusin: open,\n        focusout: close,\n    };\n\n    return {\n        isOpen,\n        open,\n        close,\n        hoverEvents,\n    };\n};\n"],"names":["DEFAULT_CLOSING_DELAY_MS","useBentoDelayedHover","delay","isOpen","ref","startClosingTimer","stopClosingTimer","useTimeoutFn","open","close"],"mappings":";;AAGA,MAAMA,IAA2B,KAYpBC,IAAuB,CAACC,IAAgBF,MAA6B;AAC9E,QAAMG,IAASC,EAAI,EAAK,GAElB,EAAE,OAAOC,GAAmB,MAAMC,MAAqBC;AAAA,IACzD,MAAM;AACF,MAAAJ,EAAO,QAAQ;AAAA,IACnB;AAAA,IACAD;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAM,GAGjBM,IAAO,MAAM;AACf,IAAAL,EAAO,QAAQ,IACfG,EAAA;AAAA,EACJ,GAEMG,IAAQ,MAAM;AAChB,IAAAJ,EAAA;AAAA,EACJ;AASA,SAAO;AAAA,IACH,QAAAF;AAAA,IACA,MAAAK;AAAA,IACA,OAAAC;AAAA,IACA,aAXgB;AAAA,MAChB,YAAYD;AAAA,MACZ,YAAYC;AAAA,MACZ,SAASD;AAAA,MACT,UAAUC;AAAA,IAAA;AAAA,EAOV;AAER;"}

package/dist/chunks/{use-bento-toast-controller.CB6Qbf3R.js → use-bento-toast-controller.A5xraVqa.js}

@@ -1,19 +1,19 @@
 import { ref as n, computed as i, getCurrentInstance as c, readonly as u } from "vue";
 import "./index.Cl4_42j5.js";
-import { p as d } from "./typography.C8lPlsbD.js";
-import { g as m } from "./generate-uid.NJ8tVoha.js";
-const a = (t, s) => {
-  const e = t.value.findIndex((o) => o.id === s);
-  e !== -1 && t.value.splice(e, 1);
+import { p as d } from "./typography.D1OZJbEa.js";
+import { g as m } from "./generate-uid.DBWe4g6T.js";
+const a = (t, e) => {
+  const o = t.value.findIndex((s) => s.id === e);
+  o !== -1 && t.value.splice(o, 1);
 }, f = /* @__PURE__ */ Symbol("toast-stack"), g = () => {
-  const t = n([]), s = (e) => {
-    const o = m("toast"), r = {
-      ...e,
-      id: o,
-      dismiss: () => a(t, o)
+  const t = n([]), e = (o) => {
+    const s = m("toast"), r = {
+      ...o,
+      id: s,
+      dismiss: () => a(t, s)
     };
     return t.value.unshift(r), {
-      dismiss: () => a(t, o)
+      dismiss: () => a(t, s)
     };
   };
   return {
@@ -29,12 +29,11 @@ const a = (t, s) => {
      * @param {Function} params.action.handler A callback that would be called when action button is clicked
      * @return {Object} An object that includes "dismiss" function to programatically dismiss the toast
      */
-    addToast: s
+    addToast: e
   };
 };
 function v() {
-  var s;
-  const t = (s = c()) == null ? void 0 : s.proxy[f];
+  const t = c()?.proxy[f];
   return t ? { ...t } : (d("Toast does not work without Vue.use(BentoPlugin, { withToast: true })"), {
     stack: u(n([])),
     addToast: () => ({
@@ -49,4 +48,4 @@ export {
   f as t,
   v as u
 };
-//# sourceMappingURL=use-bento-toast-controller.CB6Qbf3R.js.map
+//# sourceMappingURL=use-bento-toast-controller.A5xraVqa.js.map

package/dist/chunks/{use-bento-toast-controller.CB6Qbf3R.js.map → use-bento-toast-controller.A5xraVqa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-bento-toast-controller.CB6Qbf3R.js","sources":["../../src/composables/use-bento-toast-controller/toast-stack.ts","../../src/composables/use-bento-toast-controller/use-bento-toast-controller.ts"],"sourcesContent":["import { computed, ref, type Ref } from 'vue';\nimport { generateUid } from '@/core/utils/ts';\nimport type { BentoToastItemsList, ToastStack } from './use-bento-toast-controller.types';\n\nconst dismissToast: (stack: Ref<BentoToastItemsList>, id: string) => void = (stack, id) => {\n    const toastIndex = stack.value.findIndex(toast => toast.id === id);\n    if (toastIndex !== -1) {\n        stack.value.splice(toastIndex, 1);\n    }\n};\n\nexport const toastStackInjectionKey = Symbol('toast-stack');\n\n/**\n * This utility creates a global reactive state to add new toasts and keep track of them.\n * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts\n */\nexport const createToastStack: () => ToastStack = () => {\n    const stack = ref<BentoToastItemsList>([]);\n\n    const addToast = params => {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => dismissToast(stack, id),\n        };\n\n        stack.value.unshift(toast);\n\n        return {\n            dismiss: () => dismissToast(stack, id),\n        };\n    };\n\n    return {\n        // Even though stack is a reactive property, its content suppose to be only changed from this module.\n        // For this reason we return \"stack\" as readonly prop, but also return methods that can affect \"stack\" content.\n        stack: computed(() => Object.freeze(Array.from(stack.value))),\n        /**\n         * A function that allows to add new toasts\n         * @param {Object} params Toast parameters\n         * @param {String} params.text A text to display inside the toast\n         * @param {Object} [params.action] An object that defines action parameters for the toast\n         * @param {String} params.action.text An action button text\n         * @param {Function} params.action.handler A callback that would be called when action button is clicked\n         * @return {Object} An object that includes \"dismiss\" function to programatically dismiss the toast\n         */\n        addToast,\n    };\n};\n","import { getCurrentInstance, inject, readonly, ref } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { printDevelopmentWarning } from '../../utils/ts/print-development-warning';\nimport { toastStackInjectionKey } from './toast-stack';\nimport { type UseBentoToastController } from './use-bento-toast-controller.types';\n\nexport function useBentoToastController(): UseBentoToastController {\n    const toastStack = isVue2\n        ? getCurrentInstance()?.proxy[toastStackInjectionKey]\n        : inject(toastStackInjectionKey, null);\n    if (!toastStack) {\n        printDevelopmentWarning('Toast does not work without Vue.use(BentoPlugin, { withToast: true })');\n        // Return placeholder functions so client code won't brake, but Toasts just won't show up\n        return {\n            stack: readonly(ref([])),\n            addToast: () => ({\n                // eslint-disable-next-line @typescript-eslint/no-empty-function -- intentional empty function explained by the comment above\n                dismiss: () => {},\n            }),\n        };\n    }\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...toastStack };\n}\n"],"names":["dismissToast","stack","id","toastIndex","toast","toastStackInjectionKey","createToastStack","ref","addToast","params","generateUid","computed","useBentoToastController","toastStack","_a","getCurrentInstance","printDevelopmentWarning","readonly"],"mappings":";;;;AAIA,MAAMA,IAAsE,CAACC,GAAOC,MAAO;AACvF,QAAMC,IAAaF,EAAM,MAAM,UAAU,CAAAG,MAASA,EAAM,OAAOF,CAAE;AACjE,EAAIC,MAAe,MACfF,EAAM,MAAM,OAAOE,GAAY,CAAC;AAExC,GAEaE,2BAAgC,aAAa,GAM7CC,IAAqC,MAAM;AACpD,QAAML,IAAQM,EAAyB,EAAE,GAEnCC,IAAW,CAAAC,MAAU;AACvB,UAAMP,IAAKQ,EAAY,OAAO,GACxBN,IAAQ;AAAA,MACV,GAAGK;AAAA,MACH,IAAAP;AAAA,MACA,SAAS,MAAMF,EAAaC,GAAOC,CAAE;AAAA,IAAA;AAGzC,WAAAD,EAAM,MAAM,QAAQG,CAAK,GAElB;AAAA,MACH,SAAS,MAAMJ,EAAaC,GAAOC,CAAE;AAAA,IAAA;AAAA,EAE7C;AAEA,SAAO;AAAA;AAAA;AAAA,IAGH,OAAOS,EAAS,MAAM,OAAO,OAAO,MAAM,KAAKV,EAAM,KAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU5D,UAAAO;AAAA,EAAA;AAER;AC5CO,SAASI,IAAmD;;AAC/D,QAAMC,KACAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,MAAMT;AAElC,SAAKQ,IAYE,EAAE,GAAGA,EAAA,KAXRG,EAAwB,uEAAuE,GAExF;AAAA,IACH,OAAOC,EAASV,EAAI,CAAA,CAAE,CAAC;AAAA,IACvB,UAAU,OAAO;AAAA;AAAA,MAEb,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,EACpB;AAKZ;"}
+{"version":3,"file":"use-bento-toast-controller.A5xraVqa.js","sources":["../../src/composables/use-bento-toast-controller/toast-stack.ts","../../src/composables/use-bento-toast-controller/use-bento-toast-controller.ts"],"sourcesContent":["import { computed, ref, type Ref } from 'vue';\nimport { generateUid } from '@/core/utils/ts';\nimport type { BentoToastItemsList, ToastStack } from './use-bento-toast-controller.types';\n\nconst dismissToast: (stack: Ref<BentoToastItemsList>, id: string) => void = (stack, id) => {\n    const toastIndex = stack.value.findIndex(toast => toast.id === id);\n    if (toastIndex !== -1) {\n        stack.value.splice(toastIndex, 1);\n    }\n};\n\nexport const toastStackInjectionKey = Symbol('toast-stack');\n\n/**\n * This utility creates a global reactive state to add new toasts and keep track of them.\n * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts\n */\nexport const createToastStack: () => ToastStack = () => {\n    const stack = ref<BentoToastItemsList>([]);\n\n    const addToast = params => {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => dismissToast(stack, id),\n        };\n\n        stack.value.unshift(toast);\n\n        return {\n            dismiss: () => dismissToast(stack, id),\n        };\n    };\n\n    return {\n        // Even though stack is a reactive property, its content suppose to be only changed from this module.\n        // For this reason we return \"stack\" as readonly prop, but also return methods that can affect \"stack\" content.\n        stack: computed(() => Object.freeze(Array.from(stack.value))),\n        /**\n         * A function that allows to add new toasts\n         * @param {Object} params Toast parameters\n         * @param {String} params.text A text to display inside the toast\n         * @param {Object} [params.action] An object that defines action parameters for the toast\n         * @param {String} params.action.text An action button text\n         * @param {Function} params.action.handler A callback that would be called when action button is clicked\n         * @return {Object} An object that includes \"dismiss\" function to programatically dismiss the toast\n         */\n        addToast,\n    };\n};\n","import { getCurrentInstance, inject, readonly, ref } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { printDevelopmentWarning } from '../../utils/ts/print-development-warning';\nimport { toastStackInjectionKey } from './toast-stack';\nimport { type UseBentoToastController } from './use-bento-toast-controller.types';\n\nexport function useBentoToastController(): UseBentoToastController {\n    const toastStack = isVue2\n        ? getCurrentInstance()?.proxy[toastStackInjectionKey]\n        : inject(toastStackInjectionKey, null);\n    if (!toastStack) {\n        printDevelopmentWarning('Toast does not work without Vue.use(BentoPlugin, { withToast: true })');\n        // Return placeholder functions so client code won't brake, but Toasts just won't show up\n        return {\n            stack: readonly(ref([])),\n            addToast: () => ({\n                // eslint-disable-next-line @typescript-eslint/no-empty-function -- intentional empty function explained by the comment above\n                dismiss: () => {},\n            }),\n        };\n    }\n    // Return a new object so unintentional reassigning its properties won't override a global state\n    return { ...toastStack };\n}\n"],"names":["dismissToast","stack","id","toastIndex","toast","toastStackInjectionKey","createToastStack","ref","addToast","params","generateUid","computed","useBentoToastController","toastStack","getCurrentInstance","printDevelopmentWarning","readonly"],"mappings":";;;;AAIA,MAAMA,IAAsE,CAACC,GAAOC,MAAO;AACvF,QAAMC,IAAaF,EAAM,MAAM,UAAU,CAAAG,MAASA,EAAM,OAAOF,CAAE;AACjE,EAAIC,MAAe,MACfF,EAAM,MAAM,OAAOE,GAAY,CAAC;AAExC,GAEaE,2BAAgC,aAAa,GAM7CC,IAAqC,MAAM;AACpD,QAAML,IAAQM,EAAyB,EAAE,GAEnCC,IAAW,CAAAC,MAAU;AACvB,UAAMP,IAAKQ,EAAY,OAAO,GACxBN,IAAQ;AAAA,MACV,GAAGK;AAAA,MACH,IAAAP;AAAA,MACA,SAAS,MAAMF,EAAaC,GAAOC,CAAE;AAAA,IAAA;AAGzC,WAAAD,EAAM,MAAM,QAAQG,CAAK,GAElB;AAAA,MACH,SAAS,MAAMJ,EAAaC,GAAOC,CAAE;AAAA,IAAA;AAAA,EAE7C;AAEA,SAAO;AAAA;AAAA;AAAA,IAGH,OAAOS,EAAS,MAAM,OAAO,OAAO,MAAM,KAAKV,EAAM,KAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU5D,UAAAO;AAAA,EAAA;AAER;AC5CO,SAASI,IAAmD;AAC/D,QAAMC,IACAC,EAAA,GAAsB,MAAMT,CAAsB;AAExD,SAAKQ,IAYE,EAAE,GAAGA,EAAA,KAXRE,EAAwB,uEAAuE,GAExF;AAAA,IACH,OAAOC,EAAST,EAAI,CAAA,CAAE,CAAC;AAAA,IACvB,UAAU,OAAO;AAAA;AAAA,MAEb,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,EACpB;AAKZ;"}

package/dist/chunks/use-country-items.B1KhLbqM.js

@@ -0,0 +1,30 @@
+import { computed as t } from "vue";
+import { a as u, u as n } from "./country.types.BUW49nQx.js";
+import { u as s } from "./index.CPOlyau9.js";
+import { u as l, a as m } from "./use-country-phon-code.Cv5YgCOo.js";
+const f = (o, e) => {
+  const { locale: r } = s(void 0, !0);
+  return t(() => {
+    switch (o?.value) {
+      case u.PHONE_CODE:
+        return e.value.map(({ value: a }) => ({
+          value: a,
+          label: m(a).value
+        }));
+      case u.CAPITAL:
+        return e.value.map(({ value: a }) => ({
+          value: a,
+          label: n(a, r).value
+        }));
+      case u.NAME:
+        return e.value.map(({ value: a }) => ({ value: a, label: l(a, r).value }));
+      case u.CUSTOM:
+      default:
+        return e.value;
+    }
+  });
+};
+export {
+  f as u
+};
+//# sourceMappingURL=use-country-items.B1KhLbqM.js.map

package/dist/chunks/{use-country-items.CmCRY7QX.js.map → use-country-items.B1KhLbqM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-country-items.CmCRY7QX.js","sources":["../../src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, type ComputedRef, type Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { type BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { type BentoListboxOptions } from '@/types/listbox';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;;AAcO,MAAMA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,KAAA,gBAAAA,EAAS,OAAA;AAAA,MACb,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAA,OAAa,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,QAAQ;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EAEzB,CAAC;AACL;"}
+{"version":3,"file":"use-country-items.B1KhLbqM.js","sources":["../../src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, type ComputedRef, type Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { type BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { type BentoListboxOptions } from '@/types/listbox';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;;AAcO,MAAMA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,GAAS,OAAA;AAAA,MACb,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAA,OAAa,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,QAAQ;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EAEzB,CAAC;AACL;"}