ng-gallery - npm Package Compare versions

Comparing version 8.0.0-beta.3 to 8.0.0-beta.4

lib/components/gallery-core.component.d.ts

@@ -6,5 +6,5 @@ import { EventEmitter } from '@angular/core';
 export declare class GalleryCoreComponent {
+    galleryId: string;
     state: GalleryState;
     config: GalleryConfig;
-    action: EventEmitter<string | number>;
     itemClick: EventEmitter<number>;
@@ -29,4 +29,6 @@ thumbClick: EventEmitter<number>;
     get thumbSlidingDisabled(): boolean;
+    /** Set gallery slider content-visibility-auto style  */
+    get contentVisibilityAuto(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryCoreComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryCoreComponent, "gallery-core", never, { "state": "state"; "config": "config"; }, { "action": "action"; "itemClick": "itemClick"; "thumbClick": "thumbClick"; "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryCoreComponent, "gallery-core", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, { "itemClick": "itemClick"; "thumbClick": "thumbClick"; "error": "error"; }, never, never, false>;
 }

lib/components/gallery-dots.component.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter } from '@angular/core';
+import { Gallery } from '../services/gallery.service';
 import { GalleryState } from '../models/gallery.model';
@@ -6,7 +6,9 @@ import { GalleryConfig } from '../models/config.model';
 export declare class GalleryDotsComponent {
+    gallery: Gallery;
+    galleryId: string;
     state: GalleryState;
     config: GalleryConfig;
-    action: EventEmitter<number>;
+    constructor(gallery: Gallery);
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryDotsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryDotsComponent, "gallery-dots", never, { "state": "state"; "config": "config"; }, { "action": "action"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryDotsComponent, "gallery-dots", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false>;
 }

lib/components/gallery-item.component.d.ts

@@ -18,3 +18,3 @@ import { EventEmitter } from '@angular/core';
     /** Stream that emits when an error occurs */
-    error: EventEmitter<Error>;
+    error: EventEmitter<ErrorEvent>;
     get isActive(): boolean;
@@ -21,0 +21,0 @@ get isAutoPlay(): any;

lib/components/gallery-nav.component.d.ts

@@ -1,3 +0,4 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { Gallery } from '../services/gallery.service';
 import { GalleryState } from '../models/gallery.model';
@@ -7,11 +8,12 @@ import { GalleryConfig } from '../models/config.model';
 export declare class GalleryNavComponent implements OnInit {
+    gallery: Gallery;
     private _sanitizer;
     navIcon: SafeHtml;
+    galleryId: string;
     state: GalleryState;
     config: GalleryConfig;
-    action: EventEmitter<string>;
-    constructor(_sanitizer: DomSanitizer);
+    constructor(gallery: Gallery, _sanitizer: DomSanitizer);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryNavComponent, "gallery-nav", never, { "state": "state"; "config": "config"; }, { "action": "action"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryNavComponent, "gallery-nav", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false>;
 }

lib/components/gallery-slider.component.d.ts

 import { OnDestroy, OnInit, OnChanges, SimpleChanges, NgZone, ElementRef, EventEmitter } from '@angular/core';
 import { Platform } from '@angular/cdk/platform';
+import { Gallery } from '../services/gallery.service';
 import { GalleryState, GalleryError } from '../models/gallery.model';
@@ -13,2 +14,3 @@ import { GalleryConfig } from '../models/config.model';
     private _smoothScroll;
+    private _gallery;
     /** HammerJS instance */
@@ -22,2 +24,4 @@ private _hammer;
     adapter: SliderAdapter;
+    /** Gallery ID */
+    galleryId: string;
     /** Gallery state */
@@ -27,4 +31,2 @@ state: GalleryState;
     config: GalleryConfig;
-    /** Stream that emits when the active item should change */
-    action: EventEmitter<string | number>;
     /** Stream that emits when item is clicked */
@@ -37,3 +39,3 @@ itemClick: EventEmitter<number>;
     get slider(): HTMLElement;
-    constructor(_el: ElementRef, _zone: NgZone, _platform: Platform, _smoothScroll: SmoothScrollManager);
+    constructor(_el: ElementRef, _zone: NgZone, _platform: Platform, _smoothScroll: SmoothScrollManager, _gallery: Gallery);
     ngOnChanges(changes: SimpleChanges): void;
@@ -49,3 +51,3 @@ ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GallerySliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GallerySliderComponent, "gallery-slider", never, { "state": "state"; "config": "config"; }, { "action": "action"; "itemClick": "itemClick"; "error": "error"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GallerySliderComponent, "gallery-slider", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, { "itemClick": "itemClick"; "error": "error"; }, never, ["*"], false>;
 }

lib/components/gallery-thumbs.component.d.ts

@@ -27,4 +27,2 @@ import { AfterViewInit, AfterViewChecked, OnDestroy, OnChanges, SimpleChanges, NgZone, ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
     config: GalleryConfig;
-    /** Stream that emits when the active item should change */
-    action: EventEmitter<string | number>;
     /** Stream that emits when thumb is clicked */
@@ -53,3 +51,3 @@ thumbClick: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryThumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryThumbsComponent, "gallery-thumbs", never, { "state": "state"; "config": "config"; }, { "action": "action"; "thumbClick": "thumbClick"; "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryThumbsComponent, "gallery-thumbs", never, { "state": "state"; "config": "config"; }, { "thumbClick": "thumbClick"; "error": "error"; }, never, never, false>;
 }

lib/components/gallery.component.d.ts

@@ -22,2 +22,3 @@ import { OnInit, OnChanges, OnDestroy, SimpleChanges, TemplateRef, EventEmitter } from '@angular/core';
     thumbHeight: number;
+    contentVisibilityAuto: boolean;
     disableThumb: boolean;
@@ -61,3 +62,2 @@ slidingDisabled: boolean;
     private getConfig;
-    onAction(i: string | number): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -76,4 +76,4 @@ ngOnInit(): void;
     remove(i: number): void;
-    next(): void;
-    prev(): void;
+    next(loop?: boolean): void;
+    prev(loop?: boolean): void;
     set(i: number): void;
@@ -84,3 +84,3 @@ reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "id": "id"; "items": "items"; "nav": "nav"; "dots": "dots"; "loop": "loop"; "thumb": "thumb"; "counter": "counter"; "dotsSize": "dotsSize"; "autoPlay": "autoPlay"; "thumbWidth": "thumbWidth"; "thumbHeight": "thumbHeight"; "disableThumb": "disableThumb"; "slidingDisabled": "slidingDisabled"; "thumbSlidingDisabled": "thumbSlidingDisabled"; "mouseSlidingDisabled": "mouseSlidingDisabled"; "thumbMouseSlidingDisabled": "thumbMouseSlidingDisabled"; "playerInterval": "playerInterval"; "slidingDuration": "slidingDuration"; "slidingEase": "slidingEase"; "boxTemplate": "boxTemplate"; "itemTemplate": "itemTemplate"; "thumbTemplate": "thumbTemplate"; "resizeDebounceTime": "resizeDebounceTime"; "imageSize": "imageSize"; "dotsPosition": "dotsPosition"; "counterPosition": "counterPosition"; "slidingDirection": "slidingDirection"; "loadingStrategy": "loadingStrategy"; "thumbPosition": "thumbPosition"; "thumbView": "thumbView"; "thumbDetached": "thumbDetached"; "destroyRef": "destroyRef"; "skipInitConfig": "skipInitConfig"; }, { "itemClick": "itemClick"; "thumbClick": "thumbClick"; "playingChange": "playingChange"; "indexChange": "indexChange"; "itemsChange": "itemsChange"; "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "id": "id"; "items": "items"; "nav": "nav"; "dots": "dots"; "loop": "loop"; "thumb": "thumb"; "counter": "counter"; "dotsSize": "dotsSize"; "autoPlay": "autoPlay"; "thumbWidth": "thumbWidth"; "thumbHeight": "thumbHeight"; "contentVisibilityAuto": "contentVisibilityAuto"; "disableThumb": "disableThumb"; "slidingDisabled": "slidingDisabled"; "thumbSlidingDisabled": "thumbSlidingDisabled"; "mouseSlidingDisabled": "mouseSlidingDisabled"; "thumbMouseSlidingDisabled": "thumbMouseSlidingDisabled"; "playerInterval": "playerInterval"; "slidingDuration": "slidingDuration"; "slidingEase": "slidingEase"; "boxTemplate": "boxTemplate"; "itemTemplate": "itemTemplate"; "thumbTemplate": "thumbTemplate"; "resizeDebounceTime": "resizeDebounceTime"; "imageSize": "imageSize"; "dotsPosition": "dotsPosition"; "counterPosition": "counterPosition"; "slidingDirection": "slidingDirection"; "loadingStrategy": "loadingStrategy"; "thumbPosition": "thumbPosition"; "thumbView": "thumbView"; "thumbDetached": "thumbDetached"; "destroyRef": "destroyRef"; "skipInitConfig": "skipInitConfig"; }, { "itemClick": "itemClick"; "thumbClick": "thumbClick"; "playingChange": "playingChange"; "indexChange": "indexChange"; "itemsChange": "itemsChange"; "error": "error"; }, never, never, false>;
 }

lib/components/templates/gallery-image.component.d.ts

@@ -1,9 +0,7 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { DomSanitizer, SafeHtml, SafeUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class GalleryImageComponent implements OnInit, OnDestroy {
+export declare class GalleryImageComponent implements OnInit {
     private _sanitizer;
-    /** Stream that emits the state */
-    private readonly _state;
-    readonly state: import("rxjs").Observable<"failed" | "loading" | "success">;
+    state: 'loading' | 'success' | 'failed';
     /** Progress value */
@@ -28,18 +26,8 @@ progress: number;
     /** Stream that emits when an error occurs */
-    error: EventEmitter<Error>;
-    /** loading error */
-    loadError: Error;
-    get imageLoadSuccess(): boolean;
-    get imageLoadFailed(): boolean;
+    error: EventEmitter<ErrorEvent>;
+    get imageState(): string;
     constructor(_sanitizer: DomSanitizer);
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    onProgress({ loaded, total }: {
-        loaded: number;
-        total: number;
-    }): void;
-    onLoaded(blobUrl: string): void;
-    onError(err: Error): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryImageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GalleryImageComponent, "gallery-image", never, { "isThumbnail": "isThumbnail"; "alt": "alt"; "src": "src"; "loadingIcon": "loadingIcon"; "loadingError": "loadingError"; }, { "error": "error"; }, never, never, false>;
 }

lib/components/templates/gallery-video.component.d.ts

@@ -18,3 +18,3 @@ import { EventEmitter, OnInit, ElementRef } from '@angular/core';
     /** Stream that emits when an error occurs */
-    error: EventEmitter<Error>;
+    error: EventEmitter<ErrorEvent>;
     video: ElementRef;
@@ -21,0 +21,0 @@ ngOnInit(): void;

lib/gallery.module.d.ts

@@ -16,10 +16,9 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i12 from "./components/templates/gallery-iframe.component";
-import * as i13 from "./directives/lazy-image";
-import * as i14 from "@angular/common";
-import * as i15 from "@angular/cdk/platform";
+import * as i13 from "@angular/common";
+import * as i14 from "@angular/cdk/platform";
 export declare class GalleryModule {
     static withConfig(config: GalleryConfig): ModuleWithProviders<GalleryModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleryModule, [typeof i1.GalleryComponent, typeof i2.GalleryNavComponent, typeof i3.GalleryDotsComponent, typeof i4.GalleryCoreComponent, typeof i5.GallerySliderComponent, typeof i6.GalleryCounterComponent, typeof i7.GalleryThumbsComponent, typeof i8.GalleryThumbComponent, typeof i9.GalleryItemComponent, typeof i10.GalleryImageComponent, typeof i11.GalleryVideoComponent, typeof i12.GalleryIframeComponent, typeof i13.LazyImage], [typeof i14.CommonModule, typeof i15.PlatformModule], [typeof i1.GalleryComponent, typeof i13.LazyImage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleryModule, [typeof i1.GalleryComponent, typeof i2.GalleryNavComponent, typeof i3.GalleryDotsComponent, typeof i4.GalleryCoreComponent, typeof i5.GallerySliderComponent, typeof i6.GalleryCounterComponent, typeof i7.GalleryThumbsComponent, typeof i8.GalleryThumbComponent, typeof i9.GalleryItemComponent, typeof i10.GalleryImageComponent, typeof i11.GalleryVideoComponent, typeof i12.GalleryIframeComponent], [typeof i13.CommonModule, typeof i14.PlatformModule], [typeof i1.GalleryComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GalleryModule>;
 }

lib/models/config.model.d.ts

@@ -26,2 +26,3 @@ import { InjectionToken, TemplateRef } from '@angular/core';
     thumbMouseSlidingDisabled?: boolean;
+    contentVisibilityAuto?: boolean;
     resizeDebounceTime?: number;
@@ -28,0 +29,0 @@ playerInterval?: number;

lib/services/gallery-ref.d.ts

@@ -80,7 +80,7 @@ import { Subject, Observable } from 'rxjs';
      */
-    next(): void;
+    next(loop?: boolean): void;
     /**
      * Prev item
      */
-    prev(): void;
+    prev(loop?: boolean): void;
     /**
@@ -87,0 +87,0 @@ * Start gallery player

package.json

 {
   "name": "ng-gallery",
-  "version": "8.0.0-beta.3",
+  "version": "8.0.0-beta.4",
   "homepage": "https://ngx-gallery.netlify.com/",
@@ -5,0 +5,0 @@ "author": {

public-api.d.ts

@@ -8,3 +8,2 @@ export * from './lib/services/gallery.service';
 export * from './lib/components/templates/gallery-video.component';
-export * from './lib/directives/lazy-image';
 export * from './lib/models/config.model';
@@ -11,0 +10,0 @@ export * from './lib/models/gallery.model';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Worsened metrics

Total package byte prevSize

1088723

decreased by-1.93%

Number of package files

92

decreased by-2.13%

Lines of code

9456

decreased by-2.71%

No dependency changes