{"version":3,"file":"FormModal-DkbPn62s.js","sources":["../../../app/javascript/shared/components/modals/FormModal/FormModal.vue"],"sourcesContent":["<template>\n  <BaseModal\n    :name=\"name\"\n    :click-outside-to-close=\"clickOutsideToClose\"\n    :width-class=\"widthClass\"\n    @hide=\"emit('hide')\"\n    @show=\"emit('show')\"\n  >\n    <div\n      class=\"tw-flex tw-justify-between tw-space-x-8 tw-border-b tw-border-neutral-100 tw-p-6\"\n    >\n      <div class=\"tw-flex tw-items-center\">\n        <div\n          v-if=\"$slots.icon\"\n          class=\"tw-mr-4 tw-flex tw-h-12 tw-w-12 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full\"\n          :class=\"iconColors[iconColor]\"\n        >\n          <div class=\"tw-h-6 tw-w-6\">\n            <slot name=\"icon\" />\n          </div>\n        </div>\n        <div>\n          <div class=\"tw-text-2xl tw-font-bold\">{{ header }}</div>\n          <div\n            v-if=\"description || $slots.description\"\n            class=\"tw-text-sm tw-text-neutral-400\"\n          >\n            {{ description }}\n            <slot name=\"description\" />\n          </div>\n        </div>\n      </div>\n      <IconButton class=\"tw-shrink-0\" @click=\"closeModal(name)\">\n        <CloseIcon />\n      </IconButton>\n    </div>\n    <slot />\n  </BaseModal>\n</template>\n\n<script setup>\nimport IconButton from '../../IconButton.vue'\nimport CloseIcon from '@/assets/images/icons/close.svg'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport BaseModal from '@/shared/components/BaseModal.vue'\n\nconst emit = defineEmits(['hide', 'show'])\n\ndefineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  header: {\n    type: String,\n    required: true,\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  iconColor: {\n    type: String,\n    default: 'DEFAULT',\n  },\n  widthClass: {\n    type: String,\n    default: 'tw-max-w-[750px]',\n  },\n  clickOutsideToClose: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconColors = {\n  DEFAULT: 'tw-bg-primary-50 tw-text-primary-500',\n  red: 'tw-bg-error-50 tw-text-error-500',\n  green: 'tw-bg-success-50 tw-text-success-500',\n}\n\nconst { closeModal } = useModals()\n</script>\n"],"names":["emit","__emit","iconColors","closeModal","useModals"],"mappings":"mxBA8CA,MAAMA,EAAOC,EA6BPC,EAAa,CACjB,QAAS,uCACT,IAAK,mCACL,MAAO,sCACT,EAEM,CAAE,WAAAC,CAAY,EAAGC,EAAW"}