{"version":3,"file":"DDv2f3Cf.js","sources":["../../../../src/components/dialog/favListMultiSelectDelete/useMultiSelectDelete.ts","../../../../src/components/dialog/favListMultiSelectDelete/multiSelectDelete.vue"],"sourcesContent":["import type { ErrorIdent } from '~/@types/errorIdents';\nimport { useFavLists } from '~/stores/useFavLists';\nimport { useDialogStore } from '~/stores/useDialogStore';\n\nconst favListStore = useFavLists();\nconst dialogStore = useDialogStore();\n\nexport function useMultiSelectDelete() {\n  const errors = ref<ErrorIdent[]>([]);\n  const isLoading = ref(false);\n\n  async function onDelete() {\n    isLoading.value = true;\n    await deleteItems();\n    isLoading.value = false;\n  }\n\n  async function deleteItems() {\n    try {\n      const result = await favListStore.deleteSelectedItems();\n\n      if (result) {\n        dialogStore.closeDialog();\n      }\n    } catch (e: any) {\n      errors.value = e.data.data.errors;\n      isLoading.value = false;\n    }\n  }\n\n  return {\n    isLoading,\n    errors,\n    onDelete,\n  };\n}\n","<template>\n  <Dialog width-class=\"md:max-w-[510px]\">\n    <div class=\"px-md pb-md flex flex-col max-h-[92vh]\">\n      <div v-if=\"$siteIdent.startsWith('minilu')\" class=\"flex justify-center\">\n        <img src=\"@/assets/images/minilu/trash.svg\" class=\"relative -top-md\" />\n      </div>\n\n      <div v-else class=\"flex justify-center mb-sm mt-md\">\n        <HeadlineDynamic\n          headline=\"favLists.multiSelect.deleteItems\"\n          level=\"h4\"\n        />\n      </div>\n      <div class=\"overflow-auto h-fit\">\n        <div\n          v-if=\"errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\"\n          class=\"mb-md\"\n        >\n          <UnknownError />\n        </div>\n        <div class=\"text-center mb-md\">\n          {{ t('favLists.multiSelect.delete.dialog.text') }}\n        </div>\n        <ButtonBasic\n          classes=\"w-full px-sm md:px-0\"\n          :label=\"t('favLists.multiSelect.deleteItems')\"\n          :disabled=\"isLoading\"\n          full-width\n          @click=\"onDelete()\"\n        ></ButtonBasic>\n        <div\n          class=\"flex items-center justify-center w-full gap-2 cursor-pointer text-primary-base mt-md\"\n          @click=\"dialogStore.closeDialog()\"\n        >\n          <span class=\"anim__underline-link anim-link\">\n            {{ t('formFields.form.cancel') }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport Dialog from '@/components/dialog/components/dialogFrame/empty/dialogFrame.vue';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/basic-button.vue';\nimport HeadlineDynamic from '@/components/components/core/headline-dynamic/headline-dynamic.vue';\nimport { useMultiSelectDelete } from './useMultiSelectDelete';\nimport { useDialogStore } from '~/stores/useDialogStore';\nimport { ErrorIdent } from '~/@types/errorIdents';\n\nconst { t } = useTrans();\nconst dialogStore = useDialogStore();\n\nconst { onDelete, isLoading, errors } = useMultiSelectDelete();\n</script>\n"],"names":["favListStore","useFavLists","dialogStore","useDialogStore","useMultiSelectDelete","errors","ref","isLoading","onDelete","deleteItems","e","useTrans"],"mappings":"8kBAIA,MAAMA,EAAeC,EAAY,EAC3BC,EAAcC,EAAe,EAE5B,SAASC,GAAuB,CAC/B,MAAAC,EAASC,EAAkB,CAAA,CAAE,EAC7BC,EAAYD,EAAI,EAAK,EAE3B,eAAeE,GAAW,CACxBD,EAAU,MAAQ,GAClB,MAAME,EAAY,EAClBF,EAAU,MAAQ,EACpB,CAEA,eAAeE,GAAc,CACvB,GAAA,CACa,MAAMT,EAAa,uBAGhCE,EAAY,YAAY,QAEnBQ,EAAQ,CACRL,EAAA,MAAQK,EAAE,KAAK,KAAK,OAC3BH,EAAU,MAAQ,EACpB,CACF,CAEO,MAAA,CACL,UAAAA,EACA,OAAAF,EACA,SAAAG,CAAA,CAEJ,uXCgBM,KAAA,CAAE,GAAMG,IACRT,EAAcC,IAEd,CAAE,SAAAK,EAAU,UAAAD,EAAW,OAAAF,GAAWD,EAAqB"}