angular2-image-popup - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

app/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) {
@@ -16,10 +15,13 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     };
-    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 () {
@@ -51,15 +53,15 @@ function AppComponent() {
                 };
-                AppComponent = __decorate([
-                    core_1.Component({
-                        selector: 'my-app',
-                        template: "\n      <h2> Example - Default</h2>\n      <p> you can directly access \"ImageModel\" directive for both listing thumbnails and popup images</p>\n\n      <ImageModal [modalImages]=\"images\"></ImageModal>\n      <h2>  Example with thumbnail pointers </h2>\n      <p> you can list images in your file and then calling \"ImageModel\" directive to show images on popup only</p>\n      <div *ngFor=\"let img of images; let i= index\"> \n        <div class=\"float-left\" *ngIf=\"i <= 2\" >\n          <a class=\"more\" *ngIf=\"i==2\" (click)=\"OpenImageModel(img.img,images)\"> +{{images.length - 3}} more </a> \n          <img class=\"list-img\" src=\"{{img.thumb}}\"(click)=\"OpenImageModel(img.img,images)\" alt='Image' />\n        </div>\n      </div>\n      <div *ngIf=\"openModalWindow\">\n        <ImageModal [modalImages]=\"images\" [imagePointer] = \"imagePointer\" (cancelEvent) =\"cancelImageModel()\"></ImageModal>\n      </div>\n\t"
-                    }), 
-                    __metadata('design:paramtypes', [])
-                ], AppComponent);
                 return AppComponent;
             }());
+            AppComponent = __decorate([
+                core_1.Component({
+                    selector: 'my-app',
+                    template: "\n      <h2> Example - Default</h2>\n      <p> you can directly access \"ImageModel\" directive for both listing thumbnails and popup images</p>\n\n      <ImageModal [modalImages]=\"images\"></ImageModal>\n      <h2>  Example with thumbnail pointers </h2>\n      <p> you can list images in your file and then calling \"ImageModel\" directive to show images on popup only</p>\n      <div *ngFor=\"let img of images; let i= index\"> \n        <div class=\"float-left\" *ngIf=\"i <= 2\" >\n          <a class=\"more\" *ngIf=\"i==2\" (click)=\"OpenImageModel(img.img,images)\"> +{{images.length - 3}} more </a> \n          <img class=\"list-img\" src=\"{{img.thumb}}\"(click)=\"OpenImageModel(img.img,images)\" alt='Image' />\n        </div>\n      </div>\n      <div *ngIf=\"openModalWindow\">\n        <ImageModal [modalImages]=\"images\" [imagePointer] = \"imagePointer\" (cancelEvent) =\"cancelImageModel()\"></ImageModal>\n      </div>\n\t"
+                }),
+                __metadata("design:paramtypes", [])
+            ], AppComponent);
             exports_1("AppComponent", AppComponent);
         }
-    }
+    };
 });
 //# sourceMappingURL=app.component.js.map

app/app.module.js

