ng-gallery - npm Package Compare versions

Comparing version 8.0.0-beta.5 to 8.0.0

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

@@ -9,3 +9,2 @@ import { EventEmitter } from '@angular/core';
     config: GalleryConfig;
-    itemLoaded: EventEmitter<GalleryState>;
     itemClick: EventEmitter<number>;
@@ -40,3 +39,3 @@ thumbClick: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryCoreComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryCoreComponent, "gallery-core", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, { "itemLoaded": "itemLoaded"; "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, never>;
 }

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

@@ -6,3 +6,3 @@ import { GalleryState } from '../models/gallery.model';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryCounterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryCounterComponent, "gallery-counter", never, { "state": "state"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryCounterComponent, "gallery-counter", never, { "state": "state"; }, {}, never, never, false, never>;
 }

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

@@ -12,3 +12,3 @@ import { Gallery } from '../services/gallery.service';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryDotsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryDotsComponent, "gallery-dots", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryDotsComponent, "gallery-dots", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false, never>;
 }

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

@@ -1,6 +0,7 @@
-import { EventEmitter, OnChanges, AfterViewChecked, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, AfterViewChecked, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { GalleryConfig } from '../models/config.model';
 import { GalleryItemType } from '../models/constants';
+import { GalleryItemData, ImageItemData, VideoItemData } from './templates/items.model';
 import * as i0 from "@angular/core";
-export declare class GalleryItemComponent implements AfterViewChecked, OnChanges {
+export declare class GalleryItemComponent implements AfterViewChecked {
     private el;
@@ -20,17 +21,16 @@ private cd;
     /** Item's data, this object contains the data required to display the content (e.g. src path) */
-    data: any;
+    data: GalleryItemData;
     /** Stream that emits when an error occurs */
     error: EventEmitter<ErrorEvent>;
-    /** Stream that emits when item is active */
-    active: EventEmitter<Element>;
     get isActive(): boolean;
     get isIndexAttr(): number;
-    get imageState(): "IN_PROGRESS" | "DONE";
+    get imageState(): 'IN_PROGRESS' | 'DONE';
     get element(): HTMLElement;
-    get isAutoPlay(): any;
+    get isAutoPlay(): boolean;
     get youtubeSrc(): string;
     get load(): boolean;
+    get imageData(): ImageItemData;
+    get videoData(): VideoItemData;
     constructor(el: ElementRef, cd: ChangeDetectorRef);
     ngAfterViewChecked(): void;
-    ngOnChanges(): void;
     onItemLoaded(): void;
@@ -40,3 +40,3 @@ private getWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryItemComponent, "gallery-item", never, { "config": "config"; "index": "index"; "currIndex": "currIndex"; "type": "type"; "data": "data"; }, { "error": "error"; "active": "active"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryItemComponent, "gallery-item", never, { "config": "config"; "index": "index"; "currIndex": "currIndex"; "type": "type"; "data": "data"; }, { "error": "error"; }, never, never, false, never>;
 }

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

@@ -17,3 +17,3 @@ import { OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryNavComponent, "gallery-nav", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryNavComponent, "gallery-nav", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, {}, never, never, false, never>;
 }

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

@@ -1,2 +0,2 @@
-import { EventEmitter, OnDestroy, OnInit, OnChanges, SimpleChanges, NgZone, ElementRef, QueryList, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, AfterViewInit, AfterViewChecked, OnDestroy, OnInit, OnChanges, SimpleChanges, NgZone, ElementRef, QueryList, ChangeDetectorRef } from '@angular/core';
 import { Platform } from '@angular/cdk/platform';
@@ -7,3 +7,2 @@ import { Subject } from 'rxjs';
 import { GalleryConfig } from '../models/config.model';
-import { ThumbnailsView } from '../models/constants';
 import { SliderAdapter } from './adapters';
@@ -18,3 +17,3 @@ import { SmoothScrollManager } from '../smooth-scroll';
 }
-export declare class GallerySliderComponent implements OnInit, OnChanges, OnDestroy {
+export declare class GallerySliderComponent implements OnInit, OnChanges, AfterViewInit, AfterViewChecked, OnDestroy {
     private _el;
@@ -27,4 +26,2 @@ private _cd;
     readonly scrollHandler$: Subject<ScrollObserver>;
-    /** Thumbnails view enum */
-    readonly thumbnailsView: typeof ThumbnailsView;
     /** HammerJS instance */
@@ -46,4 +43,2 @@ private _hammer;
     itemClick: EventEmitter<number>;
-    /** Stream that emits when item is loaded */
-    itemLoaded: EventEmitter<number>;
     /** Stream that emits when an error occurs */
@@ -60,3 +55,2 @@ error: EventEmitter<GalleryError>;
     ngOnDestroy(): void;
-    onItemActivated(el: Element): void;
     trackByFn(index: number, item: any): any;
@@ -74,4 +68,4 @@ private onHostResize;
     static ɵfac: i0.ɵɵFactoryDeclaration<GallerySliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GallerySliderComponent, "gallery-slider", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, { "itemClick": "itemClick"; "itemLoaded": "itemLoaded"; "error": "error"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GallerySliderComponent, "gallery-slider", never, { "galleryId": "galleryId"; "state": "state"; "config": "config"; }, { "itemClick": "itemClick"; "error": "error"; }, never, ["*"], false, never>;
 }
 export {};

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

@@ -17,3 +17,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryThumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryThumbComponent, "gallery-thumb", never, { "config": "config"; "index": "index"; "currIndex": "currIndex"; "type": "type"; "data": "data"; }, { "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryThumbComponent, "gallery-thumb", never, { "config": "config"; "index": "index"; "currIndex": "currIndex"; "type": "type"; "data": "data"; }, { "error": "error"; }, never, never, false, never>;
 }

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

@@ -45,3 +45,3 @@ import { AfterViewInit, AfterViewChecked, OnDestroy, OnChanges, SimpleChanges, NgZone, ElementRef, EventEmitter, ChangeDetectorRef, QueryList } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryThumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryThumbsComponent, "gallery-thumbs", never, { "state": "state"; "config": "config"; }, { "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, never>;
 }

lib/components/gallery.component.d.ts

@@ -58,3 +58,2 @@ import { OnInit, OnChanges, OnDestroy, SimpleChanges, TemplateRef, EventEmitter } from '@angular/core';
     itemsChange: EventEmitter<GalleryState>;
-    itemLoaded: EventEmitter<GalleryState>;
     error: EventEmitter<GalleryError>;
@@ -89,3 +88,3 @@ private _itemClick$;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "id": "id"; "items": "items"; "nav": "nav"; "dots": "dots"; "loop": "loop"; "debug": "debug"; "thumb": "thumb"; "counter": "counter"; "dotsSize": "dotsSize"; "autoPlay": "autoPlay"; "thumbWidth": "thumbWidth"; "thumbHeight": "thumbHeight"; "disableThumb": "disableThumb"; "scrollBehavior": "scrollBehavior"; "navScrollBehavior": "navScrollBehavior"; "slidingDisabled": "slidingDisabled"; "thumbSlidingDisabled": "thumbSlidingDisabled"; "mouseSlidingDisabled": "mouseSlidingDisabled"; "thumbMouseSlidingDisabled": "thumbMouseSlidingDisabled"; "playerInterval": "playerInterval"; "slidingDuration": "slidingDuration"; "slidingEase": "slidingEase"; "boxTemplate": "boxTemplate"; "itemTemplate": "itemTemplate"; "thumbTemplate": "thumbTemplate"; "resizeDebounceTime": "resizeDebounceTime"; "imageSize": "imageSize"; "thumbImageSize": "thumbImageSize"; "dotsPosition": "dotsPosition"; "counterPosition": "counterPosition"; "slidingDirection": "slidingDirection"; "loadingStrategy": "loadingStrategy"; "thumbPosition": "thumbPosition"; "thumbView": "thumbView"; "thumbDetached": "thumbDetached"; "thumbAutosize": "thumbAutosize"; "itemAutosize": "itemAutosize"; "autoHeight": "autoHeight"; "destroyRef": "destroyRef"; "skipInitConfig": "skipInitConfig"; }, { "itemClick": "itemClick"; "thumbClick": "thumbClick"; "playingChange": "playingChange"; "indexChange": "indexChange"; "itemsChange": "itemsChange"; "itemLoaded": "itemLoaded"; "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "id": "id"; "items": "items"; "nav": "nav"; "dots": "dots"; "loop": "loop"; "debug": "debug"; "thumb": "thumb"; "counter": "counter"; "dotsSize": "dotsSize"; "autoPlay": "autoPlay"; "thumbWidth": "thumbWidth"; "thumbHeight": "thumbHeight"; "disableThumb": "disableThumb"; "scrollBehavior": "scrollBehavior"; "navScrollBehavior": "navScrollBehavior"; "slidingDisabled": "slidingDisabled"; "thumbSlidingDisabled": "thumbSlidingDisabled"; "mouseSlidingDisabled": "mouseSlidingDisabled"; "thumbMouseSlidingDisabled": "thumbMouseSlidingDisabled"; "playerInterval": "playerInterval"; "slidingDuration": "slidingDuration"; "slidingEase": "slidingEase"; "boxTemplate": "boxTemplate"; "itemTemplate": "itemTemplate"; "thumbTemplate": "thumbTemplate"; "resizeDebounceTime": "resizeDebounceTime"; "imageSize": "imageSize"; "thumbImageSize": "thumbImageSize"; "dotsPosition": "dotsPosition"; "counterPosition": "counterPosition"; "slidingDirection": "slidingDirection"; "loadingStrategy": "loadingStrategy"; "thumbPosition": "thumbPosition"; "thumbView": "thumbView"; "thumbDetached": "thumbDetached"; "thumbAutosize": "thumbAutosize"; "itemAutosize": "itemAutosize"; "autoHeight": "autoHeight"; "destroyRef": "destroyRef"; "skipInitConfig": "skipInitConfig"; }, { "itemClick": "itemClick"; "thumbClick": "thumbClick"; "playingChange": "playingChange"; "indexChange": "indexChange"; "itemsChange": "itemsChange"; "error": "error"; }, never, never, false, never>;
 }

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

@@ -14,3 +14,3 @@ import { ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryIframeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryIframeComponent, "gallery-iframe", never, { "src": "src"; "pauseVideo": "pause"; "autoplay": "autoplay"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryIframeComponent, "gallery-iframe", never, { "src": "src"; "pauseVideo": "pause"; "autoplay": "autoplay"; }, {}, never, never, false, never>;
 }

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

@@ -34,3 +34,3 @@ import { EventEmitter, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryImageComponent, "gallery-image", never, { "isThumbnail": "isThumbnail"; "alt": "alt"; "src": "src"; "loadingIcon": "loadingIcon"; "loadingError": "loadingError"; "errorIcon": "errorIcon"; }, { "error": "error"; "loaded": "loaded"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryImageComponent, "gallery-image", never, { "isThumbnail": "isThumbnail"; "alt": "alt"; "src": "src"; "loadingIcon": "loadingIcon"; "loadingError": "loadingError"; "errorIcon": "errorIcon"; }, { "error": "error"; "loaded": "loaded"; }, never, never, false, never>;
 }

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

@@ -26,3 +26,3 @@ import { EventEmitter, OnInit, ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryVideoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryVideoComponent, "gallery-video", never, { "src": "src"; "poster": "poster"; "mute": "mute"; "loop": "loop"; "controls": "controls"; "controlsList": "controlsList"; "disableRemotePlayback": "disableRemotePlayback"; "disablePictureInPicture": "disablePictureInPicture"; "pauseVideo": "pause"; "playVideo": "play"; }, { "error": "error"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryVideoComponent, "gallery-video", never, { "src": "src"; "poster": "poster"; "mute": "mute"; "loop": "loop"; "controls": "controls"; "controlsList": "controlsList"; "disableRemotePlayback": "disableRemotePlayback"; "disablePictureInPicture": "disablePictureInPicture"; "pauseVideo": "pause"; "playVideo": "play"; }, { "error": "error"; }, never, never, false, never>;
 }

lib/models/gallery.model.d.ts

 import { GalleryAction } from './constants';
+import { GalleryItemData } from '../components/templates/items.model';
 export interface GalleryState {
@@ -12,3 +13,3 @@ action?: GalleryAction;
 export interface GalleryItem {
-    data?: any;
+    data?: GalleryItemData;
     type?: string;
@@ -15,0 +16,0 @@ }

lib/services/gallery-ref.d.ts

 import { Subject, Observable } from 'rxjs';
 import { GalleryError, GalleryItem, GalleryState } from '../models/gallery.model';
 import { GalleryConfig } from '../models/config.model';
+import { IframeItemData, ImageItemData, VideoItemData, YoutubeItemData } from '../components/templates/items.model';
 export declare class GalleryRef {
@@ -53,15 +54,15 @@ private deleteInstance;
      */
-    addImage(data: any, active?: boolean): void;
+    addImage(data: ImageItemData, active?: boolean): void;
     /**
      * Add video item
      */
-    addVideo(data: any, active?: boolean): void;
+    addVideo(data: VideoItemData, active?: boolean): void;
     /**
      * Add iframe item
      */
-    addIframe(data: any, active?: boolean): void;
+    addIframe(data: IframeItemData, active?: boolean): void;
     /**
      * Add youtube item
      */
-    addYoutube(data: any, active?: boolean): void;
+    addYoutube(data: YoutubeItemData, active?: boolean): void;
     /**
@@ -68,0 +69,0 @@ * Remove gallery item

lib/utils/resize-observer.d.ts

 import { Observable } from 'rxjs';
 export declare function resizeObservable(el: HTMLElement): Observable<ResizeObserverEntry[]>;
-export declare function mutationObservable(el: HTMLElement): Observable<MutationRecord[]>;

lightbox/gallerize.directive.d.ts

@@ -39,3 +39,3 @@ import { OnInit, OnDestroy, NgZone, ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GallerizeDirective, [null, null, null, null, null, null, { optional: true; host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GallerizeDirective, "[gallerize]", never, { "gallerize": "gallerize"; "selector": "selector"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GallerizeDirective, "[gallerize]", never, { "gallerize": "gallerize"; "selector": "selector"; }, {}, never, never, false, never>;
 }

lightbox/lightbox.component.d.ts

@@ -45,3 +45,3 @@ import { ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<LightboxComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LightboxComponent, "lightbox", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LightboxComponent, "lightbox", never, {}, {}, never, never, false, never>;
 }

lightbox/lightbox.directive.d.ts

@@ -16,3 +16,3 @@ import { ElementRef, OnInit, OnDestroy, Renderer2 } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<LightboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LightboxDirective, "[lightbox]", never, { "index": "lightbox"; "id": "gallery"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LightboxDirective, "[lightbox]", never, { "index": "lightbox"; "id": "gallery"; }, {}, never, never, false, never>;
 }

package.json

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

1306410

decreased by-0.6%

Lines of code

10916

decreased by-0.56%

No dependency changes