angular2-google-chart - npm Package Compare versions

Comparing version 1.1.5 to 2.0.0

directives/angular2-google-chart.directive.js

@@ -1,4 +0,3 @@
-System.register(['@angular/core'], function(exports_1, context_1) {
+System.register(["@angular/core"], function (exports_1, context_1) {
     "use strict";
-    var __moduleName = context_1 && context_1.id;
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -13,10 +12,11 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     };
-    var core_1;
-    var GoogleChart;
+    var __moduleName = context_1 && context_1.id;
+    var core_1, GoogleChart;
     return {
-        setters:[
+        setters: [
             function (core_1_1) {
                 core_1 = core_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {
             GoogleChart = (function () {
@@ -47,26 +47,26 @@ function GoogleChart(element) {
                 };
-                __decorate([
-                    core_1.Input('chartType'), 
-                    __metadata('design:type', String)
-                ], GoogleChart.prototype, "chartType", void 0);
-                __decorate([
-                    core_1.Input('chartOptions'), 
-                    __metadata('design:type', Object)
-                ], GoogleChart.prototype, "chartOptions", void 0);
-                __decorate([
-                    core_1.Input('chartData'), 
-                    __metadata('design:type', Object)
-                ], GoogleChart.prototype, "chartData", void 0);
-                GoogleChart = __decorate([
-                    core_1.Directive({
-                        selector: '[GoogleChart]',
-                    }), 
-                    __metadata('design:paramtypes', [core_1.ElementRef])
-                ], GoogleChart);
                 return GoogleChart;
             }());
+            __decorate([
+                core_1.Input('chartType'),
+                __metadata("design:type", String)
+            ], GoogleChart.prototype, "chartType", void 0);
+            __decorate([
+                core_1.Input('chartOptions'),
+                __metadata("design:type", Object)
+            ], GoogleChart.prototype, "chartOptions", void 0);
+            __decorate([
+                core_1.Input('chartData'),
+                __metadata("design:type", Object)
+            ], GoogleChart.prototype, "chartData", void 0);
+            GoogleChart = __decorate([
+                core_1.Directive({
+                    selector: '[GoogleChart]',
+                }),
+                __metadata("design:paramtypes", [core_1.ElementRef])
+            ], GoogleChart);
             exports_1("GoogleChart", GoogleChart);
         }
-    }
+    };
 });
 //# sourceMappingURL=angular2-google-chart.directive.js.map

example/app.component.js

 /*
  * @author Vimala A
  */
-System.register(['@angular/core'], function(exports_1, context_1) {
+System.register(["@angular/core"], function (exports_1, context_1) {
     "use strict";
-    var __moduleName = context_1 && context_1.id;
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -13,13 +12,13 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     };
-    var __metadata = (this && this.__metadata) || function (k, v) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-    };
-    var core_1;
-    var AppComponent;
+    var __moduleName = context_1 && context_1.id;
+    var core_1, AppComponent;
     return {
-        setters:[
+        setters: [
             function (core_1_1) {
                 core_1 = core_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {/*
+             * @author Vimala A
+             */
             AppComponent = (function () {
@@ -32,3 +31,4 @@ function AppComponent() {
                         ['2006', 660, 1120],
-                        ['2007', 1030, 540]];
+                        ['2007', 1030, 540]
+                    ];
                     this.bubble_ChartData = [
@@ -45,3 +45,4 @@ ['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'],
                         ['RUS', 68.6, 1.54, 'Europe', 141850000],
-                        ['USA', 78.09, 2.05, 'North America', 307007000]];
+                        ['USA', 78.09, 2.05, 'North America', 307007000]
+                    ];
                     this.scatter_ChartData = [
@@ -71,3 +72,4 @@ ['Date', 'Sales Percentage'],
                         ['Watch TV', 2],
-                        ['Sleep', 7]];
+                        ['Sleep', 7]
+                    ];
                     this.bar_ChartData = [
@@ -79,3 +81,4 @@ ['City', '2010 Population', '2000 Population'],
                         ['Houston, TX', 2099000, 1953000],
-                        ['Philadelphia, PA', 1526000, 1517000]];
+                        ['Philadelphia, PA', 1526000, 1517000]
+                    ];
                     this.map_ChartData = [
@@ -157,3 +160,4 @@ ['Country', 'Popularity'],
                         ['Systolic', 120],
-                        ['Diastolic', 80]];
+                        ['Diastolic', 80]
+                    ];
                     this.gauge_ChartOptions = {
@@ -179,15 +183,14 @@ width: 400, height: 120,
                 }
-                AppComponent = __decorate([
-                    core_1.Component({
-                        selector: 'my-app',
-                        template: "\n    <h2>  Gaugh Chart</h2>\n    <div id=\"gauge_chart\" [chartData]=\"gauge_ChartData\" [chartOptions]= \"gauge_ChartOptions\" chartType=\"Gauge\" GoogleChart></div>\n    <h2>  Area Chart</h2>\n    <div id=\"area_chart\" [chartData]=\"area_ChartData\" [chartOptions]= \"area_ChartOptions\" chartType=\"AreaChart\" GoogleChart></div>\n    <h2>  Line Chart</h2>\n    <div id=\"line_chart\" [chartData]=\"line_ChartData\" [chartOptions]= \"line_ChartOptions\" chartType=\"LineChart\" GoogleChart></div>\n    <h2>  Bubble Chart</h2>\n    <div id=\"bubble_chart\" [chartData]=\"bubble_ChartData\"  [chartOptions] = \"bubble_ChartOptions\" chartType=\"BubbleChart\" GoogleChart></div>\n    <h2>  Scatter Chart</h2>\n    <div id=\"scatter_chart\" [chartData]=\"scatter_ChartData\"  [chartOptions] = \"scatter_ChartOptions\" chartType=\"ScatterChart\" GoogleChart></div>\n    <h2>  CandlestickChart</h2>\n    <div id=\"candle_chart\" [chartData]=\"candle_ChartData\" [chartOptions] = \"candle_ChartOptions\" chartType=\"CandlestickChart\" GoogleChart></div>\n    <h2>  Pie Chart</h2>\n    <div id=\"pie_chart\" [chartData]=\"pie_ChartData\" [chartOptions] = \"pie_ChartOptions\" chartType=\"PieChart\" GoogleChart></div>\n    <h2>  Bar Chart</h2>\n    <div id=\"bar_chart\" [chartData]=\"bar_ChartData\" [chartOptions] = \"bar_ChartOptions\" chartType=\"BarChart\" GoogleChart></div>\n    <h2>  Map Chart</h2>\n    <div id=\"map_chart\" [chartData]=\"map_ChartData\" [chartOptions] = \"map_ChartOptions\" chartType=\"GeoChart\" GoogleChart></div>\n\n\t"
-                    }), 
-                    __metadata('design:paramtypes', [])
-                ], AppComponent);
                 return AppComponent;
             }());
+            AppComponent = __decorate([
+                core_1.Component({
+                    selector: 'my-app',
+                    template: "\n    <h2>  Gaugh Chart</h2>\n    <div id=\"gauge_chart\" [chartData]=\"gauge_ChartData\" [chartOptions]= \"gauge_ChartOptions\" chartType=\"Gauge\" GoogleChart></div>\n    <h2>  Area Chart</h2>\n    <div id=\"area_chart\" [chartData]=\"area_ChartData\" [chartOptions]= \"area_ChartOptions\" chartType=\"AreaChart\" GoogleChart></div>\n    <h2>  Line Chart</h2>\n    <div id=\"line_chart\" [chartData]=\"line_ChartData\" [chartOptions]= \"line_ChartOptions\" chartType=\"LineChart\" GoogleChart></div>\n    <h2>  Bubble Chart</h2>\n    <div id=\"bubble_chart\" [chartData]=\"bubble_ChartData\"  [chartOptions] = \"bubble_ChartOptions\" chartType=\"BubbleChart\" GoogleChart></div>\n    <h2>  Scatter Chart</h2>\n    <div id=\"scatter_chart\" [chartData]=\"scatter_ChartData\"  [chartOptions] = \"scatter_ChartOptions\" chartType=\"ScatterChart\" GoogleChart></div>\n    <h2>  CandlestickChart</h2>\n    <div id=\"candle_chart\" [chartData]=\"candle_ChartData\" [chartOptions] = \"candle_ChartOptions\" chartType=\"CandlestickChart\" GoogleChart></div>\n    <h2>  Pie Chart</h2>\n    <div id=\"pie_chart\" [chartData]=\"pie_ChartData\" [chartOptions] = \"pie_ChartOptions\" chartType=\"PieChart\" GoogleChart></div>\n    <h2>  Bar Chart</h2>\n    <div id=\"bar_chart\" [chartData]=\"bar_ChartData\" [chartOptions] = \"bar_ChartOptions\" chartType=\"BarChart\" GoogleChart></div>\n    <h2>  Map Chart</h2>\n    <div id=\"map_chart\" [chartData]=\"map_ChartData\" [chartOptions] = \"map_ChartOptions\" chartType=\"GeoChart\" GoogleChart></div>\n\n\t"
+                })
+            ], AppComponent);
             exports_1("AppComponent", AppComponent);
         }
-    }
+    };
 });
 //# sourceMappingURL=app.component.js.map

