{"version":3,"sources":["webpack:///./src/components/HereMap.vue?ba82","webpack:///./src/components/HereMap.vue?2ac3","webpack:///src/components/HereMap.vue","webpack:///./src/components/HereMap.vue?8e03","webpack:///./src/components/HereMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","isFullScreen","hideToolbar","_e","attrs","_v","_s","mapTitle","legend","mapDate","on","$event","initMap","isMobile","noFullScreen","scopedSlots","_u","key","fn","ref","_g","staticClass","toggleFullScreen","mapKey","style","getStyle","table_title","model","value","callback","$$v","selectedItem","expression","_l","item","i","_b","color","$root","ajustColor","domProps","keyName","handleDataDragStart","loadingElements","loadingText","staticRenderFns","name","props","mapData","Array","getMarker","Function","mapHeight","String","Number","mapWidth","onMapMount","onMarkerClick","onMarkerDrop","topElementClick","Object","onLegendSelection","routing","loading","Boolean","refresh","computed","sortedLegendData","getMapCols","$vuetify","breakpoint","smAndDown","width","getTblCols","legendStyle","height","overflow","components","DTable","VLoader","data","mounted","document","addEventListener","draggableItems","querySelectorAll","forEach","setAttribute","event","dataTransfer","setData","target","id","watch","handler","legendData","getFeatures","legendKey","methods","$nextTick","map","window","innerHeight","position","top","innerWidth","left","split","screen","isTablet","that","mapReady","$refs","hereMap","innerHTML","display","editData","getDate","legendHeight","$on","d","updateLegend","noRecenter","filter","filterData","t","tableName","selected","apikey","here","platform","initializeHereMap","par","data_object","qry","crew_date","getSvgIcon","svgMarkup","mapContainer","maptypes","createDefaultLayers","defaultLayers","H","Map","vector","normal","pixelRatio","devicePixelRatio","mapevents","Behavior","MapEvents","ui","UI","createDefault","initIcons","iconPickup","replaceAll","iconDropoff","iconStopoff","getLines","l","mapLine","service","route","shape","line","p","push","lng","lat","modifyIcon","svg","createElement","icon","options","o","text","show","prop","x","querySelector","console","log","toggleIconFeature","feature","getHoursMinutes","time","hrs","m","noTime","Date","getHours","getMinutes","addHours","startTime","createIcon","endTime","createMarker","marker","isDom","info","createDomMarker","pos","markerIcon","pointIcon","Icon","Marker","outerElement","className","innerElement","topElement","toolTipElement","label","dataset","tooltip","_id","backgroundColor","appendChild","html","shortLabel","showTooltip","el","toolTip","cursor","border","minHeight","getElementById","closeButton","rect","getBoundingClientRect","mapRect","classList","contains","preventDefault","draggedData","JSON","parse","changeOpacity","evt","opacity","parentNode","changeOpacityToOne","elements","length","removeChild","e","extraClass","add","c","day_crew","padding","domIcon","DomIcon","onAttach","clonedElement","getElementsByClassName","onDetach","removeEventListener","DomMarker","stringify","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","doNotRecenter","restoreZoom","currentZoom","currentCenter","getCenterAndZoom","storedZoom","storedCenter","setZoom","setCenter","bbox","extend","getGeometry","center","component","VBtn","VCol","VIcon","VList","VListItem","VListItemContent","VListItemGroup","VListItemTitle","VRow","VSpacer","VToolbar","VTooltip"],"mappings":"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","file":"js/chunk-2e2e8a50.0b806b14.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',{class:{ 'full-screen': _vm.isFullScreen }},[(!_vm.hideToolbar)?_c('v-toolbar',{attrs:{\"flat\":\"\"}},[(_vm.mapTitle)?_c('h4',[_vm._v(\" \"+_vm._s(_vm.mapTitle)+\" \")]):_vm._e(),_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\")])],1),(!_vm.isMobile && !_vm.noFullScreen)?_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"ma-2\",attrs:{\"icon\":\"\"},on:{\"click\":_vm.toggleFullScreen}},on),[(!_vm.isFullScreen)?_c('v-icon',[_vm._v(\"mdi-fullscreen\")]):_c('v-icon',{attrs:{\"round\":\"\",\"color\":\"error\"}},[_vm._v(\"mdi-fullscreen-exit\")])],1)]}}],null,false,1699007566)},[_c('span',[_vm._v(\"Toggle Full Screen\")])]):_vm._e()],1):_vm._e(),_c('v-row',[_c('v-col',{ref:\"vMapCol\",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.sortedLegendData),function(item,i){return _c('v-list-item',{key:i},[_c('v-list-item-content',[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-list-item-title',_vm._g(_vm._b({staticClass:\"pa-2\",style:('background-color:' +\n                        item.color +\n                        ';color:' +\n                        _vm.$root.ajustColor(item.color)),attrs:{\"draggable\":\"\"},domProps:{\"textContent\":_vm._s(item[_vm.legend.keyName])},on:{\"dragstart\":function($event){return _vm.handleDataDragStart($event, item)}}},'v-list-item-title',attrs,false),on))]}}],null,true)},[_c('span',[_vm._v(_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 :class=\"{ 'full-screen': isFullScreen }\">\r\n    <!-- {{ legend }} -->\r\n\r\n    <v-toolbar v-if=\"!hideToolbar\" flat>\r\n      <h4 v-if=\"mapTitle\">\r\n        {{ mapTitle }}\r\n      </h4>\r\n      <v-spacer />\r\n\r\n      {{ legend ? legend.mapDate : \"\" }}\r\n      <v-btn small @click=\"initMap()\" text><v-icon>mdi-reload</v-icon></v-btn>\r\n      <v-tooltip v-if=\"!isMobile && !noFullScreen\" top>\r\n        <template v-slot:activator=\"{ on }\">\r\n          <v-btn v-on=\"on\" class=\"ma-2\" icon @click=\"toggleFullScreen\">\r\n            <v-icon v-if=\"!isFullScreen\">mdi-fullscreen</v-icon>\r\n            <v-icon round color=\"error\" v-else>mdi-fullscreen-exit</v-icon>\r\n          </v-btn>\r\n        </template>\r\n        <span>Toggle Full Screen</span>\r\n      </v-tooltip>\r\n    </v-toolbar>\r\n    <v-row>\r\n      <v-col cols=\"12\" lg=\"10\" ref=\"vMapCol\">\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 sortedLegendData\" :key=\"i\">\r\n              <v-list-item-content>\r\n                <v-tooltip bottom>\r\n                  <template v-slot:activator=\"{ on, attrs }\">\r\n                    <v-list-item-title\r\n                      @dragstart=\"handleDataDragStart($event, item)\"\r\n                      draggable\r\n                      class=\"pa-2\"\r\n                      :style=\"\r\n                        'background-color:' +\r\n                          item.color +\r\n                          ';color:' +\r\n                          $root.ajustColor(item.color)\r\n                      \"\r\n                      v-text=\"item[legend.keyName]\"\r\n                      v-bind=\"attrs\"\r\n                      v-on=\"on\"\r\n                    ></v-list-item-title>\r\n                  </template>\r\n                  <span>{{ item[legend.keyName] }}</span>\r\n                </v-tooltip>\r\n              </v-list-item-content>\r\n            </v-list-item></v-list-item-group\r\n          >\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\nimport vuedraggable from \"vuedraggable\";\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    onMarkerDrop: 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    sortedLegendData() {\r\n      return [...this.legendData].sort((a, b) => {\r\n        const key = this.legend.keyName;\r\n        return a[key]\r\n          ?.toString()\r\n          .trim()\r\n          .localeCompare(b[key]?.toString().trim()); // Safe handling\r\n      });\r\n    },\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  },\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    isFullScreen: false,\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    document.addEventListener(\"DOMContentLoaded\", function() {\r\n      var draggableItems = document.querySelectorAll(\".draggable\");\r\n\r\n      draggableItems.forEach(item => {\r\n        item.setAttribute(\"draggable\", \"true\");\r\n\r\n        item.addEventListener(\"dragstart\", function(event) {\r\n          event.dataTransfer.setData(\"text/plain\", event.target.id);\r\n        });\r\n      });\r\n    });\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    toggleFullScreen() {\r\n      const map = this.$refs.hereMap;\r\n\r\n      this.isFullScreen = !this.isFullScreen;\r\n      this.$nextTick(() => {\r\n        if (this.isFullScreen) {\r\n          const position = map.getBoundingClientRect();\r\n          map.style.height = window.innerHeight - (position.top + 60) + \"px\";\r\n          map.style.width = window.innerWidth - (position.left + 60) + \"px\";\r\n          //\r\n        } else {\r\n          const style = this.getStyle(); // 'height:515px;width:806.4px'\r\n          const [height, width] = style.split(\";\");\r\n          map.style.height = height.split(\":\")[1];\r\n          map.style.width = width.split(\":\")[1];\r\n        }\r\n\r\n        this.initMap();\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    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 (fun.getParentByProperty(that, \"shipmentId\")) {\r\n          return;\r\n        }\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, d.noRecenter);\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      innerElement.dataset.id = info.l._id;\r\n\r\n      // var showTooltip = function(e) {\r\n      //   console.log(e);\r\n      // };\r\n\r\n      innerElement.style.color = this.$root.ajustColor(info.color) || \"black\";\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.style.position = \"absolute\";\r\n        toolTip.style.cursor = \"pointer\";\r\n        toolTip.style.border = \"2px dashed\"; // Visual indicator for drop area\r\n        toolTip.style.minHeight = \"50px\"; // Ensure space for dropping\r\n\r\n        const buttonHTML =\r\n          '<button style=\"display: block; margin-bottom: 10px;\">Close</button>';\r\n        toolTip.innerHTML =\r\n          \"  Drag crew here...<br>\" + buttonHTML + el.dataset.tooltip;\r\n\r\n        var map = document.getElementById(\"map\");\r\n        map.appendChild(toolTip);\r\n\r\n        const closeButton = toolTip.querySelector(\"button\");\r\n        closeButton.addEventListener(\"click\", () => toolTip.remove());\r\n\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\r\n        // Drag-and-Drop Handling\r\n        toolTip.addEventListener(\"dragover\", function(event) {\r\n          event.preventDefault(); // Necessary to allow dropping\r\n          toolTip.style.border = \"2px solid green\"; // Highlight on hover\r\n        });\r\n\r\n        toolTip.addEventListener(\"dragleave\", function() {\r\n          toolTip.style.border = \"2px dashed yellow\"; // Reset border when leaving\r\n        });\r\n\r\n        toolTip.addEventListener(\"drop\", function(event) {\r\n          event.preventDefault();\r\n          toolTip.style.border = \"2px dashed yellow\"; // Reset border after drop\r\n\r\n          var draggedData = JSON.parse(\r\n            event.dataTransfer.getData(\"text/plain\")\r\n          ); // Get data\r\n          if (that.onMarkerDrop) {\r\n            that.onMarkerDrop(draggedData, el, that, toolTip);\r\n          }\r\n          // var droppedElement = document.getElementById(draggedData); // Retrieve element\r\n\r\n          // if (droppedElement) {\r\n          //   toolTip.appendChild(droppedElement); // Append to tooltip\r\n          // }\r\n        });\r\n      }\r\n\r\n      // Example: Making elements draggable\r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var draggableItems = document.querySelectorAll(\".draggable\");\r\n\r\n        draggableItems.forEach(item => {\r\n          item.setAttribute(\"draggable\", \"true\");\r\n\r\n          item.addEventListener(\"dragstart\", function(event) {\r\n            event.dataTransfer.setData(\"text/plain\", event.target.id);\r\n          });\r\n        });\r\n      });\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      }\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        if (e.target.dataset && e.target.dataset.tooltip) {\r\n          showTooltip(e.target);\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          // const closeButton = document.createElement(\"button\");\r\n          // closeButton.textContent = \"Close\";\r\n          // // closeButton.style.position = \"absolute\";\r\n          // // closeButton.style.top = \"10px\";\r\n          // // closeButton.style.right = \"10px\";\r\n          // closeButton.addEventListener(\"click\", changeOpacityToOne);\r\n          // clonedElement.appendChild(closeButton);\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    handleDataDragStart(event, item) {\r\n      // Store the data being dragged\r\n      event.dataTransfer.setData(\"text/plain\", JSON.stringify(item));\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, doNotRecenter) {\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      const currentZoom = this.map.getZoom();\r\n      const currentCenter = this.map.getCenter();\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      if (!doNotRecenter) {\r\n        this.getCenterAndZoom();\r\n      } else {\r\n        this.restoreZoom(currentZoom, currentCenter);\r\n      }\r\n    },\r\n    restoreZoom(storedZoom = null, storedCenter = null) {\r\n      if (!this.map) return;\r\n\r\n      // If user has manually changed zoom/center, restore them\r\n      if (storedZoom !== null && storedCenter !== null) {\r\n        this.map.setZoom(storedZoom);\r\n        this.map.setCenter(storedCenter);\r\n        return;\r\n      }\r\n\r\n      // Default recenter logic (e.g., centering on markers)\r\n      if (this.allMarkers.length) {\r\n        let bounds = this.allMarkers.reduce((bbox, marker) => {\r\n          return bbox.extend(marker.getGeometry());\r\n        }, new H.geo.Rect(90, 180, -90, -180));\r\n\r\n        this.map.getViewModel().setLookAtData({ bounds });\r\n      }\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  box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25),\r\n    0px 10px 10px rgba(0, 0, 0, 0.22);\r\n\r\n  display: block;\r\n  width: 250px;\r\n  height: 200px;\r\n  overflow: auto;\r\n  background-color: white;\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=3fe103ed&\"\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';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCol,VIcon,VList,VListItem,VListItemContent,VListItemGroup,VListItemTitle,VRow,VSpacer,VToolbar,VTooltip})\n"],"sourceRoot":""}