{"version":3,"sources":["webpack:///./src/components/HereMap.vue?ba82","webpack:///./src/components/HereMap.vue?a137","webpack:///src/components/HereMap.vue","webpack:///./src/components/HereMap.vue?8e03","webpack:///./src/components/HereMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","hideToolbar","_e","attrs","_v","_s","mapTitle","legend","mapDate","on","$event","initMap","key","mapKey","ref","staticClass","style","table_title","model","value","callback","$$v","selectedItem","expression","_l","item","i","color","domProps","keyName","loadingElements","loadingText","staticRenderFns","name","props","mapData","Array","getMarker","Function","mapHeight","String","Number","mapWidth","onMapMount","onMarkerClick","topElementClick","Object","onLegendSelection","routing","loading","Boolean","refresh","computed","getMapCols","$vuetify","breakpoint","smAndDown","width","getTblCols","legendStyle","height","overflow","getStyle","screen","$root","isTablet","isMobile","components","DTable","VLoader","data","mounted","watch","handler","legendData","getFeatures","legendKey","methods","that","mapReady","$refs","hereMap","innerHTML","display","editData","getDate","legendHeight","$on","d","updateLegend","filter","filterData","t","tableName","selected","apikey","here","platform","initializeHereMap","par","data_object","qry","crew_date","getSvgIcon","svgMarkup","mapContainer","maptypes","createDefaultLayers","defaultLayers","map","H","Map","vector","normal","pixelRatio","window","devicePixelRatio","addEventListener","mapevents","Behavior","MapEvents","ui","UI","createDefault","initIcons","iconPickup","replaceAll","iconDropoff","iconStopoff","getLines","forEach","l","mapLine","service","route","shape","line","p","push","lng","lat","modifyIcon","svg","document","createElement","icon","options","id","o","text","show","prop","x","querySelector","setAttribute","console","log","toggleIconFeature","feature","getHoursMinutes","time","hrs","m","noTime","Date","getHours","getMinutes","split","addHours","startTime","createIcon","endTime","createMarker","marker","isDom","info","createDomMarker","pos","markerIcon","pointIcon","Icon","Marker","outerElement","className","innerElement","topElement","toolTipElement","label","dataset","tooltip","backgroundColor","appendChild","html","shortLabel","showTooltip","el","toolTip","getElementById","rect","getBoundingClientRect","mapRect","left","classList","contains","top","changeOpacity","evt","target","opacity","parentNode","changeOpacityToOne","border","elements","length","removeChild","fn","e","extraClass","add","c","day_crew","padding","domIcon","DomIcon","onAttach","clonedElement","getElementsByClassName","onDetach","removeEventListener","DomMarker","addMarker","point","address","mappedPosition","latitude","longitude","markerData","allMarkers","allWaypoints","features","routes","wayPoints","Group","removeObjects","getObjects","clearContent","points","lineWidth","strokeColor","waypoints","waypoint","cnt","stopNum","addObjects","addObject","getViewPort","setPadding","getViewModel","setLookAtData","bounds","getBoundingBox","allPoints","getCenterAndZoom","center","component","VBtn","VCol","VIcon","VList","VListItem","VListItemContent","VListItemGroup","VListItemTitle","VRow","VSpacer","VToolbar"],"mappings":"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","file":"js/chunk-2e2e8a50.b59a73e3.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HereMap.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HereMap.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.hideToolbar)?_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('h4',[_vm._v(\" \"+_vm._s(_vm.mapTitle)+\" \")]),_c('v-spacer'),_vm._v(\" \"+_vm._s(_vm.legend ? _vm.legend.mapDate : \"\")+\" \"),_c('v-btn',{attrs:{\"small\":\"\",\"text\":\"\"},on:{\"click\":function($event){return _vm.initMap()}}},[_c('v-icon',[_vm._v(\"mdi-reload\")]),_vm._v(\" Refresh Map\")],1)],1):_vm._e(),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"10\"}},[_c('div',{key:_vm.mapKey,ref:\"hereMap\",staticClass:\"here-map\",style:(_vm.getStyle),attrs:{\"id\":\"map\"}})]),(_vm.legend)?_c('v-col',{staticClass:\"ma-2\",style:(_vm.legendStyle)},[_c('v-list',{attrs:{\"dense\":\"\"}},[_c('h3',[_vm._v(_vm._s(_vm.legend.table_title))]),_c('v-list-item-group',{attrs:{\"color\":\"primary\"},model:{value:(_vm.selectedItem),callback:function ($$v) {_vm.selectedItem=$$v},expression:\"selectedItem\"}},_vm._l((_vm.legendData),function(item,i){return _c('v-list-item',{key:i},[_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"pa-2\",style:('background-color:' + item.color + ';color:white'),domProps:{\"textContent\":_vm._s(item[_vm.legend.keyName])}})],1)],1)}),1)],1)],1):_vm._e()],1),(_vm.loading)?_c('div',[_c('v-loader',{attrs:{\"loadingElements\":_vm.loadingElements,\"text\":_vm.loadingText}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- {{ legend }} -->\r\n\r\n    <v-toolbar v-if=\"!hideToolbar\" flat>\r\n      <h4>\r\n        {{ mapTitle }}\r\n      </h4>\r\n      <v-spacer />\r\n      {{ legend ? legend.mapDate : \"\" }}\r\n      <v-btn small @click=\"initMap()\" text\r\n        ><v-icon>mdi-reload</v-icon> Refresh Map</v-btn\r\n      >\r\n    </v-toolbar>\r\n    <v-row>\r\n      <v-col cols=\"12\" lg=\"10\">\r\n        <div\r\n          id=\"map\"\r\n          :key=\"mapKey\"\r\n          ref=\"hereMap\"\r\n          class=\"here-map\"\r\n          :style=\"getStyle\"\r\n        ></div>\r\n      </v-col>\r\n      <v-col class=\"ma-2\" :style=\"legendStyle\" v-if=\"legend\">\r\n        <v-list dense>\r\n          <h3>{{ legend.table_title }}</h3>\r\n          <v-list-item-group v-model=\"selectedItem\" color=\"primary\">\r\n            <v-list-item v-for=\"(item, i) in legendData\" :key=\"i\">\r\n              <v-list-item-content>\r\n                <v-list-item-title\r\n                  class=\"pa-2\"\r\n                  :style=\"'background-color:' + item.color + ';color:white'\"\r\n                  v-text=\"item[legend.keyName]\"\r\n                ></v-list-item-title>\r\n              </v-list-item-content> </v-list-item\r\n          ></v-list-item-group>\r\n        </v-list>\r\n\r\n        <!-- <d-table\r\n          :editRow=\"false\"\r\n          :data_object=\"legend.data_object\"\r\n          :directEdit=\"false\"\r\n          :mobileBreakpoint=\"'0'\"\r\n          :itemsPerPage=\"15\"\r\n          ref=\"legend\"\r\n          :noDelete=\"true\"\r\n          v-bind=\"legend\"\r\n          :key=\"legendKey\"\r\n          :noExcel=\"true\"\r\n          :noRefreshButton=\"true\"\r\n        /> -->\r\n      </v-col>\r\n    </v-row>\r\n    <div v-if=\"loading\">\r\n      <v-loader\r\n        :loadingElements=\"loadingElements\"\r\n        :text=\"loadingText\"\r\n      ></v-loader>\r\n    </div>\r\n    <!-- {{map.getViewPort()}} -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as here from \"../plugins/here\";\r\nimport * as fun from \"../plugins/common\";\r\n// var harp = window.harp;\r\nconst H = window.H;\r\n// import * as iconSvg from \"../assets/icon.svg\"\r\nimport Vue from \"vue\";\r\nimport VueAxios from \"vue-axios\";\r\nimport axios from \"axios\";\r\n// import errorsHandler from \"../utils/errorsHandler\";\r\nvar fn;\r\n\r\nVue.use(VueAxios, axios);\r\nexport default {\r\n  name: \"HereMap\",\r\n  props: {\r\n    mapData: Array,\r\n    getMarker: Function,\r\n    mapHeight: [String, Number],\r\n    mapWidth: [String, Number],\r\n    onMapMount: Function,\r\n    onMarkerClick: Function,\r\n    topElementClick: Function,\r\n    mapTitle: String,\r\n    legend: Object,\r\n    onLegendSelection: Function,\r\n    routing: String,\r\n    loading: Boolean,\r\n    refresh: Number,\r\n    hideToolbar: Boolean,\r\n  },\r\n  computed: {\r\n    getMapCols() {\r\n      if (this.$vuetify.breakpoint.smAndDown) {\r\n        return 12;\r\n      } else {\r\n        return 12 - (this.legend.width || 2);\r\n      }\r\n    },\r\n    getTblCols() {\r\n      if (this.$vuetify.breakpoint.smAndDown) {\r\n        return 12;\r\n      } else {\r\n        return this.legend.width || 2;\r\n      }\r\n    },\r\n    legendStyle() {\r\n      return {\r\n        height: this.mapHeight + \"px\",\r\n        overflow: \"auto\",\r\n      };\r\n    },\r\n    getStyle() {\r\n      var style = \"height:\" + this.mapHeight + \"px;\";\r\n      var width = this.mapWidth || screen.width;\r\n      if (this.$root.isTablet) {\r\n        width = width - 50;\r\n        style += \"width:\" + width + \"px\";\r\n      }\r\n\r\n      if (this.$root.isMobile) {\r\n        width = width - 20;\r\n        style += \"width:\" + width + \"px\";\r\n      } else {\r\n        width = width * 0.7;\r\n        style += \"width:\" + width + \"px\";\r\n      }\r\n      return style;\r\n    },\r\n  },\r\n  components: {\r\n    DTable: () => import(\"../components/Table.vue\"),\r\n    VLoader: () => import(\"./UI/Loader.vue\"),\r\n  },\r\n  data: () => ({\r\n    mapData: [],\r\n    map: null,\r\n    legendData: [],\r\n    selectedItem: \"\",\r\n    platform: null,\r\n    allPoints: [],\r\n    allWaypoints: [],\r\n    geoLines: {},\r\n    geoPoints: {},\r\n    geoJsonDataSource: null,\r\n    markersDataSource: null,\r\n    zoomLevel: 12,\r\n    mapDist: 0,\r\n    markerId: 0,\r\n    icons: [],\r\n    screenAnchor: \"\",\r\n    screenAnchorValues: \"\",\r\n    iconCollection: [],\r\n    scale: 50,\r\n    markerHeight: 5,\r\n    font: \"\",\r\n    markers: [],\r\n    firstTime: 8,\r\n    timePadding: 0.5,\r\n    timeFactor: 4,\r\n    times: [\r\n      { time: 8, color: \"#918c8c\" },\r\n      { time: 12, color: \"#adac6d\" },\r\n      { time: 16, color: \"#adac6d\" },\r\n    ],\r\n    allMarkers: [],\r\n    ui: null,\r\n    iconPickup: \"\",\r\n    iconDropoff: \"\",\r\n    iconStopoff: \"\",\r\n    mapKey: 0,\r\n    legendKey: 0,\r\n    topElementClicked: false,\r\n    loadingElements: [document.getElementById(\"main\")],\r\n    loadingText: \"Calculating route...\",\r\n    legendHeight: 0,\r\n    mapReady: false,\r\n  }),\r\n\r\n  mounted() {\r\n    this.initMap();\r\n  },\r\n\r\n  watch: {\r\n    selectedItem: {\r\n      handler: function(newValue, oldValue) {\r\n        this.onLegendSelection(this.legendData[this.selectedItem], this);\r\n      },\r\n    },\r\n    // mapData: {\r\n    //   handler: function(newValue, oldValue) {\r\n    //     this.getFeatures();\r\n    //     this.legendKey = !this.legendKey;\r\n    //   },\r\n    //   deep: true,\r\n    // },\r\n    refresh: {\r\n      handler: function(newValue, oldValue) {\r\n        this.getFeatures();\r\n        this.legendKey = !this.legendKey;\r\n\r\n        // this.legendKey = !this.legendKey;\r\n        // this.getFeatures(this.mapData);\r\n        // // this.mapKey = 1;\r\n        // if (this.$refs.legend && this.legendFilter) {\r\n        //   this.$refs.legend.filterData(this.legendFilter);\r\n      },\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    // async getIcon(fileName) {\r\n    //   var iconUrl = fun.siteLocation() + \"/geo/icons/\" + fileName + \".svg\";\r\n    //   // console.log(iconUrl);\r\n    //   return await axios.get(iconUrl);\r\n    // },\r\n    // async allIcons() {\r\n    //   this.iconPickup = await this.getIcon(\"pickup\");\r\n    //   this.iconDropoff = await this.getIcon(\"dropoff\");\r\n    //   this.iconStopoff = await this.getIcon(\"stopoff\");\r\n    // },\r\n    initMap() {\r\n      var that = this;\r\n      this.mapReady = false;\r\n      // this.mapKey = !this.mapKey;\r\n      // if (this.map) {\r\n      //   this.map.clearContent();\r\n      //   // this.map = null;\r\n      //   // this.mapKey = !this.mapKey;\r\n      // } else {\r\n      if (this.$refs.hereMap) {\r\n        this.$refs.hereMap.innerHTML = \"\";\r\n        this.$refs.hereMap.style.display = \"none\";\r\n      }\r\n      // }\r\n\r\n      // }\r\n      if (this.legend && !this.legend.editData) {\r\n        this.getDate();\r\n      } else if (this.legend) {\r\n        this.legendData = this.legend.editData;\r\n      }\r\n      this.legendHeight = this.mapHeight - 85;\r\n      this.$root.$on(\"mapDataChanged\", (d) => {\r\n        if (that.legend && !d.legend.editData) {\r\n          that.getDate();\r\n        }\r\n        if (d.legend && d.legend.editData) {\r\n          that.legendData = d.legend.editData;\r\n\r\n          // }else{\r\n        }\r\n        if (d.updateLegend) {\r\n          that.legendKey = !that.legendKey;\r\n        }\r\n\r\n        that.getFeatures(d.data);\r\n        // this.mapKey = 1;\r\n        if (that.$refs.legend && d.filter) {\r\n          that.$refs.legend.filterData(d.filter);\r\n        }\r\n        // }\r\n      });\r\n      this.$root.$on(\"tableSelectionChanged\", (t) => {\r\n        if (that.legend && t.tableName == that.legend.tableName) {\r\n          if (that.onLegendSelection) {\r\n            that.onLegendSelection(t.selected, that);\r\n          }\r\n        }\r\n      });\r\n\r\n      const platform = new H.service.Platform({\r\n        apikey: here.getAppKey().app_key,\r\n      });\r\n      this.platform = platform;\r\n\r\n      this.initializeHereMap();\r\n      this.getFeatures();\r\n\r\n      if (this.onMapMount) {\r\n        this.onMapMount();\r\n      }\r\n      this.mapReady = true;\r\n    },\r\n    getDate() {\r\n      var par = fun.getParentByProperty(this, \"d\");\r\n      if (par) {\r\n        this.legend.data_object.qry = {\r\n          crew_date: par.d,\r\n        };\r\n        axios\r\n          .post(this.serverURL + \"/get_data\", this.legend.data_object, {\r\n            withCredentials: true,\r\n          })\r\n          .then((response) => {\r\n            console.log(response.data);\r\n            this.legendData = fun.uniqueByProperty(\r\n              response.data.model,\r\n              \"crew_name\"\r\n            );\r\n            console.log(this.legendData);\r\n          });\r\n        // this.legendKey = !this.legendKey;\r\n      }\r\n    },\r\n    getSvgIcon(color) {\r\n      var svgMarkup =\r\n        '<svg width=\"24\" height=\"24\" ' +\r\n        'xmlns=\"http://www.w3.org/2000/svg\">' +\r\n        '<rect stroke=\"white\" fill=\"' +\r\n        color +\r\n        '\" x=\"1\" y=\"1\" width=\"22\" ' +\r\n        'height=\"22\" /><text x=\"12\" y=\"18\" font-size=\"12pt\" ' +\r\n        'font-family=\"Arial\" font-weight=\"bold\" text-anchor=\"middle\" ' +\r\n        'fill=\"white\">H</text></svg>';\r\n      return svgMarkup;\r\n    },\r\n    initializeHereMap() {\r\n      // rendering map\r\n\r\n      const mapContainer = this.$refs.hereMap;\r\n      if (!mapContainer) {\r\n        return;\r\n      }\r\n      mapContainer.style.display = \"block\";\r\n\r\n      // Obtain the default map types from the platform object\r\n      var maptypes = this.platform.createDefaultLayers();\r\n      var defaultLayers = this.platform.createDefaultLayers();\r\n      // Instantiate (and display) a map object:\r\n      // this.map = new H.Map(mapContainer, maptypes.vector.normal.map, {\r\n      //   pixelRatio: window.devicePixelRatio || 1,\r\n      // });\r\n      this.map = new H.Map(mapContainer, defaultLayers.vector.normal.map, {\r\n        // center: { lat: 50, lng: 5 },\r\n        // zoom: 4,\r\n        pixelRatio: window.devicePixelRatio || 1,\r\n      });\r\n      addEventListener(\"resize\", () => this.map.getViewPort().resize());\r\n\r\n      // add behavior control\r\n      new H.mapevents.Behavior(new H.mapevents.MapEvents(this.map));\r\n\r\n      // add UI\r\n      this.ui = H.ui.UI.createDefault(this.map, maptypes);\r\n      var that = this;\r\n      this.map.addEventListener(\r\n        \"pointermove\",\r\n        function(event) {\r\n          if (event.target instanceof H.map.Marker) {\r\n            that.map.getViewPort().element.style.cursor = \"pointer\";\r\n          } else {\r\n            that.map.getViewPort().element.style.cursor = \"auto\";\r\n          }\r\n        },\r\n        false\r\n      );\r\n      // this.initIcons();\r\n      // End rendering the initial map\r\n    },\r\n    initIcons() {\r\n      this.iconPickup = this.iconPickup.data.replaceAll(\"\\r\\n\", \"\");\r\n      this.iconDropoff = this.iconDropoff.data.replaceAll(\"\\r\\n\", \"\");\r\n      this.iconStopoff = this.iconStopoff.data.replaceAll(\"\\r\\n\", \"\");\r\n    },\r\n    getLines() {\r\n      this.mapData.forEach((l) => {\r\n        var d = l.mapLine;\r\n\r\n        if (!d.service) {\r\n          return;\r\n        }\r\n        var route = d.service.route;\r\n        if (route) {\r\n          if (route.shape) {\r\n            var line = [];\r\n            route.shape.forEach((point) => {\r\n              let [lat, lng] = point.split(\",\");\r\n              var p = [];\r\n              p.push(lng);\r\n              p.push(lat);\r\n\r\n              line.push(p);\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    modifyIcon(icon, options) {\r\n      var svg = document.createElement(\"svg\");\r\n      svg.innerHTML = icon;\r\n      options.forEach((o) => {\r\n        var id = o.id;\r\n        var text = o.text;\r\n        var show = o.show;\r\n        var value = o.value;\r\n        var prop = o.prop;\r\n        var x = svg.querySelector(\"[id='\" + id + \"']\");\r\n        if (x) {\r\n          if (show) {\r\n            x.style.display = show;\r\n          }\r\n          if (text) {\r\n            x.innerHTML = text;\r\n          }\r\n          if (prop && value) {\r\n            x.setAttribute(prop, value);\r\n          }\r\n        } else {\r\n          console.log(id + \" does not exist\");\r\n        }\r\n      });\r\n\r\n      return svg.innerHTML;\r\n    },\r\n    toggleIconFeature(icon, feature, show) {\r\n      var svg = document.createElement(\"svg\");\r\n      svg.innerHTML = icon;\r\n      var x = svg.querySelector(\"[id='\" + feature + \"']\");\r\n\r\n      if (show) {\r\n        x.style.display = \"block\";\r\n      } else {\r\n        x.style.display = \"none\";\r\n      }\r\n      return svg.innerHTML;\r\n      // svg.querySelector(\"[id='\" + feature + \"']\").style.display = \"block\";\r\n    },\r\n    getHoursMinutes(t, startTime) {\r\n      var time = \"\";\r\n      var hrs = 0;\r\n      var m = 0;\r\n      var noTime = false;\r\n      if (t instanceof Date) {\r\n        hrs = t.getHours();\r\n        m = t.getMinutes();\r\n        // time = fun.pad(hrs, 2) + \":\" + fun.pad(m, 2);\r\n      } else if (t && t.split && t.split(\"T\")) {\r\n        hrs = t.split(\"T\")[0];\r\n        m = t.split(\"T\")[1];\r\n      } else {\r\n        noTime = true;\r\n      }\r\n      var addHours = 0;\r\n      if (startTime) {\r\n        addHours = 2;\r\n      }\r\n      if (!noTime) {\r\n        time = fun.pad(parseInt(hrs) + addHours, 2) + \":\" + fun.pad(m, 2);\r\n        return time;\r\n      }\r\n\r\n      if (noTime && startTime) {\r\n        time = this.getHoursMinutes(startTime, true);\r\n        return time;\r\n      }\r\n\r\n      // var time = d.startTime.split(\"T\")[1].split(\":\");\r\n\r\n      // var dTime = d.endTime ? d.endTime.split(\"T\")[1].split(\":\") : \"\";\r\n\r\n      // var endTime = dTime\r\n      //   ? fun.pad(dTime[0], 2) + \":\" + fun.pad(dTime[1], 2)\r\n      //   : fun.pad(parseInt(time[0]) + 2, 2) + \":\" + fun.pad(time[1], 2);\r\n\r\n      // var startTime = fun.pad(time[0], 2) + \":\" + fun.pad(time[1], 2);\r\n    },\r\n\r\n    createIcon(data) {\r\n      //i, d, color, cnt\r\n      var startTime = \"\";\r\n      var endTime = \"\";\r\n      if (data.d) {\r\n        var d = data.d;\r\n        startTime = this.getHoursMinutes(d.startTime);\r\n        endTime = this.getHoursMinutes(d.endTime, d.startTime);\r\n      }\r\n\r\n      var stopType;\r\n      var options = [];\r\n      var icon;\r\n      if (data.i == 0) {\r\n        stopType = \"pickup\";\r\n        options = [\r\n          {\r\n            id: \"main\",\r\n            prop: \"fill\",\r\n            value: data.color,\r\n          },\r\n          {\r\n            id: \"startTime\",\r\n            text: startTime,\r\n          },\r\n          // {\r\n          //   id: \"resource\",\r\n          //   prop: \"fill\",\r\n          //   value: resource ? \"green\" : \"white\",\r\n\r\n          // },\r\n          {\r\n            id: \"assigned\",\r\n            show: data.d.resource ? \"block\" : \"none\",\r\n          },\r\n          {\r\n            id: \"check\",\r\n            show: \"none\",\r\n          },\r\n          {\r\n            id: \"resourceName\",\r\n            text: data.d.resource,\r\n          },\r\n        ];\r\n        // icon = that.iconPickup.replace(\"${COLOR}\", color);\r\n        // .replace(\"${TEXT}\", startTime);\r\n\r\n        icon = this.modifyIcon(this.iconPickup, options);\r\n      } else if (data.i == data.cnt - 1) {\r\n        stopType = \"dropOff\";\r\n        options = [\r\n          {\r\n            id: \"endTime\",\r\n            text: endTime,\r\n          },\r\n        ];\r\n        // icon = that.iconDropoff\r\n        //   .replace(\"${COLOR}\", color)\r\n        //   .replace(\"${TEXT}\", endTime);\r\n        icon = this.modifyIcon(this.iconDropoff, options);\r\n      } else {\r\n        stopType = \"stopOff\";\r\n        // icon = that.iconStopoff.replaceAll(\"${COLOR}\", color);\r\n        options = [\r\n          {\r\n            id: \"arrowUp\",\r\n            prop: \"stroke\",\r\n            value: data.color,\r\n          },\r\n          {\r\n            id: \"arrowDown\",\r\n            prop: \"stroke\",\r\n            value: data.color,\r\n          },\r\n        ];\r\n        icon = this.modifyIcon(this.iconStopoff, options);\r\n      }\r\n      // var isSingle = !route.shape;\r\n      // var icon =\r\n      //   stopType == \"pickup\"\r\n      //     ? that.iconPickup\r\n      //         .replace(\"${COLOR}\", color)\r\n      //         .replace(\"${TEXT}\", startTime)\r\n      //     : that.iconDropoff\r\n      //         .replace(\"${COLOR}\", color)\r\n      //         .replace(\"${TEXT}\", endTime);\r\n\r\n      return icon;\r\n      // }\r\n    },\r\n    createMarker(data) {\r\n      //pos, icon, isDom, info, num\r\n      var marker;\r\n      if (!data.isDom) {\r\n        var markerIcon = {};\r\n        if (data.icon) {\r\n          var pointIcon = new H.map.Icon(\r\n            // fun.siteLocation() + \"/geo/icons/icon.svg\",\r\n            data.icon,\r\n\r\n            { size: { w: 40, h: 60 } }\r\n          );\r\n        }\r\n        markerIcon = {\r\n          icon: pointIcon,\r\n        };\r\n\r\n        marker = new H.map.Marker(\r\n          {\r\n            lat: data.pos.lat,\r\n            lng: data.pos.lng,\r\n          },\r\n          markerIcon\r\n        );\r\n      } else {\r\n        data.info.icon = data.icon;\r\n        marker = this.createDomMarker(data.pos, data.info);\r\n      }\r\n      return marker;\r\n    },\r\n    createDomMarker(pos, info) {\r\n      var that = this;\r\n      var outerElement = document.createElement(\"div\"),\r\n        innerElement = document.createElement(\"div\"),\r\n        topElement = document.createElement(\"div\"),\r\n        toolTipElement = document.createElement(\"div\");\r\n      // + '<div class=\"tooltiptext\">' + info.label + \"</div>\"\r\n      outerElement.className = \"map-outer\";\r\n      innerElement.className = \"map-inner\";\r\n      topElement.className = \"map-top\";\r\n      toolTipElement.className = \"tooltiptext\";\r\n      toolTipElement.innerHTML = info.label;\r\n      // topElement.title=\"click to assign\"\r\n      innerElement.dataset.tooltip = info.label;\r\n      // var showTooltip = function(e) {\r\n      //   console.log(e);\r\n      // };\r\n\r\n      innerElement.style.color = \"white\";\r\n      innerElement.style.backgroundColor = info.color || \"transparent\";\r\n      // innerElement.\r\n      // if (info.borderColor) {\r\n      //   innerElement.style.borderColor = info.borderColor;\r\n      //   innerElement.style.border = \"solid 6px\";\r\n      // }\r\n\r\n      innerElement.setAttribute(\"id\", info.id);\r\n      // outerElement.appendChild(toolTipElement);\r\n      outerElement.appendChild(innerElement);\r\n      // innerElement.addEventListener(\"click\", showTooltip);\r\n      var html = info.shortLabel;\r\n      // Add text to the DOM element\r\n\r\n      innerElement.innerHTML = html;\r\n\r\n      if (info.extraClass) {\r\n        info.extraClass.forEach((c) => {\r\n          innerElement.classList.add(c);\r\n        });\r\n      }\r\n\r\n      outerElement.appendChild(topElement);\r\n      topElement.addEventListener(\"click\", topElementClick);\r\n      if (info.l.day_crew) {\r\n        // topElement.innerHTML = info.l.day_crew.crew_name;\r\n      }\r\n      topElement.style.padding = \"5px\";\r\n      topElement.style.width = \"100px\";\r\n      topElement.style.height = \"30px\";\r\n      // topElement.style.backgroundColor = \"black\";\r\n      // info.topElementColor;\r\n\r\n      // if (info.topElementValue) {\r\n      //   innerElement.classList.add(info.topElementValue.replaceAll(\" \", \"-\"));\r\n      // } else {\r\n      //   topElement.style.display = \"none\";\r\n      // }\r\n\r\n      function showTooltip(el) {\r\n        var toolTip = document.createElement(\"div\");\r\n        toolTip.className = \"tooltiptext\";\r\n        toolTip.innerHTML = el.dataset.tooltip;\r\n        // el.removeChild(toolTip)\r\n        var map = document.getElementById(\"map\");\r\n        map.appendChild(toolTip);\r\n        // el.style.zIndex = 100;\r\n        var rect = el.getBoundingClientRect();\r\n        var mapRect = map.getBoundingClientRect();\r\n        var left = el.classList.contains(\"romb\") ? 33 : 40;\r\n        var top = el.classList.contains(\"romb\") ? 57 : 50;\r\n        toolTip.style.left = rect.left - mapRect.left - left + \"px\";\r\n        toolTip.style.top = top + rect.top - mapRect.top + \"px\";\r\n        // console.log(text);\r\n      }\r\n      function changeOpacity(evt) {\r\n        evt.target.style.opacity = 1;\r\n        // evt.target.style.zIndex = 100;\r\n        // console.log(evt.target.classList);\r\n        var el = evt.target;\r\n        if (el.classList.contains(\"mdi\")) {\r\n          el = el.parentNode;\r\n        }\r\n        if (el.dataset && el.dataset.tooltip) {\r\n          showTooltip(el);\r\n        }\r\n\r\n        // evt.target.style.border = \"solid\"\r\n        // evt.target.style.borderRadius = \"50%\"\r\n      }\r\n\r\n      function changeOpacityToOne(evt) {\r\n        evt.target.style.opacity = 1;\r\n        evt.target.style.border = \"\";\r\n        const elements = document.getElementsByClassName(\"tooltiptext\");\r\n        while (elements.length > 0) {\r\n          elements[0].parentNode.removeChild(elements[0]);\r\n        }\r\n      }\r\n      function topElementClick() {\r\n        // that.topElementClicked = true;\r\n        var fn = that.topElementClick;\r\n        if (!fn) {\r\n          var par = fun.getParentByProperty(that, \"topElementClick\");\r\n          if (par) {\r\n            fn = par.topElementClick;\r\n          }\r\n        }\r\n        if (fn) {\r\n          var data = fn(info);\r\n          // if (data) {\r\n          //   document.getElementById(info.id).style.backgroundColor =\r\n          //     data.markerColor;\r\n          //   info.selected = data.selected;\r\n          // }\r\n        }\r\n        return;\r\n      }\r\n      function onMarkerClick(e) {\r\n        // if (that.topElementClicked) {\r\n        //   that.topElementClicked = false;\r\n        //   return;\r\n        // }\r\n        var fn = that.onMarkerClick;\r\n        if (!fn) {\r\n          var par = fun.getParentByProperty(that, \"onMarkerClick\");\r\n          if (par) {\r\n            fn = par.onMarkerClick;\r\n          }\r\n        }\r\n        if (fn) {\r\n          info.legend = that.$refs.legend;\r\n          var data = fn(info, e, that);\r\n          // , function(r) {\r\n\r\n          //   // console.log(r, e);\r\n          // });\r\n          if (data) {\r\n            document.getElementById(info.id).style.backgroundColor =\r\n              data.markerColor;\r\n            info.selected = data.selected;\r\n          }\r\n        }\r\n      }\r\n\r\n      //create dom icon and add/remove opacity listeners\r\n      var domIcon = new H.map.DomIcon(outerElement, {\r\n        // the function is called every time marker enters the viewport\r\n        onAttach: function(clonedElement, domIcon, domMarker) {\r\n          clonedElement.addEventListener(\"mouseover\", changeOpacity);\r\n          clonedElement.addEventListener(\"mouseout\", changeOpacityToOne);\r\n          var innerElement = clonedElement.getElementsByClassName(\r\n            \"map-inner\"\r\n          )[0];\r\n          innerElement.addEventListener(\"click\", onMarkerClick);\r\n          var topElement = clonedElement.getElementsByClassName(\"map-top\")[0];\r\n          if (topElement) {\r\n            topElement.addEventListener(\"click\", topElementClick);\r\n          }\r\n        },\r\n\r\n        // the function is called every time marker leaves the viewport\r\n        onDetach: function(clonedElement, domIcon, domMarker) {\r\n          clonedElement.removeEventListener(\"mouseover\", changeOpacity);\r\n          clonedElement.removeEventListener(\"mouseout\", changeOpacityToOne);\r\n          clonedElement.removeEventListener(\"click\", onMarkerClick);\r\n          var innerElement = clonedElement.getElementsByClassName(\r\n            \"map-inner\"\r\n          )[0];\r\n          innerElement.removeEventListener(\"click\", onMarkerClick);\r\n          var topElement = clonedElement.getElementsByClassName(\"map-top\")[0];\r\n          if (topElement) {\r\n            topElement.removeEventListener(\"click\", topElementClick);\r\n          }\r\n        },\r\n      });\r\n\r\n      var marker = new H.map.DomMarker(\r\n        { lat: pos.lat, lng: pos.lng },\r\n        {\r\n          icon: domIcon,\r\n        }\r\n      );\r\n      return marker;\r\n    },\r\n    addMarker(l) {\r\n      var data = {\r\n        point: l.pos,\r\n        info: {\r\n          label: l.label,\r\n          address: l.address,\r\n          shortLabel: l.shortLabel,\r\n          id: l.id,\r\n        },\r\n        color: l.color,\r\n        // d: true,\r\n      };\r\n      var icon = \"\";\r\n      if (data.d) {\r\n        icon = this.createIcon(data);\r\n      } else {\r\n        icon = new H.map.Icon(this.getSvgIcon(l.color));\r\n      }\r\n\r\n      // if (icon && point) {\r\n      var info = data.info;\r\n      var lat, lng;\r\n      if (data.point.mappedPosition) {\r\n        lat = data.point.mappedPosition.latitude;\r\n        lng = data.point.mappedPosition.longitude;\r\n      } else {\r\n        // lat = point.split(\",\")[0];\r\n        // lng = point.split(\",\")[1];\r\n        lat = data.point.lat;\r\n        lng = data.point.lng;\r\n      }\r\n      var markerData = {\r\n        pos: { lat: lat, lng: lng },\r\n        icon: icon,\r\n        isDom: true,\r\n        info: l,\r\n        legend: l.l,\r\n      };\r\n      var marker = this.createMarker(markerData);\r\n\r\n      // if (data.l) {\r\n      //   marker.setData(data.l.ev.shortDescription);\r\n      // }\r\n\r\n      // var bubble;\r\n      // marker.addEventListener(\r\n      //   \"tap\",\r\n      //   (event) => {\r\n      //     bubble = new H.ui.InfoBubble(event.target.getGeometry(), {\r\n      //       content: event.target.getData(),\r\n      //     });\r\n      //     // if (!iconClicked) {\r\n      //     this.ui.addBubble(bubble);\r\n      //     // }\r\n\r\n      //     bubble.open();\r\n      //   },\r\n      //   false\r\n      // );\r\n      // m.addEventListener(\r\n      //   \"pointerleave\",\r\n      //   (event) => {\r\n      //     // this.ui.removeBubble(bubble);\r\n      //     bubble.close();\r\n      //     that.map.removeObjects(\r\n      //       event.target.getGeometry(event.target)\r\n      //     );\r\n      //   },\r\n      //   false\r\n      // );\r\n      // m.addEventListener(\r\n      //   \"tap\",\r\n      //   (event) => {\r\n      //     // var this.iconDropoff = await this.getIcon(\"dropoff\");\r\n      //     console.log(d);\r\n      //     iconClicked = true;\r\n      //     bubble.close();\r\n      //     // console.log(event);\r\n      //     icon = this.toggleIconFeature(icon, \"assigned\");\r\n\r\n      //     // this.iconDropoff = this.iconDropoff.replace(\"${TEXT}\", \"R\");\r\n      //     var i = new H.map.Icon(\r\n      //       // fun.siteLocation() + \"/geo/icons/icon.svg\",\r\n      //       icon,\r\n\r\n      //       { size: { w: 40, h: 60 } }\r\n      //     );\r\n      //     event.target.setIcon(i);\r\n      //     // iconClicked = false;\r\n      //   },\r\n      //   false\r\n      // );\r\n\r\n      this.allMarkers.push(marker);\r\n      this.allWaypoints.push({\r\n        lat: lat,\r\n        lng: lng,\r\n      });\r\n      // }\r\n    },\r\n    getFeatures(mapData) {\r\n      if (!this.map) {\r\n        return;\r\n      }\r\n      var that = this;\r\n      var features = {};\r\n      var routes = {};\r\n      var wayPoints = new H.map.Group();\r\n      var iconClicked = true;\r\n      this.allWaypoints = [];\r\n      this.allMarkers = [];\r\n      this.map.removeObjects(this.map.getObjects());\r\n      this.map.clearContent();\r\n\r\n      if (!mapData) {\r\n        mapData = this.mapData;\r\n      } else {\r\n        this.mapData = mapData;\r\n      }\r\n\r\n      mapData.forEach((l, i) => {\r\n        if (l.mapLine) {\r\n          var d = l.mapLine;\r\n\r\n          var route = d.service.route;\r\n          if (route) {\r\n            if (route.shape) {\r\n              var points = [];\r\n\r\n              route.shape.forEach((point) => {\r\n                let [lat, lng] = point.split(\",\");\r\n                this.allPoints.push({\r\n                  lat: lat,\r\n                  lng: lng,\r\n                });\r\n                points.push(lat);\r\n                points.push(lng);\r\n              });\r\n\r\n              var color = l.day_crew\r\n                ? l.day_crew.color.substring(0, 7)\r\n                : \"grey\";\r\n\r\n              let linestring = H.geo.LineString.fromLatLngArray(points);\r\n              // this.allPoints.concat(points);\r\n              let polyline = new H.map.Polyline(linestring, {\r\n                style: {\r\n                  lineWidth: 6,\r\n                  strokeColor: color,\r\n                },\r\n              });\r\n              this.map.addObject(polyline);\r\n              // routes[d.label] = points;\r\n            }\r\n            if (l.waypoints) {\r\n              l.waypoints.forEach((w) => {\r\n                this.addMarker(w);\r\n              });\r\n            } else {\r\n              if (route.waypoint) {\r\n                var cnt = route.waypoint.length;\r\n\r\n                route.waypoint.forEach((point, i) => {\r\n                  if (point.mappedPosition) {\r\n                    var stopNum = i + 1;\r\n                    var label =\r\n                      i == 0\r\n                        ? l.label\r\n                        : i < cnt - 1\r\n                        ? l.label + \" \" + stopNum + \" stop\"\r\n                        : l.label + \" drop\";\r\n                    var shortLabel =\r\n                      i == 0\r\n                        ? l.shortLabel\r\n                        : i < cnt - 1\r\n                        ? stopNum + \" st\"\r\n                        : \"drop\";\r\n                    var markerData = {\r\n                      i: i,\r\n                      d: d,\r\n                      point: point.mappedPosition,\r\n                      l: l,\r\n\r\n                      pos: {\r\n                        lat: point.mappedPosition.latitude,\r\n                        lng: point.mappedPosition.longitude,\r\n                      },\r\n                      color: color,\r\n                      cnt: cnt,\r\n                      label: label,\r\n                      shortLabel: shortLabel,\r\n                    };\r\n                    this.addMarker(markerData);\r\n                  }\r\n                });\r\n              }\r\n            }\r\n          }\r\n        } else {\r\n          this.addMarker(l);\r\n          // this.allMarkers.push(m);\r\n          // wayPoints.addObjects(this.allMarkers);\r\n        }\r\n        // console.log(this.allMarkers);\r\n        wayPoints.addObjects(this.allMarkers);\r\n\r\n        // this.allWaypoints.push(l.pos)\r\n      });\r\n      if (wayPoints) {\r\n        this.map.addObject(wayPoints);\r\n        this.map.getViewPort().setPadding(50, 50, 50, 50);\r\n        try {\r\n          this.map.getViewModel().setLookAtData({\r\n            bounds: wayPoints.getBoundingBox(),\r\n          });\r\n        } catch (error) {\r\n          //\r\n        }\r\n\r\n        // setTimeout(function () {\r\n        //   that.map.getViewPort().width = that.$refs.hereMap.clientWidth\r\n        //   that.map.getViewPort().height = that.$refs.hereMap.clientHeight\r\n        //   that.map.getViewPort().resize()\r\n\r\n        //   // window.dispatchEvent(new Event('resize'));\r\n        // }, 500);\r\n      }\r\n      this.allWaypoints.forEach((l) => {\r\n        var m = new H.map.Marker(\r\n          {\r\n            lat: parseFloat(l.lat),\r\n            lng: parseFloat(l.lng),\r\n          }\r\n          // { icon: pointIcon }\r\n        );\r\n        this.allMarkers.push(m);\r\n      });\r\n      this.map.addObjects(this.allMarkers);\r\n      if (this.allPoints.length) {\r\n        features[\"routes\"] = routes;\r\n      }\r\n      this.getCenterAndZoom();\r\n    },\r\n    getCenterAndZoom() {\r\n      this.center = here.findCenter(this.allWaypoints.concat(this.allPoints));\r\n      // var maxLat = 0;\r\n      // var maxLng = 0;\r\n      // var p1 = {};\r\n      // var p2 = {};\r\n      // this.allWaypoints.forEach((p) => {\r\n      //   if (Math.abs(maxLat) < Math.abs(p.lat)) {\r\n      //     maxLat = p.lat;\r\n      //     p1 = p;\r\n      //   }\r\n      //   if (Math.abs(maxLng) < Math.abs(p.lng)) {\r\n      //     maxLng = p.lng;\r\n      //     p2 = p;\r\n      //   }\r\n      // });\r\n      // this.zoomLevel = here.calcCrow(p1, p2);\r\n\r\n      // this.zoomLevel = parseInt(\r\n      //   MapViewUtils.calculateZoomLevelFromDistance(this.map, this.mapDist)\r\n      // );\r\n\r\n      // this.map.setCenter(this.center);\r\n      // this.map.setZoom(this.zoomLevel / 12);\r\n      // var group = new H.map.Group();\r\n      // this.wayPoints.addObjects(this.allMarkers)\r\n      // this.map.getViewModel().setLookAtData({\r\n      //   bounds: this.wayPoints.getBoundingBox()\r\n      // });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n#mouse-picked-result {\r\n  position: absolute;\r\n  bottom: 255px;\r\n  border-radius: 5px;\r\n  margin-left: 10px;\r\n  padding: 9px 12px;\r\n  background: #37afaa;\r\n  display: inline-block;\r\n  visibility: hidden;\r\n  text-align: left;\r\n  width: 150px;\r\n  height: 50px;\r\n  right: 50px;\r\n  font-weight: bold;\r\n  color: white;\r\n}\r\n\r\n.H_ib_body {\r\n  background: rgb(45, 213, 201);\r\n  width: 300px !important;\r\n}\r\n\r\n.map-outer {\r\n  /* border-radius: 50%;\r\n  border: solid;\r\n  margin-top: -35px;\r\n  margin-left: -20px; */\r\n  background-color: transparent;\r\n}\r\n.map-top {\r\n  margin-top: -50px;\r\n  margin-left: -15px;\r\n  /* background-color: yellow; */\r\n  color: white;\r\n  text-align: center;\r\n  vertical-align: bottom;\r\n  width: 30px;\r\n  height: 20px;\r\n  /* border-radius: 10px; */\r\n  border-style: solid 1px;\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  /* z-index: 101 !important; */\r\n}\r\n.map-inner {\r\n  /* color: white;\r\n  background-color: green; */\r\n  /* display: block; */\r\n  font-size: 16px;\r\n  /* font-family: bold 24px arial; */\r\n  line-height: 16px;\r\n  /* text-transform: uppercase; */\r\n  width: 40px;\r\n  height: 40px;\r\n  cursor: pointer;\r\n  border-radius: 25px;\r\n\r\n  /* z-index: 1 !important; */\r\n  text-align: center;\r\n  /* position: static !important; */\r\n  /* padding-left: 4px; */\r\n  padding-top: 12px;\r\n  /*padding-left: 4px; */\r\n  margin-top: -45px;\r\n  margin-left: -20px;\r\n}\r\n.map-inner .mdi {\r\n  font-size: 24px;\r\n  margin: auto;\r\n  z-index: 1;\r\n\r\n  /* padding: 4px; */\r\n}\r\n.here-map {\r\n  margin-left: 10px;\r\n  border: solid 1px;\r\n  width: 100%;\r\n}\r\n.highlighted {\r\n  color: yellow !important;\r\n  /* font-weight: bold; */\r\n  font-size: 20px;\r\n  border-radius: 0 !important;\r\n  background-color: yellow;\r\n  border: solid yellow 2px;\r\n}\r\n.square {\r\n  border-radius: 0 !important;\r\n  /* transform: rotate(45deg); */\r\n}\r\n.romb .mdi {\r\n  transform: rotate(-45deg);\r\n}\r\n.romb {\r\n  border-radius: 0 !important;\r\n  transform: rotate(45deg);\r\n  /* width: 38px;\r\n  height: 38px; */\r\n}\r\n.square-selected {\r\n  border: solid 4px red;\r\n  border-radius: 0 !important;\r\n}\r\n/* .map-inner[data-title]:hover::after {\r\n  opacity: 1;\r\n  transition: all 0.1s ease 0.5s;\r\n  visibility: visible;\r\n} */\r\n/* .map-inner[data-title]:after {\r\n  content: attr(data-title);\r\n  visibility: hidden;\r\n  width: 120px;\r\n  background-color: #555;\r\n  color: #fff;\r\n  text-align: center;\r\n  border-radius: 6px;\r\n  padding: 5px;\r\n  position: absolute;\r\n  z-index: 1000 !important;\r\n  top: 150%;\r\n  left: 50%;\r\n  margin-left: -70px;\r\n\r\n  text-transform: none;\r\n  font-size: 12px;\r\n} */\r\n.tooltiptext {\r\n  /* visibility: hidden; */\r\n  display: block;\r\n  width: 150px;\r\n  background-color: #555;\r\n  color: #fff;\r\n  text-align: center;\r\n  border-radius: 6px;\r\n  padding: 5px;\r\n  position: absolute;\r\n  z-index: 1000 !important;\r\n  /* top: 150%;\r\n  left: 50%;\r\n  margin-left: -70px; */\r\n  /* opacity: 1; */\r\n  /* transition: opacity 0.3s; */\r\n  text-transform: none;\r\n  font-size: 12px;\r\n}\r\n\r\n.tooltiptext::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 100%;\r\n  left: 50%;\r\n  margin-left: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent black transparent;\r\n}\r\n\r\n.map-outer:hover .tooltiptext {\r\n  visibility: visible;\r\n  /* z-index: 1000 !important; */\r\n  /* opacity: 1; */\r\n}\r\n#map {\r\n  position: relative;\r\n}\r\n.map-body {\r\n  width: 100vh !important;\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .map-body {\r\n    width: 100vh !important;\r\n  }\r\n  .here-map {\r\n    margin-left: -5px;\r\n\r\n    overflow: auto;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HereMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HereMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HereMap.vue?vue&type=template&id=ef28410a&\"\nimport script from \"./HereMap.vue?vue&type=script&lang=js&\"\nexport * from \"./HereMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HereMap.vue?vue&type=style&index=0&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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemGroup } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCol,VIcon,VList,VListItem,VListItemContent,VListItemGroup,VListItemTitle,VRow,VSpacer,VToolbar})\n"],"sourceRoot":""}