@@ -1,4 +0,3 @@
-System.register(['@angular/core', '@angular/platform-browser', './app.component', '../directives/angular2-image-popup/image-modal-popup'], function(exports_1, context_1) {
+System.register(["@angular/core", "@angular/platform-browser", "./app.component", "../directives/angular2-image-popup/image-modal-popup"], 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, image_modal_popup_1;
-    var AppModule;
+    var __moduleName = context_1 && context_1.id;
+    var core_1, platform_browser_1, app_component_1, image_modal_popup_1, AppModule;
     return {
-        setters:[
+        setters: [
             function (core_1_1) {
@@ -29,21 +25,21 @@ core_1 = core_1_1;
                 image_modal_popup_1 = image_modal_popup_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {
             AppModule = (function () {
                 function AppModule() {
                 }
-                AppModule = __decorate([
-                    core_1.NgModule({
-                        declarations: [app_component_1.AppComponent, image_modal_popup_1.ImageModal],
-                        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, image_modal_popup_1.ImageModal],
+                    imports: [platform_browser_1.BrowserModule],
+                    bootstrap: [app_component_1.AppComponent],
+                })
+            ], AppModule);
             exports_1("AppModule", AppModule);
         }
-    }
+    };
 });
 //# sourceMappingURL=app.module.js.map

app/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

directives/angular2-image-popup/angular2-image-popup.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 ImageModal;
+    var __moduleName = context_1 && context_1.id;
+    var core_1, ImageModal;
     return {
-        setters:[
+        setters: [
             function (core_1_1) {
                 core_1 = core_1_1;
-            }],
-        execute: function() {
+            }
+        ],
+        execute: function () {
             ImageModal = (function () {
@@ -75,27 +75,27 @@ function ImageModal(element) {
                 };
-                __decorate([
-                    core_1.Input('modalImages'), 
-                    __metadata('design:type', Object)
-                ], ImageModal.prototype, "modalImages", void 0);
-                __decorate([
-                    core_1.Input('imagePointer'), 
-                    __metadata('design:type', Number)
-                ], ImageModal.prototype, "imagePointer", void 0);
-                __decorate([
-                    core_1.Output('cancelEvent'), 
-                    __metadata('design:type', Object)
-                ], ImageModal.prototype, "cancelEvent", void 0);
-                ImageModal = __decorate([
-                    core_1.Component({
-                        selector: 'ImageModal',
-                        template: "\n   <div class=\"ng-gallery\" *ngIf=\"showRepeat\"> \n     <div *ngFor =\"let i of modalImages; let index = index\">\n       <img src=\"{{ i.thumb }}\" class=\"ng-thumb\" (click)=\"openGallery(index)\" alt=\"Image {{ index + 1 }}\" />\n      </div>\n   </div>\n   <div class=\"ng-overlay\" *ngIf=\"opened\">\n    <div class=\"ng-gallery-content\" >\n    <div class=\"uil-ring-css\" *ngIf=\"loading\"><div></div></div>         \n    <a class=\"close-popup\" (click)=\"closeGallery()\"><i class=\"fa fa-close\"></i></a>\n     <a class=\"nav-left\" *ngIf=\"modalImages.length >1\" (click)=\"prevImage()\"><i class=\"fa fa-angle-left\"></i></a>\n     <img *ngIf=\"!loading\" src=\"{{imgSrc}}\" (click)=\"nextImage()\" class=\"effect\" />\n     <a class=\"nav-right\" *ngIf=\"modalImages.length >1\" (click)=\"nextImage()\"><i class=\"fa fa-angle-right\"></i></a>\n     <span class=\"info-text\">{{ currentImageIndex + 1 }}/{{ modalImages.length }} - Image {{currentImageIndex+1}}</span>\n   </div>\n   </div>\n       "
-                    }), 
-                    __metadata('design:paramtypes', [core_1.ElementRef])
-                ], ImageModal);
                 return ImageModal;
             }());
+            __decorate([
+                core_1.Input('modalImages'),
+                __metadata("design:type", Object)
+            ], ImageModal.prototype, "modalImages", void 0);
+            __decorate([
+                core_1.Input('imagePointer'),
+                __metadata("design:type", Number)
+            ], ImageModal.prototype, "imagePointer", void 0);
+            __decorate([
+                core_1.Output('cancelEvent'),
+                __metadata("design:type", Object)
+            ], ImageModal.prototype, "cancelEvent", void 0);
+            ImageModal = __decorate([
+                core_1.Component({
+                    selector: 'ImageModal',
+                    template: "\n   <div class=\"ng-gallery\" *ngIf=\"showRepeat\"> \n     <div *ngFor =\"let i of modalImages; let index = index\">\n       <img src=\"{{ i.thumb }}\" class=\"ng-thumb\" (click)=\"openGallery(index)\" alt=\"Image {{ index + 1 }}\" />\n      </div>\n   </div>\n   <div class=\"ng-overlay\" *ngIf=\"opened\">\n    <div class=\"ng-gallery-content\" >\n    <div class=\"uil-ring-css\" *ngIf=\"loading\"><div></div></div>         \n    <a class=\"close-popup\" (click)=\"closeGallery()\"><i class=\"fa fa-close\"></i></a>\n     <a class=\"nav-left\" *ngIf=\"modalImages.length >1\" (click)=\"prevImage()\"><i class=\"fa fa-angle-left\"></i></a>\n     <img *ngIf=\"!loading\" src=\"{{imgSrc}}\" (click)=\"nextImage()\" class=\"effect\" />\n     <a class=\"nav-right\" *ngIf=\"modalImages.length >1\" (click)=\"nextImage()\"><i class=\"fa fa-angle-right\"></i></a>\n     <span class=\"info-text\">{{ currentImageIndex + 1 }}/{{ modalImages.length }} - Image {{currentImageIndex+1}}</span>\n   </div>\n   </div>\n       "
+                }),
+                __metadata("design:paramtypes", [core_1.ElementRef])
+            ], ImageModal);
             exports_1("ImageModal", ImageModal);
         }
-    }
+    };
 });
 //# sourceMappingURL=angular2-image-popup.js.map

directives/angular2-image-popup/image-modal-popup.js

@@ -1,2 +0,2 @@
-System.register(['./angular2-image-popup'], function(exports_1, context_1) {
+System.register(["./angular2-image-popup"], function (exports_1, context_1) {
     "use strict";
@@ -7,3 +7,3 @@ var __moduleName = context_1 && context_1.id;
         var exports = {};
-        for(var n in m) {
+        for (var n in m) {
             if (n !== "default") exports[n] = m[n];
@@ -14,14 +14,15 @@ }
     return {
-        setters:[
+        setters: [
             function (angular2_image_popup_1_1) {
                 angular2_image_popup_1 = angular2_image_popup_1_1;
                 exportStar_1(angular2_image_popup_1_1);
-            }],
-        execute: function() {
-            exports_1("default",{
+            }
+        ],
+        execute: function () {
+            exports_1("default", {
                 directives: [angular2_image_popup_1.ImageModal]
             });
         }
-    }
+    };
 });
 //# sourceMappingURL=image-modal-popup.js.map

package.json

 {
   "name": "angular2-image-popup",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Image popup directive for angular2",
   "main": "index.js",
   "dependencies": {
-    "@angular/common": "^2.1.0-beta.0",
-    "@angular/compiler": "^2.1.0-beta.0",
-    "@angular/core": "^2.1.0-beta.0",
-    "@angular/platform-browser": "^2.1.0-beta.0",
-    "@angular/platform-browser-dynamic": "^2.1.0-beta.0",
-    "@angular/upgrade": "^2.1.0-beta.0",
+    "@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",
@@ -14,0 +14,0 @@ "font-awesome": "^4.6.3",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Lines of code

2726

increased by0.04%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

1882524

decreased by-0.01%

Dependency changes

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

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

• Updated@angular/common@^2.4.4

• Updated@angular/compiler@2.4.4

• Updated@angular/core@^2.4.4

• Updated@angular/platform-browser@^2.4.4

• Updated@angular/platform-browser-dynamic@^2.4.4

• Updated@angular/upgrade@^2.4.4