{"version":3,"sources":["webpack:///./src/components/TimeSlider.vue","webpack:///src/components/TimeSlider.vue","webpack:///./src/components/TimeSlider.vue?1aa8","webpack:///./src/components/TimeSlider.vue?84bc","webpack:///./src/components/TimeSlider.vue?7cc6","webpack:///./src/lib/datelocalization.js","webpack:///./node_modules/debounce/index.js"],"names":["render","_vm","this","_c","_self","class","expanded","showTimeSlider","reposition","indexOf","paneSetup","attrs","staticClass","directives","name","rawName","value","dateSelection","expression","Date","toISOString","split","domProps","on","$event","target","composing","timeSelection","staticStyle","close","staticRenderFns","zoom","xScale","xAxis","currentScaleFactor","data","isSelectedTimeHourly","resizeListenerFunction","watch","ongoingRefresh","$store","commit","$nextTick","rescaleSlider","ongoingTimeSlide","refreshLayersTime","selectedTime","triggerMapReload","sourcesLoading","compareAsc","currentVisibleTime","computed","_objectSpread","mapState","get","date","state","application","format","set","_this$timeSelection$s","_this$timeSelection$s2","_slicedToArray","hours","minutes","setHours","setMinutes","now","time","layers","counter","openLayersMaps","forEach","map","i","length","layer","getLayer","getSource","loading","methods","_this","dispatch","scaleFactor","tx","getScale","d3","document","getElementById","clientWidth","t","translate","scale","domain","rescaleX","call","transform","createSlider","element","svgWidth","svgHeight","marginTop","marginLeft","localeDateString","toIsoDate","d","getAxes","svg","append","attr","scaleExtent","translateExtent","extent","zoomed","drag","raise","classed","onDrag","main","select","concat","onClick","range","axesFormat","app","$gettext","ticks","tickFormat","newX","k","checkSelectedTimeHourly","isHourly","point","p","x","y","xTime","invert","toDateString","getHours","startTimeOnSlider","endTimeOnSlider","redrawTimeSlider","bodyWidth","querySelector","timeSelectionWidth","closeButton","setAttribute","created","debounce","window","addEventListener","destroyed","removeEventListener","mounted","setTimeout","component","dateTime","periods","days","shortDays","months","shortMonths","func","wait","immediate","timeout","args","context","timestamp","result","later","last","apply","debounced","arguments","callNow","clear","clearTimeout","flush","module","exports"],"mappings":"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","file":"js/chunk-7bf19cb2.37b9cd4d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:[\n    'd-flex box ui-element rounded bg-white flex-row',\n    { expanded: _vm.showTimeSlider },\n    {\n      reposition: ['DEFAULT', 'COMPARESURVEYS'].indexOf(this.paneSetup) === -1\n    }\n  ],attrs:{\"id\":\"slider\"}},[_c('div',{staticClass:\"d-flex mt-1 mr-1\",attrs:{\"id\":\"timeselection\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dateSelection),expression:\"dateSelection\"}],staticClass:\"form-control-sm mr-1\",attrs:{\"type\":\"date\",\"min\":\"2015-01-01\",\"max\":new Date().toISOString().split('T')[0],\"required\":\"\"},domProps:{\"value\":(_vm.dateSelection)},on:{\"input\":function($event){if($event.target.composing)return;_vm.dateSelection=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.timeSelection),expression:\"timeSelection\"}],staticClass:\"form-control-sm\",attrs:{\"type\":\"time\",\"min\":\"00:00\",\"max\":\"23:59\",\"required\":\"\"},domProps:{\"value\":(_vm.timeSelection)},on:{\"input\":function($event){if($event.target.composing)return;_vm.timeSelection=$event.target.value}}})]),_c('div',{staticClass:\"d-flex sliderContainer\",staticStyle:{\"width\":\"98%\"},attrs:{\"id\":\"sliderContainer\"}}),_c('div',{staticClass:\"d-flex box-control mr-0\",staticStyle:{\"width\":\"2%\"},attrs:{\"id\":\"closebutton\"},on:{\"click\":_vm.close}},[_c('font-awesome-icon',{attrs:{\"icon\":\"times\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    id=\"slider\"\n    :class=\"[\n      'd-flex box ui-element rounded bg-white flex-row',\n      { expanded: showTimeSlider },\n      {\n        reposition: ['DEFAULT', 'COMPARESURVEYS'].indexOf(this.paneSetup) === -1\n      }\n    ]\"\n  >\n    <div id=\"timeselection\" class=\"d-flex mt-1 mr-1\">\n      <input\n        class=\"form-control-sm mr-1\"\n        type=\"date\"\n        v-model=\"dateSelection\"\n        min=\"2015-01-01\"\n        :max=\"new Date().toISOString().split('T')[0]\"\n        required\n      />\n      <input\n        type=\"time\"\n        min=\"00:00\"\n        max=\"23:59\"\n        v-model=\"timeSelection\"\n        class=\"form-control-sm\"\n        required\n      />\n    </div>\n    <div\n      id=\"sliderContainer\"\n      class=\"d-flex sliderContainer\"\n      style=\"width: 98%;\"\n    ></div>\n    <div\n      id=\"closebutton\"\n      @click=\"close\"\n      class=\"d-flex box-control mr-0\"\n      style=\"width: 2%;\"\n    >\n      <font-awesome-icon icon=\"times\"></font-awesome-icon>\n    </div>\n  </div>\n</template>\n<style scoped>\n#slider {\n  position: absolute;\n  bottom: 0;\n  min-width: 100vw;\n}\n/* reposition time slider in case of opened diagram */\n#slider.reposition {\n  bottom: 50%;\n}\n#slider.expanded {\n  max-height: 100%;\n  max-width: 100%;\n  margin: 0;\n}\ninput::-webkit-clear-button {\n  display: none;\n}\n/* hide clear button on IE */\ninput::-ms-clear {\n  display: none;\n}\n</style>\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) 2020 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Fadi Abbud <fadi.abbud@intevation.de>\n * Thomas Junk <thomas.junk@intevation.de>\n */\nimport { mapState } from \"vuex\";\nimport * as d3 from \"d3\";\nimport app from \"@/main\";\nimport { localeDateString } from \"@/lib/datelocalization\";\nimport { format, setHours, setMinutes, compareAsc } from \"date-fns\";\nimport debounce from \"debounce\";\n\nlet zoom = null;\nlet xScale = null;\nlet xAxis = null;\nlet currentScaleFactor = 1;\n\nexport default {\n  name: \"timeslider\",\n  data() {\n    return {\n      isSelectedTimeHourly: false,\n      resizeListenerFunction: null\n    };\n  },\n  watch: {\n    ongoingRefresh() {\n      if (this.ongoingRefresh) return;\n      this.$store.commit(\"application/setSelectedTime\", new Date());\n      this.$nextTick(this.rescaleSlider(1));\n    },\n    ongoingTimeSlide() {\n      if (this.ongoingTimeSlide) return;\n      this.$store.commit(\n        \"application/setCurrentVisibleTime\",\n        this.refreshLayersTime\n      );\n    },\n    selectedTime() {\n      this.triggerMapReload();\n    },\n    sourcesLoading() {\n      // initiate refresh layers request if the time for the finished request\n      // differs from the selected time on time slider\n      if (this.sourcesLoading !== 0) return;\n      if (compareAsc(this.selectedTime, this.currentVisibleTime) === 0) return;\n      this.triggerMapReload();\n    }\n  },\n  computed: {\n    ...mapState(\"application\", [\n      \"showTimeSlider\",\n      \"paneSetup\",\n      \"currentVisibleTime\",\n      \"refreshLayersTime\"\n    ]),\n    ...mapState(\"map\", [\n      \"ongoingRefresh\",\n      \"ongoingTimeSlide\",\n      \"openLayersMaps\"\n    ]),\n    dateSelection: {\n      get() {\n        const date = this.$store.state.application.selectedTime;\n        return format(date, \"YYYY-MM-DD\");\n      },\n      set(value) {\n        if (!value) return;\n        let date = new Date(value);\n        const [hours, minutes] = this.timeSelection.split(\":\");\n        date = setHours(date, hours);\n        date = setMinutes(date, minutes);\n        const now = new Date();\n        if (date > now) {\n          date = now;\n        }\n        this.$store.commit(\"application/setSelectedTime\", date);\n        this.rescaleSlider(50);\n      }\n    },\n    timeSelection: {\n      get() {\n        const time = this.$store.state.application.selectedTime;\n        return format(time, \"HH:mm\");\n      },\n      set(value) {\n        if (!value) return;\n        let date = this.selectedTime;\n        date = setHours(date, value.split(\":\")[0]);\n        date = setMinutes(date, value.split(\":\")[1]);\n        const now = new Date();\n        if (date > now) {\n          date = now;\n        }\n        this.$store.commit(\"application/setSelectedTime\", date);\n        this.rescaleSlider(800);\n      }\n    },\n    selectedTime: {\n      get() {\n        return this.$store.state.application.selectedTime;\n      },\n      set(value) {\n        if (!this.isSelectedTimeHourly) {\n          value = setHours(value, 12);\n          value = setMinutes(value, 0);\n        }\n        this.$store.commit(\"application/setSelectedTime\", value);\n      }\n    },\n    sourcesLoading() {\n      const layers = [\n        \"BOTTLENECKS\",\n        \"GAUGES\",\n        \"FAIRWAYDIMENSIONSLOS1\",\n        \"FAIRWAYDIMENSIONSLOS2\",\n        \"FAIRWAYDIMENSIONSLOS3\",\n        \"WATERWAYAXIS\",\n        \"FAIRWAYMARKS\"\n      ];\n      let counter = 0;\n      this.openLayersMaps.forEach(map => {\n        for (let i = 0; i < layers.length; i++) {\n          let layer = map.getLayer(layers[i]);\n          if (layer.getSource().loading) counter++;\n        }\n      });\n      return counter;\n    }\n  },\n  methods: {\n    close() {\n      this.$store.commit(\"application/showTimeSlider\", false);\n      this.$store.commit(\"application/setStoredTime\", this.currentVisibleTime);\n      this.$store.commit(\"application/setSelectedTime\", new Date());\n    },\n    triggerMapReload() {\n      // trigger refresh layers only when last loading of layers was ended\n      if (this.sourcesLoading) {\n        return;\n      }\n      this.$store.commit(\n        \"application/setLayerRefreshedTime\",\n        this.selectedTime\n      );\n      this.$store.commit(\"map/startTimeSlide\");\n      this.$store.dispatch(\"map/refreshTimebasedLayers\");\n      this.$nextTick(() => {\n        this.$store.commit(\"map/finishTimeSlide\");\n      });\n    },\n    rescaleSlider(scaleFactor) {\n      const tx =\n        -scaleFactor *\n          this.getScale()(d3.isoParse(this.selectedTime.toISOString())) +\n        document.getElementById(\"sliderContainer\").clientWidth / 2;\n      var t = d3.zoomIdentity.translate(tx, 0).scale(scaleFactor);\n      this.getScale().domain(t.rescaleX(this.getScale()));\n      d3.select(\".zoom\").call(zoom.transform, t);\n    },\n    createSlider() {\n      const element = document.getElementById(\"sliderContainer\");\n      const svgWidth = element ? element.clientWidth : 0,\n        svgHeight = 40,\n        marginTop = 20,\n        marginLeft = 0;\n\n      d3.timeFormatDefaultLocale(localeDateString);\n      const toIsoDate = d => {\n        return d.toISOString();\n      };\n      xScale = this.getScale();\n      xAxis = this.getAxes();\n      let svg = d3\n        .select(\".sliderContainer\")\n        .append(\"svg\")\n        .attr(\"width\", svgWidth)\n        .attr(\"height\", svgHeight);\n\n      zoom = d3\n        .zoom()\n        .scaleExtent([0.8, 102000])\n        .translateExtent([\n          [0, 0],\n          [svgWidth, svgHeight]\n        ])\n        .extent([[0, 0], [(svgWidth, svgHeight)]])\n        .on(\"zoom\", this.zoomed);\n\n      const drag = d3\n        .drag()\n        .on(\"start\", () => {\n          d3.select(\".line\")\n            .raise()\n            .classed(\"active\", true);\n        })\n        .on(\"drag\", this.onDrag)\n        .on(\"end\", () => {\n          d3.select(\".line\").classed(\"active\", false);\n        });\n      const main = svg\n        .append(\"g\")\n        .attr(\"id\", \"zoom\")\n        .attr(\"class\", \"zoom\")\n        .attr(\"width\", svgWidth)\n        .attr(\"height\", svgHeight)\n        .on(\"mouseover\", () => {\n          svg.select(\".zoom\").attr(\"cursor\", \"move\");\n        });\n\n      main\n        .append(\"rect\")\n        .attr(\"class\", \"main\")\n        .attr(\"width\", svgWidth)\n        .attr(\"height\", svgHeight)\n        .attr(\"opacity\", 0)\n        .on(\"mouseover\", () => {\n          svg.select(\".main\").attr(\"cursor\", \"move\");\n        });\n\n      main\n        .append(\"g\")\n        .attr(\"class\", \"axis--x\")\n        .attr(\"id\", \"zoom\")\n        .attr(\"transform\", `translate(${marginLeft}, ${marginTop})`)\n        .call(xAxis);\n\n      svg\n        .append(\"rect\")\n        .attr(\"class\", \"future\")\n        .attr(\"x\", xAxis.scale()(d3.isoParse(toIsoDate(new Date()))))\n        .attr(\"y\", 0)\n        .attr(\"width\", svgWidth)\n        .attr(\"height\", svgHeight)\n        .attr(\"fill\", \"#333333\")\n        .attr(\"opacity\", 0.3);\n\n      // Create cursor to indicate to the selected time\n      main\n        .append(\"rect\")\n        .attr(\"class\", \"line\")\n        .attr(\"id\", \"scrubber\")\n        .attr(\"x\", xAxis.scale()(d3.isoParse(toIsoDate(this.selectedTime))))\n        .attr(\"y\", 0)\n        .attr(\"width\", 2)\n        .attr(\"height\", svgHeight)\n        .attr(\"stroke\", \"#17a2b8\")\n        .attr(\"stroke-width\", 2)\n        .attr(\"opacity\", 0.6)\n        .on(\"mouseover\", () => {\n          svg.select(\".line\").attr(\"cursor\", \"e-resize\");\n        })\n        .call(drag);\n\n      main.call(zoom).on(\"click\", this.onClick);\n    },\n    getScale() {\n      return d3\n        .scaleTime()\n        .range([0, document.getElementById(\"sliderContainer\").clientWidth || 0])\n        .domain([d3.isoParse(new Date(\"2015-01-01\")), d3.isoParse(new Date())]);\n    },\n    getAxes() {\n      const axesFormat = date => {\n        return (d3.timeSecond(date) < date\n          ? d3.timeFormat(\".%L\")\n          : d3.timeMinute(date) < date\n          ? d3.timeFormat(\":%S\")\n          : d3.timeHour(date) < date\n          ? d3.timeFormat(\"%H:%M\")\n          : d3.timeDay(date) < date\n          ? d3.timeFormat(\"%H:%M\")\n          : d3.timeMonth(date) < date\n          ? d3.timeWeek(date) < date\n            ? d3.timeFormat(app.$gettext(\"%a %d\"))\n            : d3.timeFormat(app.$gettext(\"%b %d\"))\n          : d3.timeYear(date) < date\n          ? d3.timeFormat(\"%B\")\n          : d3.timeFormat(\"%Y\"))(date);\n      };\n      return d3\n        .axisBottom(xScale)\n        .ticks(12)\n        .tickFormat(axesFormat);\n    },\n    zoomed() {\n      let newX = d3.event.transform.rescaleX(xScale);\n      currentScaleFactor = d3.event.transform.k;\n      this.checkSelectedTimeHourly();\n      xAxis.scale(newX);\n      d3.select(\".axis--x\").call(xAxis);\n      d3.select(\".line\").attr(\"x\", newX(d3.isoParse(this.selectedTime)));\n      d3.select(\".future\").attr(\"x\", newX(d3.isoParse(new Date())));\n    },\n    checkSelectedTimeHourly() {\n      const isHourly = currentScaleFactor > 400;\n      if (this.isSelectedTimeHourly != isHourly)\n        this.isSelectedTimeHourly = isHourly;\n    },\n    onClick() {\n      // Extract the click location\n      let point = d3.mouse(document.getElementById(\"zoom\")),\n        p = { x: point[0], y: point[1] };\n      d3.select(\".line\").attr(\"x\", p.x);\n      const xTime = d3.isoParse(xAxis.scale().invert(p.x + 2)).toDateString();\n      const now = new Date();\n      // Avoid moving the cursor to future area if the \"now\" value is earlier than 12:00\n      if (\n        xTime === now.toDateString() &&\n        !this.isSelectedTimeHourly &&\n        now.getHours() < 12\n      ) {\n        this.isSelectedTimeHourly = true;\n        this.selectedTime = d3.isoParse(new Date());\n      } else {\n        this.selectedTime = d3.isoParse(xAxis.scale().invert(p.x + 2));\n      }\n      this.checkSelectedTimeHourly();\n    },\n    onDrag() {\n      this.selectedTime = d3.isoParse(xAxis.scale().invert(d3.event.x + 2));\n      const now = new Date();\n      const startTimeOnSlider = d3.isoParse(xAxis.scale().invert(0));\n      const endTimeOnSlider = d3.isoParse(\n        xAxis.scale().invert(xScale.range()[1])\n      );\n      // Prevent dragging outside the visible area on slider\n      if (endTimeOnSlider < this.selectedTime) {\n        this.selectedTime = endTimeOnSlider;\n        d3.select(\".line\").attr(\n          \"x\",\n          xAxis.scale()(d3.isoParse(endTimeOnSlider))\n        );\n      } else {\n        if (startTimeOnSlider > this.selectedTime) {\n          this.selectedTime = startTimeOnSlider;\n          d3.select(\".line\").attr(\n            \"x\",\n            xAxis.scale()(d3.isoParse(startTimeOnSlider))\n          );\n        } else {\n          if (this.selectedTime > now) {\n            this.isSelectedTimeHourly = true;\n            this.selectedTime = now;\n            d3.select(\".line\").attr(\"x\", xAxis.scale()(d3.isoParse(now)));\n            this.checkSelectedTimeHourly();\n          } else {\n            d3.select(\".line\").attr(\"x\", d3.event.x);\n          }\n        }\n      }\n    },\n    redrawTimeSlider() {\n      const bodyWidth = document.querySelector(\"body\").clientWidth;\n      const timeSelectionWidth = document.querySelector(\"#timeselection\")\n        .clientWidth;\n      const closeButton = document.querySelector(\"#closebutton\").clientWidth;\n      const svgWidth = bodyWidth - timeSelectionWidth - closeButton;\n      document\n        .querySelector(\".sliderContainer svg\")\n        .setAttribute(\"width\", svgWidth);\n      xScale.range([0, svgWidth]);\n      xAxis.scale(xScale);\n      d3.select(\".axis--x\").call(xAxis);\n      d3.select(\".line\").attr(\n        \"x\",\n        xAxis.scale()(d3.isoParse(this.selectedTime))\n      );\n      this.rescaleSlider(currentScaleFactor);\n    }\n  },\n  created() {\n    this.resizeListenerFunction = debounce(this.redrawTimeSlider, 100);\n    window.addEventListener(\"resize\", this.resizeListenerFunction);\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.resizeListenerFunction);\n  },\n  mounted() {\n    setTimeout(this.createSlider, 150);\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!./TimeSlider.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!./TimeSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TimeSlider.vue?vue&type=template&id=0a7e1246&scoped=true\"\nimport script from \"./TimeSlider.vue?vue&type=script&lang=js\"\nexport * from \"./TimeSlider.vue?vue&type=script&lang=js\"\nimport style0 from \"./TimeSlider.vue?vue&type=style&index=0&id=0a7e1246&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  \"0a7e1246\",\n  null\n  \n)\n\nexport default component.exports","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!./TimeSlider.vue?vue&type=style&index=0&id=0a7e1246&prod&scoped=true&lang=css\"","import app from \"@/main\";\nconst localeDateString = {\n  dateTime: \"%a %e %b %X %Y\",\n  date: \"%d/%m/%Y\",\n  time: \"%H:%M:%S\",\n  periods: [app.$gettext(\"AM\"), app.$gettext(\"PM\")],\n  days: [\n    app.$gettext(\"Sunday\"),\n    app.$gettext(\"Monday\"),\n    app.$gettext(\"Tuesday\"),\n    app.$gettext(\"Wednesday\"),\n    app.$gettext(\"Thursday\"),\n    app.$gettext(\"Friday\"),\n    app.$gettext(\"Saturday\")\n  ],\n  shortDays: [\n    app.$gettext(\"Sun\"),\n    app.$gettext(\"Mon\"),\n    app.$gettext(\"Tue\"),\n    app.$gettext(\"Wed\"),\n    app.$gettext(\"Thu\"),\n    app.$gettext(\"Fri\"),\n    app.$gettext(\"Sat\")\n  ],\n  months: [\n    app.$gettext(\"January\"),\n    app.$gettext(\"February\"),\n    app.$gettext(\"March\"),\n    app.$gettext(\"April\"),\n    app.$gettext(\"May\"),\n    app.$gettext(\"June\"),\n    app.$gettext(\"July\"),\n    app.$gettext(\"August\"),\n    app.$gettext(\"September\"),\n    app.$gettext(\"October\"),\n    app.$gettext(\"November\"),\n    app.$gettext(\"December\")\n  ],\n  shortMonths: [\n    app.$gettext(\"Jan\"),\n    app.$gettext(\"Feb\"),\n    app.$gettext(\"Mar\"),\n    app.$gettext(\"Apr\"),\n    app.$gettext(\"May\"),\n    app.$gettext(\"Jun\"),\n    app.$gettext(\"Jul\"),\n    app.$gettext(\"Aug\"),\n    app.$gettext(\"Sep\"),\n    app.$gettext(\"Oct\"),\n    app.$gettext(\"Nov\"),\n    app.$gettext(\"Dec\")\n  ]\n};\n\nexport { localeDateString };\n","/**\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"],"sourceRoot":""}