@libs-ui/components-gallery 0.2.26

package/gallery.component.d.ts

@@ -0,0 +1,27 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { IGalleryFunctionsControlEvent } from './interfaces/functions-control-event.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsGalleryComponent implements OnInit, OnDestroy {
+    protected imagesDisplay: import("@angular/core").Signal<Record<string, any>[]>;
+    private idOverlay;
+    private idInterval;
+    private viewerRef;
+    readonly images: import("@angular/core").ModelSignal<Record<string, any>[]>;
+    readonly start: import("@angular/core").InputSignal<number>;
+    readonly end: import("@angular/core").InputSignal<number>;
+    readonly zIndex: import("@angular/core").InputSignal<number>;
+    readonly fieldDisplaySrcImage: import("@angular/core").InputSignal<string>;
+    readonly ignoreOverlayCountImage: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly imageArrayStringConvert: import("@angular/core").InputSignal<string[] | undefined>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IGalleryFunctionsControlEvent>;
+    private dynamicComponent;
+    constructor();
+    ngOnInit(): void;
+    protected handlerSelectImage(event: MouseEvent | undefined, imageSelected: Record<string, any>): Promise<void>;
+    protected handlerImageError(e: ErrorEvent, image: Record<string, any>): void;
+    private closePopup;
+    private get ViewerRef();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsGalleryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsGalleryComponent, "libs_ui-components-gallery", never, { "images": { "alias": "images"; "required": true; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "end": { "alias": "end"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "fieldDisplaySrcImage": { "alias": "fieldDisplaySrcImage"; "required": false; "isSignal": true; }; "ignoreOverlayCountImage": { "alias": "ignoreOverlayCountImage"; "required": false; "isSignal": true; }; "imageArrayStringConvert": { "alias": "imageArrayStringConvert"; "required": false; "isSignal": true; }; }, { "images": "imagesChange"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
+}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './gallery.component';

package/interfaces/functions-control-event.interface.d.ts

@@ -0,0 +1,5 @@
+import { ComponentRef } from "@angular/core";
+export interface IGalleryFunctionsControlEvent {
+    open: (imageSelected: Record<string, any>) => Promise<void>;
+    viewerRef: ComponentRef<any> | undefined;
+}

package/interfaces/zoom.interface.d.ts

@@ -0,0 +1,3 @@
+export interface IZoomDragHTMLElement extends HTMLElement {
+    stopDraggableBehavior?(): IZoomDragHTMLElement | null;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-gallery",
+  "version": "0.2.26",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-gallery.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-gallery.mjs",
+      "esm": "./esm2022/libs-ui-components-gallery.mjs",
+      "default": "./fesm2022/libs-ui-components-gallery.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/viewer/viewer.component.d.ts

@@ -0,0 +1,54 @@
+import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsGalleryViewerComponent implements AfterViewInit, OnDestroy {
+    protected indexSelected: import("@angular/core").WritableSignal<number>;
+    protected scaleValue: import("@angular/core").WritableSignal<number>;
+    protected ratio: import("@angular/core").WritableSignal<string>;
+    protected fullScreen: import("@angular/core").WritableSignal<boolean>;
+    protected isShowButton: import("@angular/core").WritableSignal<boolean>;
+    protected disable: import("@angular/core").WritableSignal<boolean>;
+    protected hoverContentViewImage: import("@angular/core").WritableSignal<boolean>;
+    private step;
+    private draggableEl;
+    private widthDefault;
+    private heightDefault;
+    private viewPort;
+    private canDrag;
+    private widthImage;
+    private isFirstRender;
+    private timeouts;
+    private onDestroy;
+    readonly images: import("@angular/core").InputSignal<Record<string, any>[]>;
+    readonly fieldDisplaySrcImage: import("@angular/core").InputSignal<string>;
+    readonly imageSelected: import("@angular/core").ModelSignal<Record<string, any> | undefined>;
+    readonly removeBackdrop: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly zIndex: import("@angular/core").InputSignal<number>;
+    readonly singleImage: import("@angular/core").InputSignal<boolean>;
+    readonly outClose: import("@angular/core").OutputEmitterRef<void>;
+    protected containerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected singleImageRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected elementRatioRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected fullContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected imagesRef: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    constructor();
+    ngAfterViewInit(): void;
+    private setWidthImages;
+    protected handlerImageError(e: ErrorEvent, image: Record<string, any>): void;
+    protected handlerShowButton(isShow: boolean): void;
+    protected handlerMouseEvent(event: Event, status: boolean): void;
+    protected handlerClosePopup(e: Event): void;
+    protected handlerZoom(event: MouseEvent, type: 'in' | 'out'): void;
+    protected handlerNextImage(e: Event): void;
+    protected handlerPreviousImage(e: Event): void;
+    protected handlerSelectImage(e: Event, imageSelected: Record<string, any>, indexSelected: number): void;
+    protected handlerFullScreen(): void;
+    protected handlerReset(): void;
+    private makeElementDraggable;
+    private setStyleSelectImage;
+    private setWidthHeight;
+    private setDisplayRatio;
+    private createTimeout;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsGalleryViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsGalleryViewerComponent, "libs_ui-components-gallery-viewer", never, { "images": { "alias": "images"; "required": true; "isSignal": true; }; "fieldDisplaySrcImage": { "alias": "fieldDisplaySrcImage"; "required": true; "isSignal": true; }; "imageSelected": { "alias": "imageSelected"; "required": false; "isSignal": true; }; "removeBackdrop": { "alias": "removeBackdrop"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "singleImage": { "alias": "singleImage"; "required": false; "isSignal": true; }; }, { "imageSelected": "imageSelectedChange"; "outClose": "outClose"; }, never, never, true, never>;
+}