{"version":3,"file":"CmWmu127.js","sources":["../../../../src/complib/components/notificationBar/types.ts","../../../../src/complib/components/notificationBar/notificationBar.vue"],"sourcesContent":["export enum NotificationType {\n  SUCCESS = 'success',\n  WARN = 'warn',\n  ERROR = 'error',\n  INFO = 'info',\n  INFO_GREY = 'info_grey',\n}\n","<template>\n  <div\n    class=\"flex flex-row items-stretch w-full rounded-alt-lg px-sm md:px-md mt-md gap-x-sm\"\n    :class=\"[classes, typeConfig.backgroundClass]\"\n  >\n    <div\n      v-if=\"!noIcon\"\n      class=\"relative min-h-[41px] shrink-0 w-[36px]\"\n      :class=\"typeConfig.iconBackgroundClass\"\n    >\n      <FaIcon\n        :icon-class=\"iconClass ?? typeConfig.defaultIconClass\"\n        class=\"absolute w-full m-auto text-xl -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2\"\n        :class=\"typeConfig.iconColor\"\n      ></FaIcon>\n    </div>\n    <slot v-if=\"$slots.default\" />\n    <span v-else class=\"self-center py-sm\">{{ t(description) }}</span>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport { NotificationType } from './types';\n\nconst props = defineProps({\n  type: {\n    type: String as PropType<NotificationType>,\n    required: true,\n  },\n  iconClass: {\n    type: String,\n    required: false,\n    default: undefined,\n  },\n  description: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  classes: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  noIcon: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\nconst { t } = useTrans();\n\nconst typeConfig = computed(() => {\n  switch (props.type) {\n    case NotificationType.WARN:\n      return {\n        iconBackgroundClass: 'bg-status-warn-light',\n        iconColor: 'text-text-base',\n        backgroundClass: 'bg-status-warn-lighter',\n        defaultIconClass: 'far fa-exclamation-circle',\n      };\n    case NotificationType.SUCCESS:\n      return {\n        iconBackgroundClass: 'bg-status-success-light',\n        iconColor: 'text-text-base',\n        backgroundClass: 'bg-status-success-lighter',\n        defaultIconClass: 'far fa-exclamation-circle', //change if needed\n      };\n    case NotificationType.ERROR:\n      return {\n        iconBackgroundClass: 'bg-status-danger-light',\n        iconColor: 'text-white',\n        backgroundClass: 'bg-status-danger-lighter',\n        defaultIconClass: 'fal fa-exclamation-circle', //change if needed\n      };\n    case NotificationType.INFO:\n      return {\n        iconBackgroundClass: 'bg-primary-light',\n        iconColor: 'text-white',\n        backgroundClass: 'bg-primary-lighter',\n        defaultIconClass: 'far fa-exclamation-circle', //change if needed\n      };\n    default:\n    case NotificationType.INFO_GREY:\n      return {\n        iconBackgroundClass: 'bg-border-light',\n        iconColor: 'text-text-base',\n        backgroundClass: 'bg-background-base-opc50',\n        defaultIconClass: 'fal fa-exclamation-circle', //change if needed\n      };\n  }\n});\n</script>\n"],"names":["NotificationType","props","__props","t","useTrans","typeConfig","computed"],"mappings":"4JAAY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,wTCwBZ,MAAMC,EAAQC,EA0BR,CAAE,EAAAC,GAAMC,IAERC,EAAaC,EAAS,IAAM,CAChC,OAAQL,EAAM,KAAM,CAClB,KAAKD,EAAiB,KACb,MAAA,CACL,oBAAqB,uBACrB,UAAW,iBACX,gBAAiB,yBACjB,iBAAkB,2BAAA,EAEtB,KAAKA,EAAiB,QACb,MAAA,CACL,oBAAqB,0BACrB,UAAW,iBACX,gBAAiB,4BACjB,iBAAkB,2BAAA,EAEtB,KAAKA,EAAiB,MACb,MAAA,CACL,oBAAqB,yBACrB,UAAW,aACX,gBAAiB,2BACjB,iBAAkB,2BAAA,EAEtB,KAAKA,EAAiB,KACb,MAAA,CACL,oBAAqB,mBACrB,UAAW,aACX,gBAAiB,qBACjB,iBAAkB,2BAAA,EAEtB,QACA,KAAKA,EAAiB,UACb,MAAA,CACL,oBAAqB,kBACrB,UAAW,iBACX,gBAAiB,2BACjB,iBAAkB,2BAAA,CAExB,CAAA,CACD"}