ngx-dygraphs/bundles/ngx-dygraphs.umd.min.js

Angular 2+ and 4+ library for support of dygraphs(<http://dygraphs.com>) charts.

!function(e,m){"object"==typeof exports&&"undefined"!=typeof module?m(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],m):m(e["ngx-dygraphs"]={},e.ng.core,e.ng.common)}(this,function(e,m,n){"use strict";var t=function(){function e(){}return e.prototype.ngOnInit=function(){this.noDataLabel=this.noDataLabel||"NO DATA AVAILABLE",this.chartWidth=this.options&&this.options.width||640,this.chartHeight=this.options&&this.options.height||480},e.prototype.ngOnChanges=function(e){var m=this;if(e)if(this.data&&this.data.length){this.loadingInProgress=!0;var n=Object.assign({},this.options);n.width||(n.width=this.chartWidth),n.height||(n.height=this.chartHeight),n.legend||(n.legend="always"),setTimeout(function(){m.dygraph=new Dygraph(m.chart.nativeElement,m.data,n),m.loadingInProgress=!1,m.dygraph.ready(function(e){m.watchRangeSelector(e)})},500)}else this.loadingInProgress=!1},e.prototype.changeVisibility=function(e,m){this.dygraph.setVisibility(e,m)},e.prototype.watchRangeSelector=function(a){var t=new MutationObserver(function(e){if(2===e.length){var m=a.getFunctionOption("zoomCallback"),n=a.xAxisRange(),t=n[0],o=n[1];m.call(a,t,o,a.yAxisRanges())}});Array.from(document.getElementsByClassName("dygraph-rangesel-zoomhandle")).forEach(function(e,m,n){t.observe(e,{attributes:!0,attributeFilter:["style"]})})},e}();t.decorators=[{type:m.Component,args:[{selector:"ngx-dygraphs",template:'\n    <div class="ng-dygraphs">\n        <div *ngIf="loadingInProgress" class="loader-holder">\n            <div class="loader"></div>\n        </div>\n        <div class="ng-dygraphs-chart-container">\n            <div [ngClass]="{\'hide\': !data?.length}" #chart [style.width.px]="chartWidth" [style.height.px]="chartHeight"></div>\n            <div *ngIf="!data?.length" class="nodata" [style.width.px]="chartWidth" [style.height.px]="chartHeight">\n              {{noDataLabel}}\n            </div>\n        </div>\n    </div>\n  ',styles:["\n    .ng-dygraphs {\n      position: relative; }\n      .ng-dygraphs .name-nodes-holder {\n        display: -ms-flexbox;\n        display: -webkit-box;\n        display: flex;\n        -ms-flex-direction: row;\n            -webkit-box-orient: horizontal;\n            -webkit-box-direction: normal;\n                flex-direction: row;\n        padding-right: 30px;\n        padding-left: 30px; }\n      .ng-dygraphs .ng-dygraphs-chart-container {\n        background-color: #fff;\n        padding: 0;\n        margin: 5px;}\n        .ng-dygraphs .ng-dygraphs-chart-container .nodata {\n          display: -ms-flexbox;\n          display: -webkit-box;\n          display: flex;\n          -webkit-box-pack: center;\n             -ms-flex-pack: center;\n           justify-content: center;\n         -webkit-box-align: center;\n            -ms-flex-align: center;\n               align-items: center;\n          color: #5c5c5c;\n          font-weight: bold;\n          font-size: 24px; \n          display: flex;\n          -ms-flex-line-pack: center;\n              align-content: center; }\n        .ng-dygraphs .ng-dygraphs-chart-container .hide {\n           display: none; }\n      .ng-dygraphs .loader-holder {\n        position: absolute;\n        display: -ms-flexbox;\n        display: -webkit-box;\n        display: flex;\n        -ms-flex-align: center;\n            -webkit-box-align: center;\n                align-items: center;\n        width: 100%;\n        height: 100%;\n        background-color: #fff;\n        z-index: 55;\n        opacity: 0.9; }\n      .ng-dygraphs .loader {\n        color: #0dc5c1;\n        font-size: 20px;\n        margin: 100px auto;\n        width: 1em;\n        height: 1em;\n        border-radius: 50%;\n        position: relative;\n        text-indent: -9999em;\n        -webkit-animation: load4 1.3s infinite linear;\n        animation: load4 1.3s infinite linear;\n        -webkit-transform: translateZ(0);\n        transform: translateZ(0); }\n\n    @-webkit-keyframes load4 {\n      0%,\n      100% {\n        -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;\n                box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }\n      12.5% {\n        -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }\n      25% {\n        -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }\n      37.5% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }\n      50% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }\n      62.5% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }\n      75% {\n        -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;\n                box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }\n      87.5% {\n        -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;\n                box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }\n\n    @keyframes load4 {\n      0%,\n      100% {\n        -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;\n                box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }\n      12.5% {\n        -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }\n      25% {\n        -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }\n      37.5% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }\n      50% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }\n      62.5% {\n        -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;\n                box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }\n      75% {\n        -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;\n                box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }\n      87.5% {\n        -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;\n                box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }\n  "]}]}],t.ctorParameters=function(){return[]},t.propDecorators={options:[{type:m.Input}],data:[{type:m.Input}],noDataLabel:[{type:m.Input}],chart:[{type:m.ViewChild,args:["chart"]}]};var o=function(){function e(){}return e.forRoot=function(){return{ngModule:e}},e}();o.decorators=[{type:m.NgModule,args:[{imports:[n.CommonModule],declarations:[t],exports:[t]}]}],o.ctorParameters=function(){return[]},e.NgxDygraphsComponent=t,e.NgxDygraphsModule=o,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ngx-dygraphs.umd.min.js.map