(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{302:function(t,e,i){"use strict";i.r(e);var o=i(69),d=i(114),a=i(3),n=i(2);function s(t){this.el=t,this.loading=0,this.loaded=0}s.prototype.addLoading=function(){0===this.loading&&this.show(),++this.loading,this.update()},s.prototype.addLoaded=function(){var t=this;setTimeout((function(){++t.loaded,t.update()}),100)},s.prototype.update=function(){var t=(this.loaded/this.loading*100).toFixed(1)+"%";if(this.el.style.width=t,this.loading===this.loaded){this.loading=0,this.loaded=0;var e=this;setTimeout((function(){e.hide()}),500)}},s.prototype.show=function(){this.el.style.visibility="visible"},s.prototype.hide=function(){this.loading===this.loaded&&(this.el.style.visibility="hidden",this.el.style.width=0)};var h=new s(document.getElementById("progress")),l=new d.a({url:"https://ahocevar.com/geoserver/wms",params:{LAYERS:"topp:states"},serverType:"geoserver"});l.on("imageloadstart",(function(){h.addLoading()})),l.on("imageloadend",(function(){h.addLoaded()})),l.on("imageloaderror",(function(){h.addLoaded()}));new a.a({layers:[new o.a({source:l})],target:"map",view:new n.a({center:[-10997148,4569099],zoom:4})})}},[[302,0]]]);
//# sourceMappingURL=image-load-events.js.map