{"version":3,"sources":["webpack:///./src/components/pie_stop_type.vue","webpack:///src/components/pie_stop_type.vue","webpack:///./src/components/pie_stop_type.vue?fc2a","webpack:///./src/components/pie_stop_type.vue?1548","webpack:///./src/components/pie_stop_type.vue?9b4f"],"names":["_vm","staticStyle","_c","attrs","sterm","staticClass","_v","frm_date","dates_boundry","location","email","stop_type","chartOptions","chartId","plugins","cssClasses","styles","width","height","title","render","ChartJS","name","components","Pie","props","type","default","datasetIdKey","mixins","computed","data","report_name","piedata","showpie","emailuser","chartData","labels","datasets","backgroundColor","responsive","maintainAspectRatio","methods","backbtn","print_image","win","header","canvas","setTimeout","init","formIn","console","dispatch","then","self","grp","catch","msg","mounted","component","staticRenderFns"],"mappings":"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","file":"js/chunk-62e281c8.dbda2a09.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-column justify-start align-center\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"d-flex flex-column justify-start align-center\",staticStyle:{\"width\":\"100%\",\"padding-bottom\":\"20px\",\"background-color\":\"whitesmoke\"}},[_c('div',{staticClass:\"black--text mt-4\",staticStyle:{\"background-color\":\"whitesmoke\",\"width\":\"100%\",\"text-align\":\"center\",\"max-width\":\"768px\"},attrs:{\"id\":\"report_name\"}},[_vm._v(\" \"+_vm._s(_vm.report_name)+\" \")]),(_vm.sterm != null && _vm.sterm != undefined)?_c('div',{staticClass:\"black--text\",staticStyle:{\"background-color\":\"whitesmoke\",\"width\":\"100%\",\"text-align\":\"center\",\"max-width\":\"768px\"},attrs:{\"id\":\"terms_cont\"}},[_c('div',{staticClass:\"sterms_clr ml-2\",staticStyle:{\"font-size\":\"1rem\",\"font-weight\":\"600\",\"width\":\"100%\",\"text-align\":\"left\"}},[_vm._v(\" Search Terms \")]),_c('div',{staticClass:\"rowflex sterms_clr\"},[(_vm.sterm.frm_date != '1/1/1900' && _vm.sterm.frm_date != '')?_c('div',[_c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"From Date:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.sterm.frm_date))]),_c('p',{staticClass:\"label\",staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(\"To Date:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.sterm.frm_date))])])]):_vm._e(),(_vm.sterm.frm_date == '1/1/1900' || _vm.sterm.frm_date == '')?_c('div',[_c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"From Date:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.dates_boundry.frm_date))]),_c('p',{staticClass:\"label\",staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(\"To Date:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.dates_boundry.to_date))])])]):_vm._e()]),_c('div',{staticClass:\"rowflex sterms_clr\"},[(_vm.sterm.location != '' && _vm.sterm.location != null)?_c('div',[_c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Location:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"'\"+_vm._s(_vm.sterm.location)+\"'\")])])]):_vm._e(),(_vm.sterm.email != '' && _vm.sterm.email != null)?_c('div',[_c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Created By:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.sterm.email))])])]):_vm._e(),(_vm.sterm.stop_type != '' && _vm.sterm.stop_type != null)?_c('div',[_c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Stop Type:\")]),_c('p',{staticClass:\"data\"},[_vm._v(_vm._s(_vm.sterm.stop_type))])])]):_vm._e(),(_vm.sterm.cites)?_c('div',[_vm._m(0)]):_vm._e(),(_vm.sterm.stops)?_c('div',[_vm._m(1)]):_vm._e(),(_vm.sterm.cfs)?_c('div',[_vm._m(2)]):_vm._e(),(_vm.sterm.arrest)?_c('div',[_vm._m(3)]):_vm._e(),(_vm.sterm.dui)?_c('div',[_vm._m(4)]):_vm._e(),(_vm.sterm.accident)?_c('div',[_vm._m(5)]):_vm._e(),(_vm.sterm.sro)?_c('div',[_vm._m(6)]):_vm._e(),(_vm.sterm.mait)?_c('div',[_vm._m(7)]):_vm._e(),(_vm.sterm.deeds)?_c('div',[_vm._m(8)]):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"d-flex justify-center\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"max-width\":\"768px\",\"background-color\":\"whitesmoke\"}},[(_vm.showpie)?_c('Pie',{attrs:{\"chart-options\":_vm.chartOptions,\"chart-data\":_vm.chartData,\"chart-id\":_vm.chartId,\"dataset-id-key\":_vm.datasetIdKey,\"plugins\":_vm.plugins,\"css-classes\":_vm.cssClasses,\"styles\":_vm.styles,\"width\":_vm.width,\"height\":_vm.height,\"Title\":_vm.title}}):_vm._e()],1)])]),_c('div',{staticClass:\"d-flex justify-center\",staticStyle:{\"width\":\"100%\"}},[_c('v-btn',{staticClass:\"white--text mt-4\",staticStyle:{\"max-width\":\"768px\"},attrs:{\"color\":\"primary\",\"elevation\":\"2\"},on:{\"click\":_vm.backbtn}},[_vm._v(\"Back to Results\")]),_c('v-btn',{staticClass:\"white--text mt-4 ml-4\",staticStyle:{\"max-width\":\"768px\"},attrs:{\"color\":\"primary\",\"elevation\":\"2\"},on:{\"click\":_vm.print_image}},[_vm._v(\"Print\")])],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Cites:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Stops:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"CFS:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Arrest:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"DUI:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Accident:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"SRO:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"MAIT:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rowflex\"},[_c('p',{staticClass:\"label\"},[_vm._v(\"Deeds:\")]),_c('p',{staticClass:\"data\"},[_vm._v(\"TRUE\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex flex-column justify-start align-center\"\r\n    style=\"width: 100%\"\r\n  >\r\n    <div\r\n      class=\"d-flex flex-column justify-start align-center\"\r\n      style=\"width: 100%; padding-bottom: 20px; background-color: whitesmoke\"\r\n    >\r\n      <div\r\n        id=\"report_name\"\r\n        class=\"black--text mt-4\"\r\n        style=\"\r\n          background-color: whitesmoke;\r\n          width: 100%;\r\n          text-align: center;\r\n          max-width: 768px;\r\n        \"\r\n      >\r\n        {{ report_name }}\r\n      </div>\r\n      <!-- sterms -->\r\n      <div\r\n        id=\"terms_cont\"\r\n        class=\"black--text\"\r\n        v-if=\"sterm != null && sterm != undefined\"\r\n        style=\"\r\n          background-color: whitesmoke;\r\n          width: 100%;\r\n          text-align: center;\r\n          max-width: 768px;\r\n        \"\r\n      >\r\n        <div\r\n          class=\"sterms_clr ml-2\"\r\n          style=\"\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            width: 100%;\r\n            text-align: left;\r\n          \"\r\n        >\r\n          Search Terms\r\n        </div>\r\n        <!-- sterm list -->\r\n        <div class=\"rowflex sterms_clr\">\r\n          <!--  STart end dates -->\r\n          <div v-if=\"sterm.frm_date != '1/1/1900' && sterm.frm_date != ''\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">From Date:</p>\r\n              <p class=\"data\">{{ sterm.frm_date }}</p>\r\n              <p class=\"label\" style=\"margin-left: 4px\">To Date:</p>\r\n              <p class=\"data\">{{ sterm.frm_date }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- no dates so use boundry -->\r\n          <div v-if=\"sterm.frm_date == '1/1/1900' || sterm.frm_date == ''\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">From Date:</p>\r\n              <p class=\"data\">{{ dates_boundry.frm_date }}</p>\r\n              <p class=\"label\" style=\"margin-left: 4px\">To Date:</p>\r\n              <p class=\"data\">{{ dates_boundry.to_date }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"rowflex sterms_clr\">\r\n          <!-- location -->\r\n          <div v-if=\"sterm.location != '' && sterm.location != null\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Location:</p>\r\n              <p class=\"data\">'{{ sterm.location }}'</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- email -->\r\n          <div v-if=\"sterm.email != '' && sterm.email != null\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Created By:</p>\r\n              <p class=\"data\">{{ sterm.email }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- stop_type -->\r\n          <div v-if=\"sterm.stop_type != '' && sterm.stop_type != null\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Stop Type:</p>\r\n              <p class=\"data\">{{ sterm.stop_type }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- cites -->\r\n          <div v-if=\"sterm.cites\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Cites:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n          <!-- stops -->\r\n          <div v-if=\"sterm.stops\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Stops:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- stops -->\r\n          <div v-if=\"sterm.cfs\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">CFS:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!--  arrest -->\r\n          <div v-if=\"sterm.arrest\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Arrest:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- dui  -->\r\n          <div v-if=\"sterm.dui\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">DUI:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!--  accident  -->\r\n          <div v-if=\"sterm.accident\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Accident:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!--  sro  -->\r\n          <div v-if=\"sterm.sro\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">SRO:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n\r\n          <!--  mait  -->\r\n          <div v-if=\"sterm.mait\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">MAIT:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n          <!--  deeds  -->\r\n          <div v-if=\"sterm.deeds\">\r\n            <div class=\"rowflex\">\r\n              <p class=\"label\">Deeds:</p>\r\n              <p class=\"data\">TRUE</p>\r\n            </div>\r\n          </div>\r\n          <!--  emnd of terms  -->\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex justify-center\" style=\"width: 100%\">\r\n        <div\r\n          style=\"width: 100%; max-width: 768px; background-color: whitesmoke\"\r\n        >\r\n          <Pie\r\n            v-if=\"showpie\"\r\n            :chart-options=\"chartOptions\"\r\n            :chart-data=\"chartData\"\r\n            :chart-id=\"chartId\"\r\n            :dataset-id-key=\"datasetIdKey\"\r\n            :plugins=\"plugins\"\r\n            :css-classes=\"cssClasses\"\r\n            :styles=\"styles\"\r\n            :width=\"width\"\r\n            :height=\"height\"\r\n            :Title=\"title\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"d-flex justify-center\" style=\"width: 100%\">\r\n      <v-btn\r\n        style=\"max-width: 768px\"\r\n        color=\"primary\"\r\n        elevation=\"2\"\r\n        @click=\"backbtn\"\r\n        class=\"white--text mt-4\"\r\n        >Back to Results</v-btn\r\n      >\r\n      <v-btn\r\n        style=\"max-width: 768px\"\r\n        color=\"primary\"\r\n        elevation=\"2\"\r\n        @click=\"print_image\"\r\n        class=\"white--text mt-4 ml-4\"\r\n        >Print</v-btn\r\n      >\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../scss/site.scss\";\r\n\r\n.sterms_clr {\r\n  color: black;\r\n  background-color: whitesmoke;\r\n}\r\n.rowflex {\r\n  display: -webkit-flex !important;\r\n  display: flex !important;\r\n  -webkit-flex-direction: row !important;\r\n  flex-direction: row !important;\r\n  -webkit-justify-content: start !important;\r\n  justify-content: start !important;\r\n  align-items: start !important;\r\n  flex-wrap: wrap !important;\r\n}\r\n\r\n.rowflex p.label {\r\n  margin-left: 8px;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.rowflex p.data {\r\n  font-size: 0.8rem;\r\n  margin-left: 4px;\r\n  color: blue;\r\n  margin-bottom: 0;\r\n}\r\n</style>\r\n\r\n<script>\r\nimport { bus_common } from \"../mixins/bus_common\";\r\nimport { Pie } from \"vue-chartjs/legacy\";\r\n\r\nimport {\r\n  Chart as ChartJS,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  ArcElement,\r\n  CategoryScale,\r\n} from \"chart.js\";\r\n\r\nChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale);\r\n\r\nexport default {\r\n  name: \"pie_stop_type\",\r\n  components: {\r\n    Pie,\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: \"Contacts By Type %\",\r\n    },\r\n    chartId: {\r\n      type: String,\r\n      default: \"pie-chart\",\r\n    },\r\n    datasetIdKey: {\r\n      type: String,\r\n      default: \"label\",\r\n    },\r\n    width: {\r\n      type: Number,\r\n      default: 400,\r\n    },\r\n    height: {\r\n      type: Number,\r\n      default: 400,\r\n    },\r\n    cssClasses: {\r\n      default: \"\",\r\n      type: String,\r\n    },\r\n    styles: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    plugins: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  mixins: [bus_common],\r\n  computed: {\r\n    sterm: function () {\r\n      return this, this.$store.state.sterm;\r\n    },\r\n    dates_boundry() {\r\n      return this.$store.state.dates_boundry;\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      report_name: \"\",\r\n      piedata: {},\r\n      showpie: false,\r\n      emailuser: \"\",\r\n      chartData: {\r\n        labels: [\"VueJs\", \"EmberJs\", \"ReactJs\", \"AngularJs\"],\r\n        datasets: [\r\n          {\r\n            backgroundColor: [\r\n              \"#41B883\",\r\n              \"#E46651\",\r\n              \"#00D8FF\",\r\n              \"#DD1B16\",\r\n              \"#FFFF00\",\r\n              \"#00FF00\",\r\n              \"#0000FF\",\r\n            ],\r\n            data: [40, 20, 80, 10],\r\n          },\r\n        ],\r\n      },\r\n      chartOptions: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n      },\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    backbtn() {\r\n      this.$router.push(\"/\");\r\n    },\r\n    print_image() {\r\n      var header = ` <style>\r\n      .rowflex {\r\n              display: -webkit-flex !important;\r\n              display: flex !important;\r\n              -webkit-flex-direction: row !important;\r\n              flex-direction: row !important;\r\n              -webkit-justify-content: start !important;\r\n              justify-content: start !important;\r\n              -webkit-align-items: !important;\r\n              align-items: start !important;\r\n              flex-wrap: wrap !important;\r\n            }\r\n\r\n            .rowflex p.label {\r\n              margin-left: 8px;\r\n              font-size: 0.8rem;\r\n              font-weight: 600;\r\n              margin-bottom: 0;\r\n            }\r\n\r\n            .rowflex p.data {\r\n              font-size: 0.8rem;\r\n              margin-left: 4px;\r\n              color: blue;\r\n              margin-bottom: 0;\r\n            }\r\n\r\n            .letter-header {\r\n                width: 96%;\r\n                font-size: 14px;\r\n                display: -webkit-flex;\r\n                display: flex;\r\n                -webkit-flex-direction: row;\r\n                flex-direction: row;\r\n                -webkit-justify-content: space-between;\r\n                justify-content: space-between;\r\n                -webkit-align-items: center;\r\n                align-items: center;\r\n                padding: 0 2%;\r\n                margin-bottom: 26px\r\n            }</style>\r\n      <div class=\"reportback box\" style=\"max-width: 7.5in; height:auto; margin: auto; margin-top: 25px;\">\r\n\r\n<div class=\" letter-header pt-2\">\r\n    <div class=\"lh-flex\" style=\"width:2.5in\">\r\n        Reno Police Department<br /><em>\"Your Police, Our Community\"</em>\r\n    </div>\r\n    <div>\r\n        <img style=\"width:1in;height:auto;\" src=\"/images/gold-badge.png\" alt=\"Reno nevada police Badge\" />\r\n    </div>\r\n    <div class=\"lh-flex-3\" style=\"width:2.5in;text-align:right\">\r\n        Kathryn Nance<br />\r\n        <em>Chief of Police</em>\r\n    </div>\r\n</div>`;\r\n      var canvas = document.getElementById(\"pie-chart\");\r\n      var sterm = document.getElementById(\"terms_cont\").outerHTML;\r\n      var win = window.open();\r\n\r\n      win.document.write(\r\n        header.toString() +\r\n          \"<br><h3 style='width:100%;text-align: center;margin-bottom:0'>\" +\r\n          this.report_name +\r\n          sterm +\r\n          \"</h3><div id='pie_cont'><img style='width:80%;margin-left:10%;margin-right:10%;' src='\" +\r\n          canvas.toDataURL() +\r\n          \"'/></div></div>\"\r\n      );\r\n      setTimeout(function () {\r\n        win.print();\r\n        win.location.reload();\r\n        win.close();\r\n      }, 1000);\r\n    },\r\n    init() {\r\n      var formIn = {};\r\n      formIn.email = this.$store.state.user.email;\r\n      formIn.token = this.$store.state.user.token;\r\n      console.log(\"Email: \" + formIn.email);\r\n      formIn.apiname = \"getdata_pie_stop_type\";\r\n\r\n      var self = this;\r\n\r\n      this.$store\r\n        .dispatch(\"anyapi\", formIn)\r\n        .then((data) => {\r\n          self.piedata = data;\r\n          self.show_loader(false);\r\n          if (this.piedata == null || this.piedata.groups.length == 0) {\r\n            this.swall_it(\r\n              \"Pie Chart status\",\r\n              \"The Pie Chart Did not recive any data.\",\r\n              \"error\",\r\n              null,\r\n              null\r\n            );\r\n            return true;\r\n          } else {\r\n            //update pie chart\r\n            self.report_name = self.piedata.report_name;\r\n            console.log(\"Counts: \" + self.piedata.groups.length);\r\n            self.chartData.labels = self.piedata.labels.split(\",\");\r\n            self.chartData.datasets[0].data = [];\r\n\r\n            for (let index = 0; index < self.piedata.groups.length; index++) {\r\n              const grp = this.piedata.groups[index];\r\n              //  self.chartData.labels.push(item.label);\r\n\r\n              self.chartData.datasets[0].data.push(grp.item2);\r\n\r\n              console.log(\r\n                \"show: \" + self.chartData.datasets[0].data[index],\r\n                grp.item2\r\n              );\r\n            }\r\n            self.showpie = true;\r\n          }\r\n        })\r\n        .catch((msg) => {\r\n          self.dialog = false;\r\n          this.show_loader(false);\r\n          this.swall_it(\"Error\", msg, \"error\", null, null);\r\n        });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.show_loader(false);\r\n    var self = this;\r\n    this.$nextTick(() => {\r\n      this.init();\r\n    });\r\n  },\r\n};\r\n</script>\r\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!./pie_stop_type.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!./pie_stop_type.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pie_stop_type.vue?vue&type=template&id=5f29ae49&scoped=true&\"\nimport script from \"./pie_stop_type.vue?vue&type=script&lang=js&\"\nexport * from \"./pie_stop_type.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pie_stop_type.vue?vue&type=style&index=0&id=5f29ae49&prod&lang=scss&scoped=true&\"\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  \"5f29ae49\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pie_stop_type.vue?vue&type=style&index=0&id=5f29ae49&prod&lang=scss&scoped=true&\""],"sourceRoot":""}