example/app.module.js

@@ -1,4 +0,3 @@
-System.register(['@angular/core', '@angular/platform-browser', './app.component', '../directives/angular2-google-chart.directive'], function(exports_1, context_1) {
+System.register(["@angular/core", "@angular/platform-browser", "./app.component", "../directives/angular2-google-chart.directive"], function (exports_1, context_1) {
     "use strict";
-    var __moduleName = context_1 && context_1.id;
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -10,9 +9,6 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     };
-    var __metadata = (this && this.__metadata) || function (k, v) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-    };
-    var core_1, platform_browser_1, app_component_1, angular2_google_chart_directive_1;
-    var AppModule;
+    var __moduleName = context_1 && context_1.id;
+    var core_1, platform_browser_1, app_component_1, angular2_google_chart_directive_1, AppModule;
     return {
-        setters:[
+        setters: [
             function (core_1_1) {
@@ -29,21 +25,21 @@ core_1 = core_1_1;
                 angular2_google_chart_directive_1 = angular2_google_chart_directive_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {
             AppModule = (function () {
                 function AppModule() {
                 }
-                AppModule = __decorate([
-                    core_1.NgModule({
-                        declarations: [app_component_1.AppComponent, angular2_google_chart_directive_1.GoogleChart],
-                        imports: [platform_browser_1.BrowserModule],
-                        bootstrap: [app_component_1.AppComponent],
-                    }), 
-                    __metadata('design:paramtypes', [])
-                ], AppModule);
                 return AppModule;
             }());
+            AppModule = __decorate([
+                core_1.NgModule({
+                    declarations: [app_component_1.AppComponent, angular2_google_chart_directive_1.GoogleChart],
+                    imports: [platform_browser_1.BrowserModule],
+                    bootstrap: [app_component_1.AppComponent],
+                })
+            ], AppModule);
             exports_1("AppModule", AppModule);
         }
-    }
+    };
 });
 //# sourceMappingURL=app.module.js.map

example/main.js

 // import {bootstrap}    from '@angular/platform-browser-dynamic';
 // import {AppComponent} from './app.component';
-System.register(['@angular/platform-browser-dynamic', './app.module'], function(exports_1, context_1) {
+System.register(["@angular/platform-browser-dynamic", "./app.module"], function (exports_1, context_1) {
     "use strict";
@@ -8,3 +8,3 @@ var __moduleName = context_1 && context_1.id;
     return {
-        setters:[
+        setters: [
             function (platform_browser_dynamic_1_1) {
@@ -15,8 +15,10 @@ platform_browser_dynamic_1 = platform_browser_dynamic_1_1;
                 app_module_1 = app_module_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {// import {bootstrap}    from '@angular/platform-browser-dynamic';
+            // import {AppComponent} from './app.component';
             platform_browser_dynamic_1.platformBrowserDynamic().bootstrapModule(app_module_1.AppModule);
         }
-    }
+    };
 });
 //# sourceMappingURL=main.js.map

package.json

 {
   "name": "angular2-google-chart",
-  "version": "1.1.5",
+  "version": "2.0.0",
   "description": "google chart directive for angular2",
   "main": "index.js",
   "dependencies": {
-    "@angular/common": "^2.4.4",
-    "@angular/compiler": "2.4.4",
-    "@angular/core": "2.4.4",
-    "@angular/platform-browser": "2.4.4",
-    "@angular/platform-browser-dynamic": "2.4.4",
-    "@angular/upgrade": "2.4.4",
-    "core-js": "^2.4.0",
+    "@angular/common": "4.0.2 ",
+    "@angular/compiler": "4.0.2 ",
+    "@angular/core": "4.0.2 ",
+    "@angular/platform-browser": "4.0.2",
+    "@angular/platform-browser-dynamic": "4.0.2",
+    "@angular/upgrade": "4.0.2",
+    "core-js": "^2.4.1",
     "reflect-metadata": "^0.1.3",
-    "rxjs": "5.0.0-beta.6",
+    "rxjs": "^5.0.1",
     "systemjs": "0.19.27",
-    "zone.js": "^0.6.17"
+    "typescript": "2.1.0",
+    "zone.js": "0.8.4"
   },
   "scripts": {
-    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
+    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",
     "tsc": "tsc",
@@ -30,4 +31,3 @@ "tsc:w": "tsc -w",
     "lite-server": "^2.2.0",
-    "typescript": "^1.8.10",
-    "typings": "^0.8.1"
+    "typings": "1.3.3"
   },
@@ -34,0 +34,0 @@ "license": "MIT",

No alert changes

Improved metrics

Dev dependency count

3

decreased by-25%

Lines of code

2608

increased by0.04%

Worsened metrics

Total package byte prevSize

807944

decreased by-0.02%

Dependency count

12

increased by9.09%

Dependency changes

• + Addedtypescript@2.1.0

• + Added@angular/common@4.0.2(transitive)

• + Added@angular/compiler@4.0.2(transitive)

• + Added@angular/core@4.0.2(transitive)

• + Added@angular/platform-browser@4.0.2(transitive)

• + Added@angular/platform-browser-dynamic@4.0.2(transitive)

• + Added@angular/upgrade@4.0.2(transitive)

• + Addedzone.js@0.8.4(transitive)

• - Removed@angular/common@2.4.102.4.4(transitive)

• - Removed@angular/compiler@2.4.4(transitive)

• - Removed@angular/core@2.4.102.4.4(transitive)

• - Removed@angular/platform-browser@2.4.4(transitive)

• - Removed@angular/platform-browser-dynamic@2.4.4(transitive)

• - Removed@angular/upgrade@2.4.4(transitive)

• - Removedrxjs@5.0.0-beta.6(transitive)

• - Removedzone.js@0.6.260.7.8(transitive)

• Updated@angular/common@4.0.2

• Updated@angular/compiler@4.0.2

• Updated@angular/core@4.0.2

• Updated@angular/platform-browser@4.0.2

• Updated@angular/platform-browser-dynamic@4.0.2

• Updated@angular/upgrade@4.0.2

• Updatedcore-js@^2.4.1

• Updatedrxjs@^5.0.1

• Updatedzone.js@0.8.4