angular2-image-gallery - npm Package Compare versions

Comparing version 0.5.4 to 0.5.5

app/angular2imagegallery.module.js

@@ -1,2 +0,1 @@
-"use strict";
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -8,34 +7,43 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 };
-var platform_browser_1 = require("@angular/platform-browser");
-var core_1 = require("@angular/core");
-var forms_1 = require("@angular/forms");
-var http_1 = require("@angular/http");
-var gallery_component_1 = require("./gallery/gallery.component");
-var viewer_component_1 = require("./viewer/viewer.component");
-var material_1 = require("@angular/material");
-var image_service_1 = require("./services/image.service");
-var Angular2ImageGalleryModule = (function () {
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { BrowserModule } from "@angular/platform-browser";
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { HttpModule } from "@angular/http";
+import { GalleryComponent } from "./gallery/gallery.component";
+import { ViewerComponent } from "./viewer/viewer.component";
+import { MaterialModule } from "@angular/material";
+import { ImageService } from "./services/image.service";
+import { DemoComponent } from "./demo/demo.component";
+export var Angular2ImageGalleryModule = (function () {
     function Angular2ImageGalleryModule() {
     }
     Angular2ImageGalleryModule = __decorate([
-        core_1.NgModule({
+        NgModule({
             declarations: [
-                gallery_component_1.GalleryComponent,
-                viewer_component_1.ViewerComponent
+                GalleryComponent,
+                ViewerComponent,
+                DemoComponent
             ],
             imports: [
-                platform_browser_1.BrowserModule,
-                forms_1.FormsModule,
-                http_1.HttpModule,
-                material_1.MaterialModule.forRoot()
+                BrowserModule,
+                FormsModule,
+                HttpModule,
+                MaterialModule.forRoot()
             ],
-            providers: [image_service_1.ImageService],
+            providers: [ImageService],
             exports: [
-                gallery_component_1.GalleryComponent,
-                viewer_component_1.ViewerComponent
+                GalleryComponent,
+                ViewerComponent
+            ],
+            bootstrap: [
+                DemoComponent
             ]
-        })
+        }), 
+        __metadata('design:paramtypes', [])
     ], Angular2ImageGalleryModule);
     return Angular2ImageGalleryModule;
 }());
-exports.Angular2ImageGalleryModule = Angular2ImageGalleryModule;
+//# sourceMappingURL=c:/dev/ng2imggallery/src/app/angular2imagegallery.module.js.map

app/viewer/viewer.component.js

@@ -31,3 +31,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             _this.images[_this.currentIdx]['active'] = true;
-            _this.transform = '0px';
+            _this.transform = 0;
             _this.updateQuality();
@@ -55,4 +55,3 @@ });
     ViewerComponent.prototype.pan = function (swipe) {
-        var currentDeltaX = swipe.deltaX;
-        this.transform = currentDeltaX + 'px';
+        this.transform = swipe.deltaX;
     };
@@ -123,3 +122,3 @@ ViewerComponent.prototype.onResize = function () {
                     image['active'] = false;
-                    _this.transform = '0px';
+                    _this.transform = 0;
                 }
@@ -213,3 +212,3 @@ });
             selector: 'viewer',
