{"version":3,"sources":["webpack:///./src/routes/support.vue","webpack:///./src/components/appMain/support/singleTicket.vue","webpack:///src/components/appMain/support/singleTicket.vue","webpack:///./src/components/appMain/support/singleTicket.vue?7084","webpack:///./src/components/appMain/support/singleTicket.vue?9c30","webpack:///./src/components/appMain/support/addTicket.vue","webpack:///src/components/appMain/support/addTicket.vue","webpack:///./src/components/appMain/support/addTicket.vue?b489","webpack:///./src/components/appMain/support/addTicket.vue?7e7e","webpack:///src/routes/support.vue","webpack:///./src/routes/support.vue?5f85","webpack:///./src/routes/support.vue?455e","webpack:///./src/components/empty/empty.vue?ad25","webpack:///./src/components/loading/loading.vue","webpack:///src/components/loading/loading.vue","webpack:///./src/components/loading/loading.vue?9acd","webpack:///./src/components/loading/loading.vue?6e17","webpack:///./src/components/loading/loading.vue?a084","webpack:///./src/routes/support.vue?0d0e","webpack:///./src/components/empty/empty.vue","webpack:///src/components/empty/empty.vue","webpack:///./src/components/empty/empty.vue?b46c","webpack:///./src/components/empty/empty.vue?5dac","webpack:///./src/components/appMain/support/addTicket.vue?1af4","webpack:///./src/components/appMain/support/singleTicket.vue?d180"],"names":["render","_vm","this","_c","_self","staticClass","isLoading","tickets","length","_e","_l","ticket","index","key","attrs","addTicketStatus","staticRenderFns","on","$event","ticketClick","id","style","statusColor","requestor_type","_v","_s","tid","titleDecoded","$t","status","beauty","message","formatDate","date","name","props","Object","methods","$router","push","decode","replace","d","Date","ye","Intl","DateTimeFormat","year","format","mo","month","da","day","ho","hour","hour12","mi","minute","text","txt","document","createElement","innerHTML","value","computed","toLowerCase","$config","colors","success","warn","err","gray","title","component","isSending","closeFields","sendNewTicket","model","ticketDepartment","callback","$$v","expression","departments","dep","ticketTitle","ticketMessage","data","user","$store","getters","getUser","mapGetters","baseURL","commit","$message","$api","get","params","run","subject","department","then","resp","result","dispatch","catch","_ref","_err$response$data$me","_err$response","_err$response$data","response","error","console","finally","created","components","singleTicket","loading","empty","addTicketField","mounted","class","ha","color","type","String","default","main","Boolean"],"mappings":"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","file":"js/chunk-6ce97fe2.9ee34a19.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tickets\"},[(_vm.isLoading)?_c('loading'):_c('div',{staticClass:\"container\"},[[(_vm.tickets.length == 0)?_c('empty'):_vm._e(),_c('div',{staticClass:\"ticket__wrapper\"},_vm._l((_vm.tickets),function(ticket,index){return _c('singleTicket',{key:index,attrs:{\"ticket\":ticket}})}),1)],(_vm.addTicketStatus)?_c('addTicketField'):_vm._e()],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ticket\",on:{\"click\":function($event){return _vm.ticketClick(_vm.ticket.id)}}},[_c('div',{staticClass:\"ticket__status\",style:({ 'background-color': _vm.statusColor })}),_c('div',{staticClass:\"ticket__content\"},[_c('div',{staticClass:\"ticket__upper\"},[_c('div',{staticClass:\"ticket__title\"},[(_vm.ticket.requestor_type !== 'Owner')?_c('a-badge',{attrs:{\"dot\":\"\"}},[_vm._v(\" #\"+_vm._s(_vm.ticket.tid)+\" - \"+_vm._s(_vm.titleDecoded)+\" \")]):[_vm._v(\" #\"+_vm._s(_vm.ticket.tid)+\" - \"+_vm._s(_vm.titleDecoded)+\" \")]],2),_c('div',{staticClass:\"ticket__status-text\"},[_vm._v(\" \"+_vm._s(_vm.$t(`ticketStatus.${_vm.ticket.status}`))+\" \")])]),_c('div',{staticClass:\"ticket__lower\"},[_c('div',{staticClass:\"ticket__message\"},[_vm._v(_vm._s(_vm.beauty(_vm.ticket.message)))]),_c('div',{staticClass:\"ticket__time\"},[_vm._v(_vm._s(_vm.formatDate(_vm.ticket.date)))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ticket\" @click=\"ticketClick(ticket.id)\">\n    <div\n      class=\"ticket__status\"\n      :style=\"{ 'background-color': statusColor }\"\n    ></div>\n    <div class=\"ticket__content\">\n      <div class=\"ticket__upper\">\n        <div class=\"ticket__title\">\n          <a-badge v-if=\"ticket.requestor_type !== 'Owner'\" dot>\n            #{{ ticket.tid }} - {{ titleDecoded }}\n          </a-badge>\n          <template v-else> #{{ ticket.tid }} - {{ titleDecoded }} </template>\n        </div>\n        <div class=\"ticket__status-text\">\n          {{ $t(`ticketStatus.${ticket.status}`) }}\n        </div>\n      </div>\n      <div class=\"ticket__lower\">\n        <div class=\"ticket__message\">{{ beauty(ticket.message) }}</div>\n        <div class=\"ticket__time\">{{ formatDate(ticket.date) }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ticket\",\n  props: { ticket: Object },\n  methods: {\n    ticketClick(id) {\n      this.$router.push(\"ticket-\" + id);\n    },\n    beauty(message) {\n      message = this.decode(message);\n      message = message.replace(/-{2,}.*/gi, \"\");\n      message = message.replace(/IP Address.*/gi, \"\");\n      return message || 'empty';\n    },\n    formatDate(date) {\n      const d = new Date(date.replace(/-/g, \"/\"));\n      const ye = new Intl.DateTimeFormat(\"en\", { year: \"numeric\" }).format(d);\n      const mo = new Intl.DateTimeFormat(\"en\", { month: \"2-digit\" }).format(d);\n      const da = new Intl.DateTimeFormat(\"en\", { day: \"2-digit\" }).format(d);\n      const ho = new Intl.DateTimeFormat(\"en\", { hour: \"2-digit\", hour12: false }).format(d);\n      const mi = new Intl.DateTimeFormat(\"en\", { minute: \"2-digit\" }).format(d);\n\n      return `${da}/${mo}/${ye} ${ho}:${mi}`;\n    },\n    decode(text) {\n      var txt = document.createElement(\"textarea\");\n      txt.innerHTML = text;\n      return txt.value;\n    },\n  },\n  computed: {\n    statusColor() {\n      switch (this.ticket.status.toLowerCase()) {\n        case \"open\":\n          return this.$config.colors.success;\n        case \"customer-reply\":\n          return this.$config.colors.warn;\n        case \"closed\":\n          return this.$config.colors.err;\n        default:\n          return this.$config.colors.gray;\n      }\n    },\n    titleDecoded() {\n      return this.decode(this.ticket.title);\n    },\n  }\n}\n</script>\n\n<style>\n.ticket {\n  position: relative;\n  padding: 15px 20px 15px 40px;\n  box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.05);\n  border-radius: 15px;\n  background-color: #fff;\n  cursor: pointer;\n}\n.ticket:hover {\n  background-color: rgba(255, 255, 255, 0.55);\n}\n.ticket:not(:last-child) {\n  margin-bottom: 20px;\n}\n.ticket__upper {\n  display: flex;\n  justify-content: space-between;\n}\n.ticket__lower {\n  display: flex;\n  justify-content: space-between;\n}\n.ticket__status {\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  border-radius: 50%;\n  top: 50%;\n  left: 20px;\n  transform: translateY(-50%);\n}\n.ticket__message,\n.ticket__title {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  padding-right: 10px;\n}\n.ticket__title {\n  font-weight: bold;\n}\n.ticket__time {\n  font-size: 0.8rem;\n  color: rgba(0, 0, 0, 0.3);\n  font-weight: 600;\n  flex-shrink: 0;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./singleTicket.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./singleTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./singleTicket.vue?vue&type=template&id=4bb29d82&\"\nimport script from \"./singleTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./singleTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./singleTicket.vue?vue&type=style&index=0&id=4bb29d82&prod&lang=css&\"\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('a-modal',{attrs:{\"title\":_vm.$t('ask a question'),\"visible\":_vm.addTicketStatus,\"confirmLoading\":_vm.isSending,\"cancelText\":_vm.$t('Cancel')},on:{\"cancel\":_vm.closeFields,\"ok\":_vm.sendNewTicket}},[_c('a-spin',{attrs:{\"tip\":\"Loading...\",\"spinning\":_vm.isLoading}},[_c('a-form-model',{attrs:{\"layout\":\"vertical\"}},[_c('a-form-model-item',{attrs:{\"label\":_vm.$t('department')}},[_c('a-select',{attrs:{\"placeholder\":\"department\"},model:{value:(_vm.ticketDepartment),callback:function ($$v) {_vm.ticketDepartment=$$v},expression:\"ticketDepartment\"}},_vm._l((_vm.departments),function(dep){return _c('a-select-option',{key:dep.id,attrs:{\"value\":dep.id}},[_vm._v(\" \"+_vm._s(dep.name)+\" \")])}),1)],1),_c('a-form-model-item',{attrs:{\"label\":_vm.$t('subject')}},[_c('a-input',{attrs:{\"placeholder\":\"\"},model:{value:(_vm.ticketTitle),callback:function ($$v) {_vm.ticketTitle=$$v},expression:\"ticketTitle\"}})],1),_c('a-form-model-item',{attrs:{\"label\":_vm.$t('question')}},[_c('a-textarea',{attrs:{\"rows\":\"10\"},model:{value:(_vm.ticketMessage),callback:function ($$v) {_vm.ticketMessage=$$v},expression:\"ticketMessage\"}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a-modal\n    :title=\"$t('ask a question')\"\n    :visible=\"addTicketStatus\"\n    :confirmLoading=\"isSending\"\n    @cancel=\"closeFields\"\n    @ok=\"sendNewTicket\"\n    :cancelText=\"$t('Cancel')\"\n  >\n    <a-spin tip=\"Loading...\" :spinning=\"isLoading\">\n      <a-form-model layout=\"vertical\">\n        <a-form-model-item :label=\"$t('department')\">\n          <a-select v-model=\"ticketDepartment\" placeholder=\"department\">\n            <a-select-option v-for=\"dep in departments\" :key=\"dep.id\" :value=\"dep.id\" >\n              {{ dep.name }}\n            </a-select-option>\n          </a-select>\n        </a-form-model-item>\n\n        <a-form-model-item :label=\"$t('subject')\">\n          <a-input v-model=\"ticketTitle\" placeholder=\"\" />\n        </a-form-model-item>\n\n        <a-form-model-item :label=\"$t('question')\">\n          <a-textarea v-model=\"ticketMessage\" rows=\"10\" />\n        </a-form-model-item>\n      </a-form-model>\n    </a-spin>\n  </a-modal>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"addTicket\",\n  data() {\n    return {\n      ticketDepartment: -1,\n      ticketTitle: \"\",\n      ticketMessage: \"\",\n      isSending: false,\n      isLoading: false\n    };\n  },\n  computed: {\n    user() {\n      return this.$store.getters.getUser;\n    },\n    ...mapGetters(\"support\", {\n      addTicketStatus: \"isAddTicketState\",\n      departments: \"getDepartments\",\n      baseURL: \"getURL\",\n    }),\n  },\n  methods: {\n    closeFields() {\n      this.$store.commit(\"support/inverseAddTicketState\");\n    },\n    sendNewTicket() {\n      if (this.ticketTitle.length < 3 || this.ticketMessage.length < 3) {\n        this.$message.warn(this.$t(\"ticket subject or message is too short\"));\n        return;\n      }\n\n      if (this.ticketDepartment == -1) {\n        this.$message.warn(this.$t(\"departments are loading\"));\n        return;\n      }\n\n      this.isSending = true;\n      this.$api.get(this.baseURL, { params: {\n        run: 'create_ticket',\n        subject: this.ticketTitle,\n        message: this.ticketMessage,\n        department: this.ticketDepartment,\n      }})\n        .then((resp) => {\n          if (resp.result == \"success\") {\n            this.ticketTitle = \"\";\n            this.ticketMessage = \"\";\n            this.isSending = false;\n\n            this.$store.dispatch(\"support/autoFetch\");\n            this.$store.commit(\"support/inverseAddTicketState\");\n          } else {\n            throw resp;\n          }\n        })\n        .catch((err) => {\n          const message = err.response?.data?.message ?? err.message ?? err;\n\n          this.$message.error(this.$t(message));\n          console.error(err);\n        })\n        .finally(() => {\n          this.isSending = false;\n        });\n    },\n  },\n  created() {\n    this.isLoading = true;\n    this.$store.dispatch(\"support/fetchDepartments\")\n      .then(() => {\n        if (this.departments.length < 1) return;\n        this.ticketDepartment = this.departments[0].id;\n      })\n      .catch(() => {\n        this.$message.error(this.$t(\"departments not found\"));\n      })\n      .finally(() => {\n        this.isLoading = false;\n      });\n  },\n};\n</script>\n\n<style>\n.addTicket__wrapper {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.2);\n}\n\n.addTicket {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 90%;\n  max-width: 768px;\n  height: 90%;\n  background: #fff;\n  border-radius: 35px 35px 0 0;\n  box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.2);\n  padding: 15px 20px;\n  display: flex;\n  flex-direction: column;\n}\n\n.addTicket__header {\n  text-align: center;\n  font-size: 1.3rem;\n  font-weight: 600;\n}\n\n.addTicket__title {\n  margin-top: 20px;\n}\n\n.addTicket__message {\n  flex: 1 0;\n  margin-top: 20px;\n  display: flex;\n  flex-direction: column;\n}\n\n.addTicket__title-input,\n.addTicket__message-input {\n  width: 100%;\n  border: none;\n  outline: none;\n  background-color: var(--bright_bg);\n  border-radius: 25px;\n  padding: 10px 15px;\n}\n\n.row__name {\n  padding-left: 20px;\n  margin-bottom: 5px;\n}\n\n.addTicket__message-input {\n  border-radius: 25px 25px 0 0;\n  flex: 1 0;\n  resize: none;\n}\n\n.addTicket__buttons {\n  display: flex;\n  width: 100%;\n}\n\n.addTicket__button {\n  flex-grow: 1;\n  padding: 10px 15px;\n  border: none;\n  outline: none;\n  color: #fff;\n  font-weight: 600;\n  font-size: 1.1rem;\n  cursor: pointer;\n}\n\n.addTicket__button--cancel {\n  background-color: var(--err);\n  border-radius: 0 0 0 25px;\n}\n\n.addTicket__button--send {\n  background-color: var(--success);\n  border-radius: 0 0 25px 0;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addTicket.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addTicket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addTicket.vue?vue&type=template&id=7908e9e8&\"\nimport script from \"./addTicket.vue?vue&type=script&lang=js&\"\nexport * from \"./addTicket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addTicket.vue?vue&type=style&index=0&id=7908e9e8&prod&lang=css&\"\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","<template>\n\t<div class=\"tickets\">\n\t\t<loading v-if=\"isLoading\" />\n\t\t<div v-else class=\"container\">\n\n\t\t\t<template>\n\t\t\t\t<empty v-if=\"tickets.length == 0\"/>\n\t\t\t\t<div class=\"ticket__wrapper\">\n\t\t\t\t\t<singleTicket v-for='(ticket, index) in tickets' :key='index' :ticket='ticket'/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<addTicketField v-if=\"addTicketStatus\"/>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport singleTicket from \"../components/appMain/support/singleTicket.vue\";\nimport loading from '../components/loading/loading.vue';\nimport empty from '../components/empty/empty.vue';\nimport addTicketField from '../components/appMain/support/addTicket.vue';\nimport { mapGetters } from 'vuex';\n\nexport default {\n\tname: 'support',\n\tcomponents: {\n\t\tsingleTicket,\n\t\tloading,\n\t\tempty,\n\t\taddTicketField\n\t},\n\tcomputed: {\n\t\t...mapGetters('support', {\n\t\t\tisLoading: 'isLoading',\n\t\t\ttickets: 'getTickets',\n\t\t\taddTicketStatus: 'isAddTicketState'\n\t\t})\n\t},\n\tmounted(){\n\t\tthis.$store.dispatch(\"support/autoFetch\");\n\t},\n}\n</script>\n\n<style>\n\t.tickets{\n\t\toverflow: auto;\n\t\theight: 100%;\n\t\tposition: relative;\n\t\tpadding-top: 20px;\n\t}\n\n\t.ticket__wrapper{\n\t\theight: 100%;\n\t\toverflow: auto;\n\t\tpadding: 0 10px 20px;\n\t}\n\n\t.ticket__add-enter-active.addTicket__wrapper,\n\t.ticket__add-leave-active.addTicket__wrapper {\n\t\ttransition:\n\t\t\topacity .2s ease;\n\t}\n\t.ticket__add-enter-active .addTicket,\n\t.ticket__add-leave-active .addTicket {\n\t\ttransition:\n\t\t\topacity .2s ease,\n\t\t\ttransform .3s ease;\n\t}\n\t.ticket__add-enter-active,\n\t.ticket__add-leave-active {\n\t\ttransition:\n\t\t\tall .4s ease,\n\t}\n\n\t.ticket__add-enter.addTicket__wrapper,\n\t.ticket__add-leave-to.addTicket__wrapper {\n\t\topacity: 0;\n\t}\n\t.ticket__add-enter .addTicket,\n\t.ticket__add-leave-to .addTicket {\n\t\topacity: 0;\n\t\ttransform: translateX(-50%) translateY(100%) !important;\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./support.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./support.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./support.vue?vue&type=template&id=f228be52&\"\nimport script from \"./support.vue?vue&type=script&lang=js&\"\nexport * from \"./support.vue?vue&type=script&lang=js&\"\nimport style0 from \"./support.vue?vue&type=style&index=0&id=f228be52&prod&lang=css&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./empty.vue?vue&type=style&index=0&id=377f0410&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loading\",class:{'ha': _vm.ha},style:({'color': _vm.color})},[_c('a-icon',{attrs:{\"type\":\"loading\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"loading\" :class=\"{'ha': ha}\" :style=\"{'color': color}\">\n\t\t<a-icon type=\"loading\" />\n  </div>\n</template>\n\n<script>\nexport default {\n\tname: 'loading',\n\tprops: {\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: function() {\n\t\t\t\treturn this.$config.colors.main\n\t\t\t}\n\t\t},\n\t\tha: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\n.loading {\n\theight: 100%;\n\tdisplay: grid;\n\tplace-items: center;\n\tfont-size: 3rem;\n}\n\n.ha{\n\theight: auto;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./loading.vue?vue&type=template&id=280af17d&scoped=true&\"\nimport script from \"./loading.vue?vue&type=script&lang=js&\"\nexport * from \"./loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./loading.vue?vue&type=style&index=0&id=280af17d&prod&scoped=true&lang=css&\"\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  \"280af17d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=style&index=0&id=280af17d&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./support.vue?vue&type=style&index=0&id=f228be52&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"none\"},[_c('div',{staticClass:\"smile\"},[_vm._v(\":(\")]),_vm._v(\" \"+_vm._s(_vm.$t('It’s empty...'))+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  \t<div class=\"none\">\n\t\t<div class=\"smile\">:(</div>\n\t\t{{$t('It’s empty...')}}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'emptyPlaceholder'\n}\n</script>\n\n<style>\n\n\n.none{\n\tdisplay: flex;\n\theight: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-direction: column;\n\tfont-size: 32px;\n}\n.smile{\n\ttransform: rotate(90deg);\n\twidth: 100px;\n\theight: 100px;\n\tfont-size: 64px;\n}\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./empty.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./empty.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./empty.vue?vue&type=template&id=377f0410&\"\nimport script from \"./empty.vue?vue&type=script&lang=js&\"\nexport * from \"./empty.vue?vue&type=script&lang=js&\"\nimport style0 from \"./empty.vue?vue&type=style&index=0&id=377f0410&prod&lang=css&\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addTicket.vue?vue&type=style&index=0&id=7908e9e8&prod&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./singleTicket.vue?vue&type=style&index=0&id=4bb29d82&prod&lang=css&\""],"sourceRoot":""}