ngx-echarts
Version:
<!-- Badges section here. --> [][npm-badge-url] [][npm-badge-url] [][ci
3 lines (2 loc) • 6.85 kB
JavaScript
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("rxjs"),require("@angular/core"),require("rxjs/operators"),require("echarts")):"function"==typeof define&&define.amd?define("ngx-echarts",["exports","rxjs","@angular/core","rxjs/operators","echarts"],e):e(t["ngx-echarts"]={},null,t.ng.core,t.Rx.Observable.prototype,null)}(this,function(t,n,i,r,s){"use strict";var o=function(){function e(t){this._changes=t}return e.of=function(t){return new e(t)},e.prototype.notEmpty=function(t){if(this._changes[t]){var e=this._changes[t].currentValue;if(e!==undefined&&null!==e)return n.of(e)}return n.empty()},e.prototype.has=function(t){if(this._changes[t]){var e=this._changes[t].currentValue;return n.of(e)}return n.empty()},e.prototype.notFirst=function(t){if(this._changes[t]&&!this._changes[t].isFirstChange()){var e=this._changes[t].currentValue;return n.of(e)}return n.empty()},e.prototype.notFirstAndEmpty=function(t){if(this._changes[t]&&!this._changes[t].isFirstChange()){var e=this._changes[t].currentValue;if(e!==undefined&&null!==e)return n.of(e)}return n.empty()},e}(),h=function(){};h.Click="click",h.DblClick="dblclick",h.MouseDown="mousedown",h.MouseUp="mouseup",h.MouseOver="mouseover",h.MouseOut="mouseout",h.GlobalOut="globalout",h.ContextMenu="contextmenu",h.DataZoom="datazoom",h.All=[h.Click,h.DblClick,h.MouseDown,h.MouseUp,h.MouseOver,h.MouseOut,h.GlobalOut,h.ContextMenu,h.DataZoom];var e=function(){function t(t,e){this.el=t,this._ngZone=e,this.autoResize=!0,this.loadingType="default",this.detectEventChanges=!0,this.chartInit=new i.EventEmitter,this.chartClick=new i.EventEmitter,this.chartDblClick=new i.EventEmitter,this.chartMouseDown=new i.EventEmitter,this.chartMouseUp=new i.EventEmitter,this.chartMouseOver=new i.EventEmitter,this.chartMouseOut=new i.EventEmitter,this.chartGlobalOut=new i.EventEmitter,this.chartContextMenu=new i.EventEmitter,this.chartDataZoom=new i.EventEmitter,this.currentOffsetWidth=0,this.currentOffsetHeight=0,this._resize$=new n.Subject}return t.prototype.createChart=function(){var t=this;this.currentWindowWidth=window.innerWidth,this.currentOffsetWidth=this.el.nativeElement.offsetWidth,this.currentOffsetHeight=this.el.nativeElement.offsetHeight;var e=this.el.nativeElement;if(window&&window.getComputedStyle){var n=window.getComputedStyle(e,null).getPropertyValue("height");n&&"0px"!==n||e.style.height&&"0px"!==e.style.height||(e.style.height="400px")}return this._ngZone.runOutsideAngular(function(){return s.init(e,t.theme||undefined,t.initOpts||undefined)})},t.prototype.onWindowResize=function(t){var e=t.target;this.autoResize&&e.innerWidth!==this.currentWindowWidth&&(this.currentWindowWidth=e.innerWidth,this.currentOffsetWidth=this.el.nativeElement.offsetWidth,this.currentOffsetHeight=this.el.nativeElement.offsetHeight,this._resize$.next())},t.prototype.ngOnChanges=function(t){var e=this,n=o.of(t);n.notFirstAndEmpty("options").subscribe(function(t){return e.onOptionsChange(t)}),n.notFirstAndEmpty("merge").subscribe(function(t){return e.setOption(t)}),n.has("loading").subscribe(function(t){return e.toggleLoading(!!t)}),n.notFirst("detectEventChanges").subscribe(function(t){return e.toggleEventDetectors(!!t)}),n.notFirst("theme").subscribe(function(){return e.refreshChart()})},t.prototype.ngOnDestroy=function(){this._resizeSub&&(this._resizeSub.unsubscribe(),this._resizeSub=null),this._chart&&(this._chart.dispose(),this._chart=null)},t.prototype.ngDoCheck=function(){if(this._chart&&this.autoResize){var t=this.el.nativeElement.offsetWidth,e=this.el.nativeElement.offsetHeight;this.currentOffsetWidth===t&&this.currentOffsetHeight===e||(this.currentOffsetWidth=t,this.currentOffsetHeight=e,this._resize$.next())}},t.prototype.ngAfterViewInit=function(){var t=this;setTimeout(function(){return t.initChart()})},t.prototype.initChart=function(){this.onOptionsChange(this.options),this.merge&&this._chart&&this.setOption(this.merge)},t.prototype.onOptionsChange=function(t){var e=this;t&&(this._chart||(this._chart=this.createChart(),this._resizeSub=this._resize$.pipe(r.debounceTime(50)).subscribe(function(){e._chart&&e._chart.resize()}),this.chartInit.emit(this._chart),this.detectEventChanges&&this.registerEvents()),this._chart.setOption(this.options,!0))},t.prototype.registerEvents=function(){if(this._chart)for(var t=h.All,e=0,n=t.length;e<n;e++)this._chart.on(t[e],this.eventHandler,this)},t.prototype.unregisterEvents=function(){if(this._chart)for(var t=h.All,e=0,n=t.length;e<n;e++)this._chart.off(t[e],this.eventHandler)},t.prototype.clear=function(){this._chart&&this._chart.clear()},t.prototype.toggleLoading=function(t){this._chart&&(t?this._chart.showLoading(this.loadingType,this.loadingOpts):this._chart.hideLoading())},t.prototype.setOption=function(t,e){this._chart&&this._chart.setOption(t,e)},t.prototype.eventHandler=function(t){var e=this;switch(t.type){case h.Click:this._ngZone.run(function(){return e.chartClick.emit(t)});break;case h.DblClick:this._ngZone.run(function(){return e.chartDblClick.emit(t)});break;case h.MouseDown:this._ngZone.run(function(){return e.chartMouseDown.emit(t)});break;case h.MouseUp:this._ngZone.run(function(){return e.chartMouseUp.emit(t)});break;case h.MouseOver:this._ngZone.run(function(){return e.chartMouseOver.emit(t)});break;case h.MouseOut:this._ngZone.run(function(){return e.chartMouseOut.emit(t)});break;case h.GlobalOut:this._ngZone.run(function(){return e.chartGlobalOut.emit(t)});break;case h.ContextMenu:this._ngZone.run(function(){return e.chartContextMenu.emit(t)});break;case h.DataZoom:this._ngZone.run(function(){return e.chartDataZoom.emit(t)})}},t.prototype.toggleEventDetectors=function(t){this._chart&&(t?this.registerEvents():this.unregisterEvents())},t.prototype.refreshChart=function(){this.ngOnDestroy(),this.initChart()},t}();e.decorators=[{type:i.Directive,args:[{selector:"echarts, [echarts]"}]}],e.ctorParameters=function(){return[{type:i.ElementRef},{type:i.NgZone}]},e.propDecorators={options:[{type:i.Input}],theme:[{type:i.Input}],loading:[{type:i.Input}],initOpts:[{type:i.Input}],merge:[{type:i.Input}],autoResize:[{type:i.Input}],loadingType:[{type:i.Input}],loadingOpts:[{type:i.Input}],detectEventChanges:[{type:i.Input}],chartInit:[{type:i.Output}],chartClick:[{type:i.Output}],chartDblClick:[{type:i.Output}],chartMouseDown:[{type:i.Output}],chartMouseUp:[{type:i.Output}],chartMouseOver:[{type:i.Output}],chartMouseOut:[{type:i.Output}],chartGlobalOut:[{type:i.Output}],chartContextMenu:[{type:i.Output}],chartDataZoom:[{type:i.Output}],onWindowResize:[{type:i.HostListener,args:["window:resize",["$event"]]}]};var u=function(){};u.decorators=[{type:i.NgModule,args:[{imports:[],declarations:[e],exports:[e]}]}],t.NgxEchartsModule=u,t.ɵa=e,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=ngx-echarts.umd.min.js.map