{"version":3,"sources":["webpack:///./node_modules/debounce/index.js","webpack:///./src/components/Search.vue?f6a1","webpack:///./src/components/Search.vue","webpack:///src/components/Search.vue","webpack:///./src/components/Search.vue?9dcd","webpack:///./src/components/Search.vue?14ea"],"names":["debounce","func","wait","immediate","timeout","args","context","timestamp","result","later","last","Date","now","setTimeout","apply","debounced","this","arguments","callNow","clear","clearTimeout","flush","module","exports","render","_vm","_c","_self","class","searchbarContainerStyle","staticClass","searchButtonStyle","attrs","on","toggleSearchbar","searchgroupwidthbottlenecks","showSearchbar","contextBoxContent","sgnobottlenecks","big","showContextBox","indexOf","directives","name","rawName","value","searchQuery","expression","searchInputStyle","domProps","$event","type","_k","keyCode","key","triggerEnter","target","composing","searchResults","_l","entry","index","preventDefault","moveToSearchResult","_e","includes","_v","_s","location","locationcode","staticRenderFns","setFocus","document","querySelector","focus","data","searchQueryIsDirty","isSearching","computed","_objectSpread","mapState","mapGetters","get","$store","state","application","set","commit","searchIndicator","smallbox","searchcontainerwidth","searchgroupwidth","searchcontainerwidthbottlenecks","searchgroupwidthbottleneks","rounded","watch","triggerSearch","currentVisibleTime","doSearch","methods","loadLogs","_this","dispatch","filter","filters","from","format","startDate","to","endDate","query","then","catch","error","message","response","_error$response","status","concat","displayError","title","$gettext","length","_this2","isCalculating","HTTP","post","showTimeSlider","string","time","toISOString","headers","localStorage","getItem","_error$response2","resultEntry","zoom","openLayersMap","getLayer","setVisible","id","geom","coordinates","preventZoomOut","boundingBox","Math","min","_toConsumableArray","map","c","max","component"],"mappings":"0HAcA,SAASA,EAASC,EAAMC,EAAMC,GAC5B,IAAIC,EAASC,EAAMC,EAASC,EAAWC,EAGvC,SAASC,IACP,IAAIC,EAAOC,KAAKC,MAAQL,EAEpBG,EAAOR,GAAQQ,GAAQ,EACzBN,EAAUS,WAAWJ,EAAOP,EAAOQ,IAEnCN,EAAU,KACLD,IACHK,EAASP,EAAKa,MAAMR,EAASD,GAC7BC,EAAUD,EAAO,OAXnB,MAAQH,IAAMA,EAAO,KAgBzB,IAAIa,EAAY,WACdT,EAAUU,KACVX,EAAOY,UACPV,EAAYI,KAAKC,MACjB,IAAIM,EAAUf,IAAcC,EAO5B,OANKA,IAASA,EAAUS,WAAWJ,EAAOP,IACtCgB,IACFV,EAASP,EAAKa,MAAMR,EAASD,GAC7BC,EAAUD,EAAO,MAGZG,GAoBT,OAjBAO,EAAUI,MAAQ,WACZf,IACFgB,aAAahB,GACbA,EAAU,OAIdW,EAAUM,MAAQ,WACZjB,IACFI,EAASP,EAAKa,MAAMR,EAASD,GAC7BC,EAAUD,EAAO,KAEjBe,aAAahB,GACbA,EAAU,OAIPW,EAITf,EAASA,SAAWA,EAEpBsB,EAAOC,QAAUvB,G,kCCrEjB,W,2ECAIwB,EAAS,WAAkB,IAAIC,EAAIT,KAAKU,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAMH,EAAII,yBAAyB,CAACH,EAAG,MAAM,CAACI,YAAY,wCAAwC,CAACJ,EAAG,OAAO,CAACE,MAAMH,EAAIM,kBAAkBC,MAAM,CAAC,IAAM,UAAUC,GAAG,CAAC,MAAQR,EAAIS,kBAAkB,CAACR,EAAG,oBAAoB,CAACM,MAAM,CAAC,KAAO,aAAa,KAAKN,EAAG,MAAM,CAACE,MAAM,CACnV,cACA,CACEO,4BACEnB,KAAKoB,eAA4C,gBAA3BpB,KAAKqB,kBAC7BC,gBACEtB,KAAKoB,eAA4C,gBAA3BpB,KAAKqB,kBAC7B,yBAA0BZ,EAAIW,cAC9BG,IACEd,EAAIe,iBAGG,IAFP,CAAC,cAAe,UAAW,aAAaC,QACtChB,EAAIY,sBAGT,CAACX,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAIqB,YAAaC,WAAW,gBAAgBnB,MAAMH,EAAIuB,iBAAiBhB,MAAM,CAAC,GAAK,SAAS,KAAO,QAAQiB,SAAS,CAAC,MAASxB,EAAIqB,aAAcb,GAAG,CAAC,MAAQ,SAASiB,GAAQ,OAAIA,EAAOC,KAAKV,QAAQ,QAAQhB,EAAI2B,GAAGF,EAAOG,QAAQ,QAAQ,GAAGH,EAAOI,IAAI,SAAgB,KAAY7B,EAAI8B,aAAazC,MAAM,KAAMG,YAAY,MAAQ,SAASiC,GAAWA,EAAOM,OAAOC,YAAiBhC,EAAIqB,YAAYI,EAAOM,OAAOX,aAAapB,EAAIW,eAAuC,OAAtBX,EAAIiC,gBAA2BjC,EAAIe,eAAgBd,EAAG,MAAM,CAACI,YAAY,8FAA8FL,EAAIkC,GAAIlC,EAAIiC,eAAe,SAASE,EAAMC,GAAO,OAAOnC,EAAG,MAAM,CAAC4B,IAAIO,EAAM/B,YAAY,wBAAwB,CAACJ,EAAG,IAAI,CAACI,YAAY,0BAA0BE,MAAM,CAAC,KAAO,KAAKC,GAAG,CAAC,MAAQ,SAASiB,GAAgC,OAAxBA,EAAOY,iBAAwBrC,EAAIsC,mBAAmBH,MAAU,CAAiB,eAAfA,EAAMT,KAAuBzB,EAAG,oBAAoB,CAACI,YAAY,OAAOE,MAAM,CAAC,KAAO,OAAO,cAAc,MAAMP,EAAIuC,KAAqB,QAAfJ,EAAMT,KAAgBzB,EAAG,oBAAoB,CAACI,YAAY,OAAOE,MAAM,CAAC,KAAO,QAAQ,cAAc,MAAMP,EAAIuC,KAAqB,SAAfJ,EAAMT,KAAiBzB,EAAG,oBAAoB,CAACI,YAAY,OAAOE,MAAM,CAAC,KAAO,OAAO,cAAc,MAAMP,EAAIuC,KAAqB,UAAfJ,EAAMT,KAAkBzB,EAAG,oBAAoB,CAACI,YAAY,OAAOE,MAAM,CAAC,KAAO,iBAAiB,cAAc,MAAMP,EAAIuC,KAAM,CAAC,UAAW,WAAWC,SAASL,EAAMT,MAAOzB,EAAG,oBAAoB,CAACI,YAAY,OAAOE,MAAM,CAAC,KAAO,OAAO,cAAc,MAAMP,EAAIuC,KAAKvC,EAAIyC,GAAG,aAAazC,EAAI0C,GAAGP,EAAMjB,MAAM,cAAeiB,EAAMQ,UAAYR,EAAMS,aAAc3C,EAAG,OAAO,CAACD,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAGP,EAAMQ,WAAYR,EAAMQ,UAAYR,EAAMS,aAAc3C,EAAG,OAAO,CAACD,EAAIyC,GAAG,QAAQzC,EAAIuC,KAAKvC,EAAIyC,GAAGzC,EAAI0C,GAAGP,EAAMS,cAAc,OAAO5C,EAAIuC,MAAM,QAAO,GAAGvC,EAAIuC,QAExzDM,EAAkB,G,ysBCgMtB,IAAAC,EAAA,kBAAAC,SAAAC,cAAA,WAAAC,SAEe,GACf/B,KAAA,SACAgC,KAAA,WACA,OACAC,oBAAA,EACAlB,cAAA,KACAmB,aAAA,IAGAC,SAAAC,UAAA,GACAC,eAAA,eACA,gBACA,iBACA,oBACA,iBACA,wBAEAA,eAAA,oCACAC,eAAA,wBACAA,eAAA,8BACAnC,YAAA,CACAoC,IAAA,WACA,YAAAC,OAAAC,MAAAC,YAAAvC,aAEAwC,IAAA,SAAAzC,GACA,KAAAsC,OAAAI,OAAA,0BAAA1C,KAGA2C,gBAAA,WACA,YAAAX,YACA,IACA,KAAAD,mBACA,GAEA,KAGA/C,wBAAA,WACA,OACA,gDACA,CACA,0BAAAQ,kBACA,0BAAAA,mBAAA,KAAAG,eACAiD,UAAA,KAAArD,cACAsD,qBACA,KAAAtD,eAAA,qBAAAC,kBACAsD,iBACA,KAAAvD,eAAA,qBAAAC,kBACAuD,gCACA,KAAAxD,eAAA,qBAAAC,kBACAwD,2BACA,KAAAzD,eAAA,qBAAAC,qBAIAW,iBAAA,WACA,OACA,iEACA,0BAAAR,gBAAA,KAAAkB,iBAGA3B,kBAAA,WACA,OACA,2GACA,CACA+D,SAAA,KAAA1D,cACA,oBAAAA,cACA,mBACA,KAAAA,gBAAA,KAAAI,gBAAA,KAAAkB,oBAKAqC,MAAA,CACAjD,YAAA,WACA,KAAA8B,oBAAA,EACA,KAAApC,gBAAA,KAAAwD,iBAEAC,mBAAA,WACA,KAAAC,aAGAC,QAAA,CACAC,SAAA,eAAAC,EAAA,KACA,KAAAlB,OACAmB,SAAA,sBACAC,OAAA,KAAAC,QACAC,KAAAC,oBAAA,KAAAC,UAAA,2BACAC,GAAAF,oBAAA,KAAAG,QAAA,2BACAC,MAAA,KAAAhE,cAEAiE,MAAA,eACAC,OAAA,SAAAC,GACA,IAAAC,EAAA,wBACA,GAAAD,EAAAE,SAAA,CACA,IAAAC,EAAAH,EAAAE,SAAAE,EAAAD,EAAAC,OAAA1C,EAAAyC,EAAAzC,KACAuC,EAAA,GAAAI,OAAAD,EAAA,MAAAC,OAAA3C,EAAAuC,SAAAvC,GAEA4C,eAAA,CACAC,MAAAnB,EAAAoB,SAAA,iBACAP,gBAIA3D,aAAA,WACA,KAAAf,gBAAA,wBAAAH,mBACA,KAAA+D,WAEA,KAAA1C,eAAA,QAAAA,cAAAgE,QACA,KAAA3D,mBAAA,KAAAL,cAAA,KAEAsC,cAAAhG,KAAA,WACA,KAAAkG,aACA,KACAA,SAAA,eAAAyB,EAAA,KACA,KAAAC,eAAA,EACA,KAAAlE,cAAA,KAEA,SAAAZ,cAIA+E,OAAAC,KACA,UACA,KAAAC,eACA,CACAC,OAAA,KAAAlF,YACAmF,KAAA,KAAAhC,mBAAAiC,eAEA,CAAAF,OAAA,KAAAlF,aACA,CACAqF,QAAA,CACA,eAAAC,aAAAC,QAAA,SACA,4CAIAtB,MAAA,SAAAI,GACAQ,EAAAjE,cAAAyD,EAAAxC,QAEAqC,OAAA,SAAAC,GACA,IAAAC,EAAA,wBACA,GAAAD,EAAAE,SAAA,CACA,IAAAmB,EAAArB,EAAAE,SAAAE,EAAAiB,EAAAjB,OAAA1C,EAAA2D,EAAA3D,KACAuC,EAAA,GAAAI,OAAAD,EAAA,MAAAC,OAAA3C,EAAAuC,SAAAvC,GAEA4C,eAAA,CACAC,MAAAG,EAAAF,SAAA,iBACAP,eAIA,KAAAU,eAAA,EACA,KAAAhD,oBAAA,IAEAb,mBAAA,SAAAwE,GACA,IAAAC,EAAA,GAwCA,GAvCA,eAAAD,EAAApF,OACA,KAAAsF,gBACAC,SAAA,eACAC,YAAA,GACA,KAAAxD,OAAAI,OACA,oCACAgD,EAAA5F,OAGA,QAAA4F,EAAApF,MACA,KAAAsF,gBACAC,SAAA,qBACAC,YAAA,GAEA,UAAAJ,EAAApF,MACA,KAAAsF,gBACAC,SAAA,UACAC,YAAA,GAEA,YAAAJ,EAAApF,OACA,KAAAgC,OAAAI,OACA,4BACA,uBAAAgD,EAAAK,IAEA,KAAAH,gBACAC,SAAA,aACAC,YAAA,IAEA,YAAAJ,EAAApF,OACA,KAAAgC,OAAAI,OACA,4BACA,sBAAAgD,EAAAK,IAEA,KAAAH,gBACAC,SAAA,YACAC,YAAA,IAEA,SAAAJ,EAAApF,OAAAqF,EAAA,IAEA,SAAAD,EAAAM,KAAA1F,KACA,KAAAgC,OAAAmB,SAAA,eACAwC,YAAAP,EAAAM,KAAAC,YACAN,OACAO,gBAAA,SAEA,cAAAR,EAAAM,KAAA1F,KAAA,CACA,IAAA6F,EAAA,CACAC,KAAAC,IAAApI,MAAAmI,KAAAE,eAAAZ,EAAAM,KAAAC,YAAA,GAAAM,KAAA,SAAAC,GAAA,OAAAA,EAAA,QACAJ,KAAAC,IAAApI,MAAAmI,KAAAE,eAAAZ,EAAAM,KAAAC,YAAA,GAAAM,KAAA,SAAAC,GAAA,OAAAA,EAAA,QACAJ,KAAAK,IAAAxI,MAAAmI,KAAAE,eAAAZ,EAAAM,KAAAC,YAAA,GAAAM,KAAA,SAAAC,GAAA,OAAAA,EAAA,QACAJ,KAAAK,IAAAxI,MAAAmI,KAAAE,eAAAZ,EAAAM,KAAAC,YAAA,GAAAM,KAAA,SAAAC,GAAA,OAAAA,EAAA,SAEA,KAAAlE,OAAAmB,SAAA,yBAAA0C,cAAAR,SAGA,KAAAtG,mBAEAA,gBAAA,WACA,KAAAM,iBACA,KAAAJ,eACAvB,WAAA0D,EAAA,KAEA,KAAAY,OAAAI,OAAA,kCAAAnD,mBC7a+U,I,wBCQ3UmH,EAAY,eACd,EACA/H,EACA8C,GACA,EACA,KACA,WACA,MAIa,aAAAiF,E","file":"js/chunk-64264b3e.7f1bb88b.js","sourcesContent":["/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n  var timeout, args, context, timestamp, result;\n  if (null == wait) wait = 100;\n\n  function later() {\n    var last = Date.now() - timestamp;\n\n    if (last < wait && last >= 0) {\n      timeout = setTimeout(later, wait - last);\n    } else {\n      timeout = null;\n      if (!immediate) {\n        result = func.apply(context, args);\n        context = args = null;\n      }\n    }\n  };\n\n  var debounced = function(){\n    context = this;\n    args = arguments;\n    timestamp = Date.now();\n    var callNow = immediate && !timeout;\n    if (!timeout) timeout = setTimeout(later, wait);\n    if (callNow) {\n      result = func.apply(context, args);\n      context = args = null;\n    }\n\n    return result;\n  };\n\n  debounced.clear = function() {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n  \n  debounced.flush = function() {\n    if (timeout) {\n      result = func.apply(context, args);\n      context = args = null;\n      \n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n\n  return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./Search.vue?vue&type=style&index=0&id=8620173a&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.searchbarContainerStyle},[_c('div',{staticClass:\"input-group-prepend m-0 d-print-none\"},[_c('span',{class:_vm.searchButtonStyle,attrs:{\"for\":\"search\"},on:{\"click\":_vm.toggleSearchbar}},[_c('font-awesome-icon',{attrs:{\"icon\":\"search\"}})],1)]),_c('div',{class:[\n      'searchgroup',\n      {\n        searchgroupwidthbottlenecks:\n          this.showSearchbar && this.contextBoxContent === 'bottlenecks',\n        sgnobottlenecks:\n          this.showSearchbar && this.contextBoxContent !== 'bottlenecks',\n        'searchgroup-collapsed': !_vm.showSearchbar,\n        big:\n          _vm.showContextBox &&\n          ['bottlenecks', 'staging', 'stretches'].indexOf(\n            _vm.contextBoxContent\n          ) !== -1\n      }\n    ]},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],class:_vm.searchInputStyle,attrs:{\"id\":\"search\",\"type\":\"text\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.triggerEnter.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value}}})]),(_vm.showSearchbar && _vm.searchResults !== null && !_vm.showContextBox)?_c('div',{staticClass:\"searchresults border-top ui-element bg-white rounded-bottom d-print-none position-absolute\"},_vm._l((_vm.searchResults),function(entry,index){return _c('div',{key:index,staticClass:\"border-top text-left\"},[_c('a',{staticClass:\"p-2 d-block text-nowrap\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.moveToSearchResult(entry)}}},[(entry.type === 'bottleneck')?_c('font-awesome-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"ship\",\"fixed-width\":\"\"}}):_vm._e(),(entry.type === 'rhm')?_c('font-awesome-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"water\",\"fixed-width\":\"\"}}):_vm._e(),(entry.type === 'city')?_c('font-awesome-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"city\",\"fixed-width\":\"\"}}):_vm._e(),(entry.type === 'gauge')?_c('font-awesome-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"ruler-vertical\",\"fixed-width\":\"\"}}):_vm._e(),(['stretch', 'section'].includes(entry.type))?_c('font-awesome-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"road\",\"fixed-width\":\"\"}}):_vm._e(),_vm._v(\"\\n        \"+_vm._s(entry.name)+\"\\n        \"),(entry.location || entry.locationcode)?_c('span',[_vm._v(\"(\"+_vm._s(entry.location)),(entry.location && entry.locationcode)?_c('span',[_vm._v(\", \")]):_vm._e(),_vm._v(_vm._s(entry.locationcode)+\")\")]):_vm._e()],1)])}),0):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"searchbarContainerStyle\">\n    <div class=\"input-group-prepend m-0 d-print-none\">\n      <span @click=\"toggleSearchbar\" :class=\"searchButtonStyle\" for=\"search\">\n        <font-awesome-icon icon=\"search\" />\n      </span>\n    </div>\n    <div\n      :class=\"[\n        'searchgroup',\n        {\n          searchgroupwidthbottlenecks:\n            this.showSearchbar && this.contextBoxContent === 'bottlenecks',\n          sgnobottlenecks:\n            this.showSearchbar && this.contextBoxContent !== 'bottlenecks',\n          'searchgroup-collapsed': !showSearchbar,\n          big:\n            showContextBox &&\n            ['bottlenecks', 'staging', 'stretches'].indexOf(\n              contextBoxContent\n            ) !== -1\n        }\n      ]\"\n    >\n      <input\n        @keyup.enter=\"triggerEnter\"\n        id=\"search\"\n        v-model=\"searchQuery\"\n        type=\"text\"\n        :class=\"searchInputStyle\"\n      />\n    </div>\n    <div\n      v-if=\"showSearchbar && searchResults !== null && !showContextBox\"\n      class=\"searchresults border-top ui-element bg-white rounded-bottom d-print-none position-absolute\"\n    >\n      <div\n        v-for=\"(entry, index) of searchResults\"\n        :key=\"index\"\n        class=\"border-top text-left\"\n      >\n        <a\n          href=\"#\"\n          @click.prevent=\"moveToSearchResult(entry)\"\n          class=\"p-2 d-block text-nowrap\"\n        >\n          <font-awesome-icon\n            icon=\"ship\"\n            v-if=\"entry.type === 'bottleneck'\"\n            class=\"mr-1\"\n            fixed-width\n          />\n          <font-awesome-icon\n            icon=\"water\"\n            v-if=\"entry.type === 'rhm'\"\n            class=\"mr-1\"\n            fixed-width\n          />\n          <font-awesome-icon\n            icon=\"city\"\n            v-if=\"entry.type === 'city'\"\n            class=\"mr-1\"\n            fixed-width\n          />\n          <font-awesome-icon\n            icon=\"ruler-vertical\"\n            v-if=\"entry.type === 'gauge'\"\n            class=\"mr-1\"\n            fixed-width\n          />\n          <font-awesome-icon\n            icon=\"road\"\n            v-if=\"['stretch', 'section'].includes(entry.type)\"\n            class=\"mr-1\"\n            fixed-width\n          />\n          {{ entry.name }}\n          <span v-if=\"entry.location || entry.locationcode\"\n            >({{ entry.location\n            }}<span v-if=\"entry.location && entry.locationcode\">, </span\n            >{{ entry.locationcode }})</span\n          >\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.searchcontainer {\n  opacity: 0.96;\n}\n\n.searchcontainerwitdh {\n  width: 860px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.searchcontainerwitdhbottlenecks {\n  width: 650px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.searchgroupwidth {\n  min-width: 852px;\n  max-width: 860px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.sgnobottlenecks {\n  width: 817px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.searchgroupwidthbottlenecks {\n  width: 617px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.searchcontainer .searchbar {\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n}\n\n.searchgroup {\n  overflow: hidden;\n}\n\n.searchgroup-collapsed {\n  width: 0;\n}\n\n.searchbar {\n  height: 2rem !important;\n  box-shadow: none !important;\n}\n\n.searchbar.rounded-top-right {\n  border-radius: 0 !important;\n  border-top-right-radius: 0.25rem !important;\n}\n\n.searchlabel.rounded-top-left {\n  border-radius: 0 !important;\n  border-top-left-radius: 0.25rem !important;\n}\n\n.input-group-text {\n  height: 2rem;\n  width: 2rem;\n}\n\n.input-group-prepend svg path {\n  fill: #666;\n}\n\n.searchresults {\n  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);\n  top: 2rem;\n  left: 0;\n  right: 0;\n  max-height: 24rem;\n  overflow: auto;\n}\n\n.searchresults > div:first-child {\n  border-top: 0 !important;\n}\n\n.searchresults a {\n  text-decoration: none;\n}\n\n.searchresults a:hover {\n  background: #f8f8f8;\n}\n\n.smallbox {\n  width: 2rem;\n}\n</style>\n\n<script>\n/* This is Free Software under GNU Affero General Public License v >= 3.0\n * without warranty, see README.md and license for details.\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * License-Filename: LICENSES/AGPL-3.0.txt\n *\n * Copyright (C) 2018 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Markus Kottländer <markus.kottlaender@intevation.de>\n */\nimport debounce from \"debounce\";\nimport { mapState, mapGetters } from \"vuex\";\n\nimport { displayError } from \"@/lib/errors\";\nimport { HTTP } from \"@/lib/http\";\nimport { format } from \"date-fns\";\n\nconst setFocus = () => document.querySelector(\"#search\").focus();\n\nexport default {\n  name: \"search\",\n  data() {\n    return {\n      searchQueryIsDirty: false,\n      searchResults: null,\n      isSearching: false\n    };\n  },\n  computed: {\n    ...mapState(\"application\", [\n      \"showSearchbar\",\n      \"showContextBox\",\n      \"contextBoxContent\",\n      \"showTimeSlider\",\n      \"currentVisibleTime\"\n    ]),\n    ...mapState(\"imports\", [\"startDate\", \"endDate\"]),\n    ...mapGetters(\"imports\", [\"filters\"]),\n    ...mapGetters(\"map\", [\"openLayersMap\"]),\n    searchQuery: {\n      get() {\n        return this.$store.state.application.searchQuery;\n      },\n      set(value) {\n        this.$store.commit(\"application/searchQuery\", value);\n      }\n    },\n    searchIndicator: function() {\n      if (this.isSearching) {\n        return \"⟳\";\n      } else if (this.searchQueryIsDirty) {\n        return \"\";\n      } else {\n        return \"✓\";\n      }\n    },\n    searchbarContainerStyle() {\n      return [\n        \"input-group searchcontainer shadow-xs rounded\",\n        {\n          \"d-flex\": this.contextBoxContent !== \"imports\",\n          \"d-none\": this.contextBoxContent === \"imports\" && this.showContextBox,\n          smallbox: !this.showSearchbar,\n          searchcontainerwidth:\n            this.showSearchbar && this.contextBoxContent !== \"bottlenecks\",\n          searchgroupwidth:\n            this.showSearchbar && this.contextBoxContent !== \"bottlenecks\",\n          searchcontainerwidthbottlenecks:\n            this.showSearchbar && this.contextBoxContent === \"bottlenecks\",\n          searchgroupwidthbottleneks:\n            this.showSearchbar && this.contextBoxContent === \"bottlenecks\"\n        }\n      ];\n    },\n    searchInputStyle() {\n      return [\n        \"form-control ui-element search searchbar d-print-none border-0\",\n        { \"rounded-top-right\": this.showContextBox || this.searchResults }\n      ];\n    },\n    searchButtonStyle() {\n      return [\n        \"ui-element input-group-text p-0 d-flex border-0 justify-content-center searchlabel bg-white d-print-none\",\n        {\n          rounded: !this.showSearchbar,\n          \"rounded-left\": this.showSearchbar,\n          \"rounded-top-left\":\n            this.showSearchbar && (this.showContextBox || this.searchResults)\n        }\n      ];\n    }\n  },\n  watch: {\n    searchQuery: function() {\n      this.searchQueryIsDirty = true;\n      if (!this.showContextBox) this.triggerSearch();\n    },\n    currentVisibleTime() {\n      this.doSearch();\n    }\n  },\n  methods: {\n    loadLogs() {\n      this.$store\n        .dispatch(\"imports/getImports\", {\n          filter: this.filters,\n          from: format(this.startDate, \"YYYY-MM-DDTHH:mm:ss.SSS\"),\n          to: format(this.endDate, \"YYYY-MM-DDTHH:mm:ss.SSS\"),\n          query: this.searchQuery\n        })\n        .then(() => {})\n        .catch(error => {\n          let message = \"Backend not reachable\";\n          if (error.response) {\n            const { status, data } = error.response;\n            message = `${status}: ${data.message || data}`;\n          }\n          displayError({\n            title: this.$gettext(\"Backend Error\"),\n            message: message\n          });\n        });\n    },\n    triggerEnter() {\n      if (this.showContextBox && this.contextBoxContent === \"importoverview\") {\n        this.loadLogs();\n      }\n      if (!this.searchResults || this.searchResults.length != 1) return;\n      this.moveToSearchResult(this.searchResults[0]);\n    },\n    triggerSearch: debounce(function() {\n      this.doSearch();\n    }, 500),\n    doSearch() {\n      this.isCalculating = true;\n      this.searchResults = null;\n\n      if (this.searchQuery == \"\") {\n        return;\n      }\n\n      HTTP.post(\n        \"/search\",\n        this.showTimeSlider\n          ? {\n              string: this.searchQuery,\n              time: this.currentVisibleTime.toISOString()\n            }\n          : { string: this.searchQuery },\n        {\n          headers: {\n            \"X-Gemma-Auth\": localStorage.getItem(\"token\"),\n            \"Content-type\": \"text/xml; charset=UTF-8\"\n          }\n        }\n      )\n        .then(response => {\n          this.searchResults = response.data;\n        })\n        .catch(error => {\n          let message = \"Backend not reachable\";\n          if (error.response) {\n            const { status, data } = error.response;\n            message = `${status}: ${data.message || data}`;\n          }\n          displayError({\n            title: this.$gettext(\"Backend Error\"),\n            message: message\n          });\n        });\n\n      this.isCalculating = false;\n      this.searchQueryIsDirty = false;\n    },\n    moveToSearchResult(resultEntry) {\n      let zoom = 16;\n      if (resultEntry.type === \"bottleneck\") {\n        this.openLayersMap()\n          .getLayer(\"BOTTLENECKS\")\n          .setVisible(true);\n        this.$store.commit(\n          \"bottlenecks/setBottleneckForPrint\",\n          resultEntry.name\n        );\n      }\n      if (resultEntry.type === \"rhm\") {\n        this.openLayersMap()\n          .getLayer(\"DISTANCEMARKSAXIS\")\n          .setVisible(true);\n      }\n      if (resultEntry.type === \"gauge\") {\n        this.openLayersMap()\n          .getLayer(\"GAUGES\")\n          .setVisible(true);\n      }\n      if (resultEntry.type === \"stretch\") {\n        this.$store.commit(\n          \"imports/selectedStretchId\",\n          \"stretches_geoserver.\" + resultEntry.id\n        );\n        this.openLayersMap()\n          .getLayer(\"STRETCHES\")\n          .setVisible(true);\n      }\n      if (resultEntry.type === \"section\") {\n        this.$store.commit(\n          \"imports/selectedSectionId\",\n          \"sections_geoserver.\" + resultEntry.id\n        );\n        this.openLayersMap()\n          .getLayer(\"SECTIONS\")\n          .setVisible(true);\n      }\n      if (resultEntry.type === \"city\") zoom = 13;\n\n      if (resultEntry.geom.type == \"Point\") {\n        this.$store.dispatch(\"map/moveMap\", {\n          coordinates: resultEntry.geom.coordinates,\n          zoom,\n          preventZoomOut: true\n        });\n      } else if (resultEntry.geom.type == \"Polygon\") {\n        const boundingBox = [\n          Math.min(...resultEntry.geom.coordinates[0].map(c => c[0])),\n          Math.min(...resultEntry.geom.coordinates[0].map(c => c[1])),\n          Math.max(...resultEntry.geom.coordinates[0].map(c => c[0])),\n          Math.max(...resultEntry.geom.coordinates[0].map(c => c[1]))\n        ];\n        this.$store.dispatch(\"map/moveToBoundingBox\", { boundingBox, zoom });\n      }\n      // this.searchQuery = \"\"; // clear search query again\n      this.toggleSearchbar();\n    },\n    toggleSearchbar() {\n      if (!this.showContextBox) {\n        if (!this.showSearchbar) {\n          setTimeout(setFocus, 300);\n        }\n        this.$store.commit(\"application/showSearchbar\", !this.showSearchbar);\n      }\n    }\n  }\n};\n</script>\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!./Search.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!./Search.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=8620173a&scoped=true\"\nimport script from \"./Search.vue?vue&type=script&lang=js\"\nexport * from \"./Search.vue?vue&type=script&lang=js\"\nimport style0 from \"./Search.vue?vue&type=style&index=0&id=8620173a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8620173a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}