ngx-image-magnifier/index.d.ts

ngx-image-magnifier is an Angular tool to zoom image

import * as i0 from '@angular/core';
import { OnInit, OnChanges, OnDestroy, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
import * as i2 from '@angular/common';

declare class NgxImageMagnifierService {
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<NgxImageMagnifierService, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<NgxImageMagnifierService>;
}

declare class NgxImageMagnifierComponent implements OnInit, OnChanges, OnDestroy {
    private renderer;
    zoomContainer: ElementRef<HTMLDivElement>;
    imageThumbnail: ElementRef<HTMLImageElement>;
    fullSizeImage: ElementRef<HTMLImageElement>;
    display: string;
    fullImageTop: number;
    fullImageLeft: number;
    magnifiedWidth: number;
    magnifiedHeight: number;
    lensTop: number;
    lensLeft: number;
    lensBorderRadius: number;
    thumbImage: string;
    fullImage: string;
    _width: number;
    _height: number;
    fullWidth: number;
    fullHeight: number;
    _lensWidth: number;
    _lensHeight: number;
    private magnification;
    private minZoomRatio;
    private maxZoomRatio;
    private scrollStepSize;
    private xRatio;
    private yRatio;
    private isReady;
    private thumbImageLoaded;
    private fullImageLoaded;
    private latestMouseLeft;
    private latestMouseTop;
    private eventListeners;
    constructor(renderer: Renderer2);
    set image(thumbImage: string);
    set width(width: number);
    set lensWidth(width: number);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    ngOnDestroy(): void;
    /**
     * Template helper methods
     */
    onThumbImageLoaded(): void;
    onFullImageLoaded(): void;
    private setUpEventListeners;
    private checkImagesLoaded;
    /**
     * Zoom position setters
     */
    private setZoomPosition;
    private onMouseWheel;
    private hoverMouseEnter;
    private hoverMouseLeave;
    private hoverMouseMove;
    /**
     * Private helper methods
     */
    private zoomOn;
    private zoomOff;
    private calculateZoomPosition;
    private calculateImageAndLensPosition;
    private calculateRatioAndOffset;
    private calculateRatio;
    static ɵfac: i0.ɵɵFactoryDeclaration<NgxImageMagnifierComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NgxImageMagnifierComponent, "ngx-image-magnifier", never, { "image": { "alias": "image"; "required": false; }; "width": { "alias": "width"; "required": false; }; "lensWidth": { "alias": "lensWidth"; "required": false; }; }, {}, never, never, false, never>;
}

declare class NgxImageMagnifierModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<NgxImageMagnifierModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxImageMagnifierModule, [typeof NgxImageMagnifierComponent], [typeof i2.CommonModule], [typeof NgxImageMagnifierComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<NgxImageMagnifierModule>;
}

export { NgxImageMagnifierComponent, NgxImageMagnifierModule, NgxImageMagnifierService };