-            template: '<div class="outerContainer" (window:resize)="onResize($event)" *ngIf="showViewer" [@showViewerTransition]="showViewer"><md-button-toggle-group *ngIf="qualitySelectorShown" (change)="qualityChanged($event.value)" name="quality"><md-button-toggle value="auto" checked="true">Auto</md-button-toggle><md-button-toggle value="low">Low</md-button-toggle><md-button-toggle value="mid">Mid</md-button-toggle><md-button-toggle value="high">High</md-button-toggle></md-button-toggle-group><img [ngClass]="{\'activeArrow\': leftArrowActive}" class="arrow left" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPiAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9Im1pdSIgc3Ryb2tlPSIjNTU1IiBzdHJva2Utd2lkdGg9IjAuMiI+ICAgICA8ZyBpZD0iQXJ0Ym9hcmQtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5NS4wMDAwMDAsIC0xOTEuMDAwMDAwKSI+PGcgaWQ9InNsaWNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTUuMDAwMDAwLCAxMTkuMDAwMDAwKSIvPjxwYXRoICAgICAgIGQ9Ik0zOTYsMjAyLjUgQzM5NiwxOTYuMTQ4NzI1IDQwMS4xNDg3MjUsMTkxIDQwNy41LDE5MSBDNDEzLjg1MTI3NSwxOTEgNDE5LDE5Ni4xNDg3MjUgNDE5LDIwMi41IEM0MTksMjA4Ljg1MTI3NSA0MTMuODUxMjc1LDIxNCA0MDcuNSwyMTQgQzQwMS4xNDg3MjUsMjE0IDM5NiwyMDguODUxMjc1IDM5NiwyMDIuNSBaIE00MDguNjU2ODU0LDE5Ni44NDMxNDYgTDQxMC4wNzEwNjgsMTk4LjI1NzM1OSBMNDA1LjgyODQyNywyMDIuNSBMNDEwLjA3MTA2OCwyMDYuNzQyNjQxIEw0MDguNjU2ODU0LDIwOC4xNTY4NTQgTDQwMywyMDIuNSBMNDA4LjY1Njg1NCwxOTYuODQzMTQ2IFoiICAgICAgIGZpbGw9IiNhYWEiICAgICAgIGlkPSJjaXJjbGUtYmFjay1hcnJvdy1nbHlwaCIvPjwvZz4gICA8L2c+IDwvc3ZnPg==" [hidden]="!leftArrowVisible" (click)="navigate(-1)"> <img [ngClass]="{\'activeArrow\': rightArrowActive}" class="arrow right" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPjxkZWZzLz4gICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJtaXUiIHN0cm9rZT0iIzU1NSIgc3Ryb2tlLXdpZHRoPSIwLjIiPiAgICAgPGcgaWQ9IkFydGJvYXJkLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjcuMDAwMDAwLCAtMTkxLjAwMDAwMCkiPjxnIGlkPSJzbGljZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE1LjAwMDAwMCwgMTE5LjAwMDAwMCkiLz48cGF0aCAgICAgICBkPSJNNDY4LDIwMi41IEM0NjgsMTk2LjE0ODcyNSA0NzMuMTQ4NzI1LDE5MSA0NzkuNSwxOTEgQzQ4NS44NTEyNzUsMTkxIDQ5MSwxOTYuMTQ4NzI1IDQ5MSwyMDIuNSBDNDkxLDIwOC44NTEyNzUgNDg1Ljg1MTI3NSwyMTQgNDc5LjUsMjE0IEM0NzMuMTQ4NzI1LDIxNCA0NjgsMjA4Ljg1MTI3NSA0NjgsMjAyLjUgWiBNNDgwLjY1Njg1NCwxOTYuODQzMTQ2IEw0ODIuMDcxMDY4LDE5OC4yNTczNTkgTDQ3Ny44Mjg0MjcsMjAyLjUgTDQ4Mi4wNzEwNjgsMjA2Ljc0MjY0MSBMNDgwLjY1Njg1NCwyMDguMTU2ODU0IEw0NzUsMjAyLjUgTDQ4MC42NTY4NTQsMTk2Ljg0MzE0NiBaIiAgICAgICBmaWxsPSIjYWFhIiAgICAgICBpZD0iY2lyY2xlLW5leHQtYXJyb3ctZGlzY2xvc3VyZS1nbHlwaCIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDc5LjUwMDAwMCwgMjAyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNDc5LjUwMDAwMCwgLTIwMi41MDAwMDApICIvPjwvZz4gICA8L2c+IDwvc3ZnPg==" [hidden]="!rightArrowVisible" (click)="navigate(1)"><div class="buttonContainer"><img class="action close" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwcHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiBmaWxsPSIjYWFhIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgPHBhdGggICAgc3Ryb2tlLXdpZHRoPSIzMCIgc3Ryb2tlPSIjNDQ0IiAgICBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==" (click)="closeViewer()"></div><button md-fab disableRipple class="menuButton" (click)="showQualitySelector()"><md-icon>settings</md-icon></button><div class="imageContainer" (click)="showNavigationArrows()" (swipeleft)="navigate(1, $event)" (swiperight)="navigate(-1, $event)" (pan)="pan($event)"><div *ngFor="let img of images; let j = index" class="image" [class.active]="img[\'active\']" [@imageTransition]="img[\'transition\']" [style.background-image]="img[\'viewerImageLoaded\'] ? \'url(\'+img[categorySelected][\'path\']+\')\' : Math.abs(currentIdx-j) <=1 ? \'url(\'+img[\'preview_xxs\'][\'path\']+\')\' : \'\'" [style.left]="transform"></div><img *ngFor="let img of images; let j = index" class="preloading-image" (load)="imageLoaded(img)" src="{{ Math.abs(currentIdx-j) <=1 ? img[categorySelected][\'path\'] : \'\'}}"></div></div>',
+            template: '<div class="outerContainer" (window:resize)="onResize($event)" *ngIf="showViewer" [@showViewerTransition]="showViewer"><md-button-toggle-group *ngIf="qualitySelectorShown" (change)="qualityChanged($event.value)" name="quality"><md-button-toggle value="auto" checked="true">Auto</md-button-toggle><md-button-toggle value="low">Low</md-button-toggle><md-button-toggle value="mid">Mid</md-button-toggle><md-button-toggle value="high">High</md-button-toggle></md-button-toggle-group><img [ngClass]="{\'activeArrow\': leftArrowActive}" class="arrow left" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPiAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9Im1pdSIgc3Ryb2tlPSIjNTU1IiBzdHJva2Utd2lkdGg9IjAuMiI+ICAgICA8ZyBpZD0iQXJ0Ym9hcmQtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5NS4wMDAwMDAsIC0xOTEuMDAwMDAwKSI+PGcgaWQ9InNsaWNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTUuMDAwMDAwLCAxMTkuMDAwMDAwKSIvPjxwYXRoICAgICAgIGQ9Ik0zOTYsMjAyLjUgQzM5NiwxOTYuMTQ4NzI1IDQwMS4xNDg3MjUsMTkxIDQwNy41LDE5MSBDNDEzLjg1MTI3NSwxOTEgNDE5LDE5Ni4xNDg3MjUgNDE5LDIwMi41IEM0MTksMjA4Ljg1MTI3NSA0MTMuODUxMjc1LDIxNCA0MDcuNSwyMTQgQzQwMS4xNDg3MjUsMjE0IDM5NiwyMDguODUxMjc1IDM5NiwyMDIuNSBaIE00MDguNjU2ODU0LDE5Ni44NDMxNDYgTDQxMC4wNzEwNjgsMTk4LjI1NzM1OSBMNDA1LjgyODQyNywyMDIuNSBMNDEwLjA3MTA2OCwyMDYuNzQyNjQxIEw0MDguNjU2ODU0LDIwOC4xNTY4NTQgTDQwMywyMDIuNSBMNDA4LjY1Njg1NCwxOTYuODQzMTQ2IFoiICAgICAgIGZpbGw9IiNhYWEiICAgICAgIGlkPSJjaXJjbGUtYmFjay1hcnJvdy1nbHlwaCIvPjwvZz4gICA8L2c+IDwvc3ZnPg==" [hidden]="!leftArrowVisible" (click)="navigate(-1)"> <img [ngClass]="{\'activeArrow\': rightArrowActive}" class="arrow right" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPjxkZWZzLz4gICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJtaXUiIHN0cm9rZT0iIzU1NSIgc3Ryb2tlLXdpZHRoPSIwLjIiPiAgICAgPGcgaWQ9IkFydGJvYXJkLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjcuMDAwMDAwLCAtMTkxLjAwMDAwMCkiPjxnIGlkPSJzbGljZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE1LjAwMDAwMCwgMTE5LjAwMDAwMCkiLz48cGF0aCAgICAgICBkPSJNNDY4LDIwMi41IEM0NjgsMTk2LjE0ODcyNSA0NzMuMTQ4NzI1LDE5MSA0NzkuNSwxOTEgQzQ4NS44NTEyNzUsMTkxIDQ5MSwxOTYuMTQ4NzI1IDQ5MSwyMDIuNSBDNDkxLDIwOC44NTEyNzUgNDg1Ljg1MTI3NSwyMTQgNDc5LjUsMjE0IEM0NzMuMTQ4NzI1LDIxNCA0NjgsMjA4Ljg1MTI3NSA0NjgsMjAyLjUgWiBNNDgwLjY1Njg1NCwxOTYuODQzMTQ2IEw0ODIuMDcxMDY4LDE5OC4yNTczNTkgTDQ3Ny44Mjg0MjcsMjAyLjUgTDQ4Mi4wNzEwNjgsMjA2Ljc0MjY0MSBMNDgwLjY1Njg1NCwyMDguMTU2ODU0IEw0NzUsMjAyLjUgTDQ4MC42NTY4NTQsMTk2Ljg0MzE0NiBaIiAgICAgICBmaWxsPSIjYWFhIiAgICAgICBpZD0iY2lyY2xlLW5leHQtYXJyb3ctZGlzY2xvc3VyZS1nbHlwaCIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDc5LjUwMDAwMCwgMjAyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNDc5LjUwMDAwMCwgLTIwMi41MDAwMDApICIvPjwvZz4gICA8L2c+IDwvc3ZnPg==" [hidden]="!rightArrowVisible" (click)="navigate(1)"><div class="buttonContainer"><img class="action close" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwcHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiBmaWxsPSIjYWFhIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgPHBhdGggICAgc3Ryb2tlLXdpZHRoPSIzMCIgc3Ryb2tlPSIjNDQ0IiAgICBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==" (click)="closeViewer()"></div><button md-fab disableRipple class="menuButton" (click)="showQualitySelector()"><md-icon>settings</md-icon></button><div class="imageContainer" (click)="showNavigationArrows()" (swipeleft)="navigate(1, $event)" (swiperight)="navigate(-1, $event)" (pan)="pan($event)"><div *ngFor="let img of images; let j = index" class="image" [class.active]="img[\'active\']" [@imageTransition]="img[\'transition\']" [style.background-image]="img[\'viewerImageLoaded\'] ? \'url(\'+img[categorySelected][\'path\']+\')\' : Math.abs(currentIdx-j) <=1 ? \'url(\'+img[\'preview_xxs\'][\'path\']+\')\' : \'\'" [style.left]="transform+\'px\'"></div><img *ngFor="let img of images; let j = index" class="preloading-image" (load)="imageLoaded(img)" src="{{ Math.abs(currentIdx-j) <=1 ? img[categorySelected][\'path\'] : \'\'}}"></div></div>',
             styles: ['.imageContainer .image.active,.outerContainer{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.outerContainer{position:fixed;background-color:rgba(0,0,0,.95);font-family:sans-serif}.imageContainer{position:absolute;float:none;top:0;bottom:0;left:0;right:0}.imageContainer .image,.imageContainer .preloading-image{visibility:hidden}.imageContainer .image.active{position:absolute;visibility:visible;background-repeat:no-repeat;background-size:contain;background-position:center;margin:auto;opacity:1}.arrow{opacity:0}.arrow:hover{cursor:pointer}.outerContainer:hover .arrow.activeArrow{height:calc(20px + 1.5vw);position:absolute;top:calc(50% - (20px + 1.5vw)/ 2);bottom:50%;z-index:1;opacity:1;transition:all ease-out .5s}.arrow.left{left:2vw}.arrow.right{right:2vw}.arrow:not(.activeArrow):hover{opacity:0;cursor:pointer;transition:all ease-out .5s}.buttonContainer,.menuButton{position:absolute;right:20px;text-align:center;opacity:1}.buttonContainer{top:20px;height:20px;z-index:200;transition:all ease-out .5s}.buttonContainer .action{height:100%;cursor:pointer;vertical-align:top}.buttonContainer .action:focus{outline:0}.buttonContainer .action:hover{background-color:#222;transition:all ease-out .3s}.buttonContainer .action.close{width:26px;height:26px}md-button-toggle-group{display:table;top:70px;margin:0 auto;background-color:#fff;z-index:500}md-button-toggle.checked{background-color:#a0a0a0}.menuButton{bottom:20px;z-index:200;transition:all ease-out .5s}[md-fab],[md-mini-fab]{background-color:#aaa}@font-face{font-family:\'Material Icons\';font-style:normal;font-weight:400;src:local(\'Material Icons\'),local(\'MaterialIcons-Regular\'),url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(\'woff2\')}.material-icons{font-family:\'Material Icons\';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\'liga\';-webkit-font-smoothing:antialiased}'],
