{"version":3,"file":"js/front/vue/499.js","mappings":"gHA4BA,MC5B0N,ED4B1N,CACAA,KAAA,eAEAC,KAAA,WACA,OACAC,QAAA,EACAC,iBAAA,GACAC,sBAAA,GACAC,mBAAA,GACAC,oBAAA,KACAC,sBAAA,IAEA,EAEAC,QAAA,WACAC,OAAAC,YAAAC,IAAA,wBAAAC,iBACA,EAEAC,WAAA,CACA,qBACAC,KAAA,SAAAC,EAAAC,GAEA,IAAAC,EAAA,SAAAC,GACAH,EAAAI,SAAAD,EAAAE,SAAAL,IAAAG,EAAAE,QACAJ,EAAAK,MAAAH,EAEA,EAEAH,EAAAO,yBAAAL,EAGAM,SAAAC,iBAAA,QAAAP,EACA,EACAQ,OAAA,SAAAV,GAEAQ,SAAAG,oBAAA,QAAAX,EAAAO,yBACA,IAIAK,QAAA,CACAf,iBAAA,SAAAgB,EAAAC,GAAA,IAAAC,EAAA,KAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACA,KAAA1B,qBACA6B,aAAA,KAAA7B,qBAGAyB,EACA,KAAA3B,sBAAAgC,KAAAC,MAAAT,GAEA,KAAAzB,iBAAAyB,EAGA,WAAAC,IAAAA,EAAA,SACA,KAAAxB,mBAAAwB,EACA,KAAA3B,QAAA,EAEA,KAAAI,oBAAAgC,YAAA,WACAR,EAAAS,mBACA,QAAAhC,sBACA,EAEAgC,kBAAA,WACA,KAAApC,iBAAA,GACA,KAAAC,sBAAA,GACA,KAAAC,mBAAA,GACA,KAAAH,QAAA,CACA,EAEAsC,WAAA,WACA,KAAAC,MAAAC,MAAA,cACA,KAAAH,mBACA,GAGAI,SAAA,CACAC,aAAA,WACA,YAAAvC,oBACA,aACA,YACA,0BACA,cACA,oBACA,cACA,mCACA,QACA,SAEA,IEjGA,SAXgB,E,OAAA,GACd,GCRW,WAAkB,IAAIwC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,SAAS,CAAEJ,EAAI3C,OAAQ6C,EAAG,MAAM,CAACG,YAAY,gCAAgC,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAAClC,WAAW,CAAC,CAACb,KAAK,oBAAoBmD,QAAQ,sBAAsB9B,MAAOwB,EAAIL,WAAYY,WAAW,eAAeF,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,oDAAoDG,MAAMR,EAAIxC,oBAAoB,CAAC0C,EAAG,IAAI,CAACG,YAAY,oBAAoBG,MAAM,CAACR,EAAIxC,mBAAoBwC,EAAID,gBAAgBC,EAAIS,GAAG,KAAMT,EAAIzC,sBAAsB6B,OAAQc,EAAG,MAAM,CAACG,YAAY,SAASL,EAAIU,GAAIV,EAAIzC,uBAAuB,SAASoD,EAAQC,GAAO,OAAOV,EAAG,IAAI,CAACW,IAAI,WAAaD,EAAMJ,MAAMI,EAAQ,IAAMZ,EAAIzC,sBAAsB6B,OAAS,OAAS,QAAQ,CAACY,EAAIS,GAAG,qBAAqBT,EAAIc,GAAGH,GAAS,qBAAqB,IAAG,GAAGT,EAAG,MAAM,CAACG,YAAY,SAAS,CAACL,EAAIS,GAAG,mBAAmBT,EAAIc,GAAGd,EAAI1C,kBAAkB,8BAA8B0C,EAAIe,MACpgC,GACsB,IDSpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack:///resources/js/vue/components/global/Notification.vue","webpack:///./resources/js/vue/components/global/Notification.vue?9248","webpack:///./resources/js/vue/components/global/Notification.vue?8767","webpack:///./resources/js/vue/components/global/Notification.vue"],"sourcesContent":["<template>\r\n  <transition name=\"fade\">\r\n    <div v-if=\"opened\" class=\"notification container-fluid\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col-12\" v-click-outside-app=\"defocusApp\">\r\n            <div class=\"notification-text d-flex align-items-center gap-2\" :class=\"notificationStatus\">\r\n              <i class=\"notification-icon\" :class=\"[notificationStatus, computedIcon]\"></i>\r\n\r\n              <div v-if=\"notificationTextArray.length\" class=\"w-100\">\r\n                <p v-for=\"(message, index) in notificationTextArray\" :key=\"'message-' + index\"\r\n                   :class=\"index + 1 !== notificationTextArray.length ? 'mb-2' : 'mb-0'\">\r\n                  {{ message }}\r\n                </p>\r\n              </div>\r\n\r\n              <div v-else class=\"w-100\">\r\n                {{ notificationText }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Notification\",\r\n\r\n  data() {\r\n    return {\r\n      opened: false,\r\n      notificationText: '',\r\n      notificationTextArray: [],\r\n      notificationStatus: '',\r\n      notificationTimeout: null,\r\n      notificationCloseTime: 4000\r\n    }\r\n  },\r\n\r\n  created() {\r\n    window.VueEventBus.$on('showNotification', this.showNotification);\r\n  },\r\n\r\n  directives: {\r\n    \"click-outside-app\": {\r\n      bind: function (el, binding) {\r\n        // Define ourClickEventHandler\r\n        const ourClickEventHandler = event => {\r\n          if (!el.contains(event.target) && el !== event.target) {\r\n            binding.value(event); // before binding it\r\n          }\r\n        };\r\n        // attached the handler to the element so we can remove it later easily\r\n        el.__vueClickEventHandler__ = ourClickEventHandler;\r\n\r\n        // attaching ourClickEventHandler to a listener on the document here\r\n        document.addEventListener(\"click\", ourClickEventHandler);\r\n      },\r\n      unbind: function (el) {\r\n        // Remove Event Listener\r\n        document.removeEventListener(\"click\", el.__vueClickEventHandler__);\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    showNotification(text, type, array = false) {\r\n      if (this.notificationTimeout) {\r\n        clearTimeout(this.notificationTimeout);\r\n      }\r\n\r\n      if (array) {\r\n        this.notificationTextArray = JSON.parse(text);\r\n      } else {\r\n        this.notificationText = text;\r\n      }\r\n\r\n      if (type === 'danger') type = 'error';\r\n      this.notificationStatus = type;\r\n      this.opened = true;\r\n\r\n      this.notificationTimeout = setTimeout(() => {\r\n        this.closeNotification();\r\n      }, this.notificationCloseTime);\r\n    },\r\n\r\n    closeNotification() {\r\n      this.notificationText = '';\r\n      this.notificationTextArray = [];\r\n      this.notificationStatus = '';\r\n      this.opened = false;\r\n    },\r\n\r\n    defocusApp() {\r\n      this.$root.$emit('defocusApp'); // emitted event\r\n      this.closeNotification();\r\n    },\r\n  },\r\n\r\n  computed: {\r\n    computedIcon() {\r\n      switch (this.notificationStatus) {\r\n        case 'danger':\r\n        case 'error':\r\n          return 'fa-solid fa-xmark';\r\n        case 'success':\r\n          return 'fa fa-check';\r\n        case 'warning':\r\n          return 'fa fa-triangle-exclamation';\r\n        default:\r\n          return '';\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notification.vue?vue&type=template&id=b2e93ed2&\"\nimport script from \"./Notification.vue?vue&type=script&lang=js&\"\nexport * from \"./Notification.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.opened)?_c('div',{staticClass:\"notification container-fluid\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{directives:[{name:\"click-outside-app\",rawName:\"v-click-outside-app\",value:(_vm.defocusApp),expression:\"defocusApp\"}],staticClass:\"col-12\"},[_c('div',{staticClass:\"notification-text d-flex align-items-center gap-2\",class:_vm.notificationStatus},[_c('i',{staticClass:\"notification-icon\",class:[_vm.notificationStatus, _vm.computedIcon]}),_vm._v(\" \"),(_vm.notificationTextArray.length)?_c('div',{staticClass:\"w-100\"},_vm._l((_vm.notificationTextArray),function(message,index){return _c('p',{key:'message-' + index,class:index + 1 !== _vm.notificationTextArray.length ? 'mb-2' : 'mb-0'},[_vm._v(\"\\n                \"+_vm._s(message)+\"\\n              \")])}),0):_c('div',{staticClass:\"w-100\"},[_vm._v(\"\\n              \"+_vm._s(_vm.notificationText)+\"\\n            \")])])])])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["name","data","opened","notificationText","notificationTextArray","notificationStatus","notificationTimeout","notificationCloseTime","created","window","VueEventBus","$on","showNotification","directives","bind","el","binding","ourClickEventHandler","event","contains","target","value","__vueClickEventHandler__","document","addEventListener","unbind","removeEventListener","methods","text","type","_this","array","arguments","length","undefined","clearTimeout","JSON","parse","setTimeout","closeNotification","defocusApp","$root","$emit","computed","computedIcon","_vm","this","_c","_self","attrs","staticClass","rawName","expression","class","_v","_l","message","index","key","_s","_e"],"sourceRoot":""}