{"version":3,"file":"NotificationFlash-edfe75c8.js","sources":["../../../app/javascript/components/notification/NotificationFlash.vue"],"sourcesContent":["<template>\n  <div class=\"mx-4 mt-4 overflow-hidden rounded border border-gray-700 bg-gray-800 shadow-lg\">\n    <div :class=\"`border-l-2 border-${accent}-400`\" class=\"flex justify-between p-4\">\n      <!-- this is to avoid purging of classes DO NOT REMOVE -->\n      <!-- <div class=\"border-yellow-400 border-red-400 border-green-400 border-blue-400\"/> -->\n      <div class=\"flex w-full flex-col justify-center\">\n        <span :class=\"`text-${accent}-400`\" class=\"text-xs font-semibold uppercase tracking-tight line-clamp-1\">\n          {{ title }}\n        </span>\n        <p class=\"mt-1 text-sm font-medium leading-4 text-gray-100 line-clamp-3\" v-html=\"notification.text.message\"></p>\n        <div class=\"mt-2\" v-if=\"notification.onClick\">\n          <BaseButton size=\"xs\" @press=\"handleClick()\">Read More</BaseButton>\n        </div>\n      </div>\n      <div class=\"ml-4 flex items-center\">\n        <button @click=\"close(notification.id)\" class=\"text-gray-400 hover:text-gray-100 focus:outline-none\">\n          <svg\n            class=\"h-4 w-4\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              fill-rule=\"evenodd\"\n              d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n              clip-rule=\"evenodd\"\n            />\n          </svg>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    notification: {\n      type: Object\n    },\n    close: {\n      type: Function\n    }\n  },\n  computed: {\n    title: function () {\n      let type = this.notification.text.type;\n      if (this.notification.text.title) {\n        return this.notification.text.title;\n      } else if (type && type != 'alert' && type != 'notice') {\n        return type;\n      } else {\n        return 'Message';\n      }\n    },\n    accent: function () {\n      let color = 'blue';\n      let type = this.notification.text.type;\n      if (type == 'error') {\n        color = 'red';\n      } else if (type == 'warning' || type == 'alert') {\n        color = 'yellow';\n      } else if (type == 'success' || type == 'notice') {\n        color = 'green';\n      }\n      return color;\n    }\n  },\n  methods: {\n    handleClick() {\n      this.notification.onClick();\n    }\n  }\n};\n</script>\n"],"names":["_sfc_main","type","color","_hoisted_1","_hoisted_2","_hoisted_5","_createElementVNode","_hoisted_6","_openBlock","_createElementBlock","_normalizeClass","$options","$props","_hoisted_4","_createVNode","_component_BaseButton","_cache","$event"],"mappings":"+KAmCA,MAAKA,EAAU,CACb,MAAO,CACL,aAAc,CACZ,KAAM,MACP,EACD,MAAO,CACL,KAAM,QACR,CACD,EACD,SAAU,CACR,MAAO,UAAY,CACjB,IAAIC,EAAO,KAAK,aAAa,KAAK,KAClC,OAAI,KAAK,aAAa,KAAK,MAClB,KAAK,aAAa,KAAK,MACrBA,GAAQA,GAAQ,SAAWA,GAAQ,SACrCA,EAEA,SAEV,EACD,OAAQ,UAAY,CAClB,IAAIC,EAAQ,OACRD,EAAO,KAAK,aAAa,KAAK,KAClC,OAAIA,GAAQ,QACVC,EAAQ,MACCD,GAAQ,WAAaA,GAAQ,QACtCC,EAAQ,UACCD,GAAQ,WAAaA,GAAQ,YACtCC,EAAQ,SAEHA,CACT,CACD,EACD,QAAS,CACP,aAAc,CACZ,KAAK,aAAa,SACpB,CACF,CACF,EAxEOC,EAAA,CAAA,MAAM,gFAAgF,EAIlFC,EAAA,CAAA,MAAM,qCAAqC,2BAKzC,MAAM,QAIRC,EAAA,CAAA,MAAM,wBAAwB,IAE/BC,EAYM,MAAA,CAXJ,MAAM,UACN,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,cAAY,SAEZA,EAIE,OAAA,CAHA,YAAU,UACV,EAAE,qMACF,YAAU,oBAVdC,mDAfR,OAAAC,EAAA,EAAAC,EA+BM,MA/BNN,EA+BM,CA9BJG,EA6BM,MAAA,CA7BA,MAAKI,EAAA,CAAA,qBAAuBC,EAAM,MAAA,OAAc,0BAA0B,CAAA,IAG9EL,EAQM,MARNF,EAQM,CAPJE,EAEO,OAAA,CAFA,MAAKI,EAAA,CAAA,QAAUC,EAAM,MAAA,OAAc,6DAA6D,CAAA,KAClGA,EAAK,KAAA,EAAA,CAAA,EAEVL,EAAgH,IAAA,CAA7G,MAAM,gEAAgE,UAAQM,EAAA,aAAa,KAAK,mBAC3EA,EAAA,aAAa,SAArCJ,IAAAC,EAEM,MAFNI,EAEM,CADJC,EAAmEC,EAAA,CAAvD,KAAK,KAAM,uBAAOJ,EAAW,YAAA,eAAI,IAAS,GAAT,WAAS,wBAG1DL,EAgBM,MAhBND,EAgBM,CAfJC,EAcS,SAAA,CAdA,QAAOU,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAL,EAAA,MAAMA,EAAA,aAAa,EAAE,GAAG,MAAM"}