@@ -231,7 +230,7 @@ host: {
                         opacity: 0,
-                        transform: 'translate(-10%, 0px)'
+                        transform: 'translate(-100px, 0px)'
                     })),
                     state('leaveToRight', style({
                         opacity: 0,
-                        transform: 'translate(10%, 0px)'
+                        transform: 'translate(100px, 0px)'
                     })),
@@ -241,3 +240,3 @@ transition('* => enterFromRight', [
                             opacity: 0,
-                            transform: 'translate(3%, 0px)'
+                            transform: 'translate(30px, 0px)'
                         }),
@@ -249,3 +248,3 @@ animate('250ms 500ms ease-in')
                             opacity: 0,
-                            transform: 'translate(-3%, 0px)'
+                            transform: 'translate(-30px, 0px)'
                         }),
@@ -256,4 +255,3 @@ animate('250ms 500ms ease-in')
                         style({
-                            opacity: 1,
-                            transform: 'translate(0px, 0px)'
+                            opacity: 1
                         }),
@@ -263,4 +261,3 @@ animate('250ms ease-out')]),
                         style({
-                            opacity: 1,
-                            transform: 'translate(0px, 0px)'
+                            opacity: 1
                         }),
@@ -267,0 +264,0 @@ animate('250ms ease-out')])

convert.js

@@ -87,5 +87,10 @@ var fs = require('fs');
 
+            var dateTimeOriginal = undefined;
+            if (features['Profile-EXIF']) {
+                dateTimeOriginal = features['Profile-EXIF']['Date Time Original'];
+            }
+
             var imageMetadata = {
                 name: file,
-                date: features['Profile-EXIF']['Date Time Original']
+                date: dateTimeOriginal
             };
@@ -92,0 +97,0 @@

package.json

 {
   "name": "angular2-image-gallery",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Responsive Angular 2 image gallery",
@@ -5,0 +5,0 @@ "repository": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

66644

0.25%

Lines of code

884

0.91%

No dependency changes