ngx-edu-components
Version:
Set of extra angular material components.
41 lines (40 loc) • 1.53 kB
TypeScript
import { OnInit, OnChanges, OnDestroy, EventEmitter } from "@angular/core";
import { ImageItem } from "./image-item";
import { GalleryOptions } from "./gallery-options";
/**
* INSTRUCCIONES DE USO
*
* Instalar:
* npm install viewerjs --save
*
* Configurar en angular.json
* en styles > "node_modules/viewerjs/dist/viewer.css"
* en scripts > "node_modules/viewerjs/dist/viewer.js"
*
* Importar en módulo ImageToolsModule en tu módulo
*
* Crear la siguiente variable en tu componente para cargar las imagenes a mostrar en la galería -> images: ImageItem[] = [];
* Cuando se realizen cambios en el array de imagenes, realizar la siguiente asignación para refrescar cambios -> this.images = [...this.images];
*
* Agregar el siguiente código en donde quieras que se muestre la galería. Opcionalmente setear imagesHeight (por defecto 200px).
* <ngx-edu-gallery [images]="images" [imagesHeight]="200"></ngx-edu-gallery>
*/
export declare class NgxEduGalleryComponent implements OnInit, OnChanges, OnDestroy {
id: string;
gallery: any;
images: ImageItem[];
imagesHeight: number;
defaultImageUrl: string;
galleryOptions: GalleryOptions;
onRemove: EventEmitter<any>;
constructor();
ngOnInit(): void;
ngOnChanges(): void;
ngOnDestroy(): void;
initialize(): void;
onError(event: any): void;
show(): void;
view(index: number): void;
zoom(zoom: number): void;
remove(image: ImageItem, position: number): void;
}