@herdwatch/ngx-ionic-image-viewer
Version:
The angular workspace to develop the ngx-ionic-image-viewer component
65 lines • 8.46 kB
JavaScript
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { ViewerModalComponent } from './viewer-modal/viewer-modal.component';
import { register } from 'swiper/element/bundle';
import * as i0 from "@angular/core";
import * as i1 from "@ionic/angular/standalone";
register();
export class NgxIonicImageViewerComponent {
constructor(modalController) {
this.modalController = modalController;
}
async viewImage(src, srcFallback = '', srcHighRes = '', title = '', titleSize = '', text = '', scheme = 'auto', slideOptions = {}, swipeToClose = true) {
const modal = await this.modalController.create({
component: ViewerModalComponent,
componentProps: {
src,
srcFallback,
srcHighRes,
title,
titleSize,
text,
scheme,
slideOptions,
swipeToClose
},
cssClass: this.cssClass && this.cssClass instanceof Array
? ['ion-img-viewer', ...this.cssClass]
: ['ion-img-viewer', this.cssClass],
keyboardClose: true,
showBackdrop: true
});
return await modal.present();
}
ngOnInit() {
/* do nothing */
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NgxIonicImageViewerComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: NgxIonicImageViewerComponent, isStandalone: true, selector: "ion-img-viewer", inputs: { alt: "alt", cssClass: "cssClass", scheme: "scheme", slideOptions: "slideOptions", src: "src", srcFallback: "srcFallback", srcHighRes: "srcHighRes", swipeToClose: "swipeToClose", text: "text", title: "title", titleSize: "titleSize" }, ngImport: i0, template: "<img\n [alt]=\"alt\"\n [src]=\"src\"\n (click)=\"viewImage(src, srcFallback, srcHighRes, title, titleSize, text, scheme, slideOptions, swipeToClose)\"\n (error)=\"src = srcFallback\"\n/>\n", styles: [":host{display:block}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: NgxIonicImageViewerComponent, decorators: [{
type: Component,
args: [{ selector: 'ion-img-viewer', encapsulation: ViewEncapsulation.Emulated, standalone: true, template: "<img\n [alt]=\"alt\"\n [src]=\"src\"\n (click)=\"viewImage(src, srcFallback, srcHighRes, title, titleSize, text, scheme, slideOptions, swipeToClose)\"\n (error)=\"src = srcFallback\"\n/>\n", styles: [":host{display:block}\n"] }]
}], ctorParameters: () => [{ type: i1.ModalController }], propDecorators: { alt: [{
type: Input
}], cssClass: [{
type: Input
}], scheme: [{
type: Input
}], slideOptions: [{
type: Input
}], src: [{
type: Input
}], srcFallback: [{
type: Input
}], srcHighRes: [{
type: Input
}], swipeToClose: [{
type: Input
}], text: [{
type: Input
}], title: [{
type: Input
}], titleSize: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWlvbmljLWltYWdlLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL25neC1pb25pYy1pbWFnZS12aWV3ZXIvc3JjL2xpYi9uZ3gtaW9uaWMtaW1hZ2Utdmlld2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LWlvbmljLWltYWdlLXZpZXdlci9zcmMvbGliL25neC1pb25pYy1pbWFnZS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFFakQsUUFBUSxFQUFFLENBQUM7QUFjWCxNQUFNLE9BQU8sNEJBQTRCO0lBYXZDLFlBQW1CLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtJQUFHLENBQUM7SUFFdkQsS0FBSyxDQUFDLFNBQVMsQ0FDYixHQUF1QixFQUN2QixXQUFXLEdBQUcsRUFBRSxFQUNoQixVQUFVLEdBQUcsRUFBRSxFQUNmLEtBQUssR0FBRyxFQUFFLEVBQ1YsU0FBUyxHQUFHLEVBQUUsRUFDZCxJQUFJLEdBQUcsRUFBRSxFQUNULE1BQU0sR0FBRyxNQUFNLEVBQ2YsZUFBdUIsRUFBRSxFQUN6QixZQUFZLEdBQUcsSUFBSTtRQUVuQixNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDO1lBQzlDLFNBQVMsRUFBRSxvQkFBb0I7WUFDL0IsY0FBYyxFQUFFO2dCQUNkLEdBQUc7Z0JBQ0gsV0FBVztnQkFDWCxVQUFVO2dCQUNWLEtBQUs7Z0JBQ0wsU0FBUztnQkFDVCxJQUFJO2dCQUNKLE1BQU07Z0JBQ04sWUFBWTtnQkFDWixZQUFZO2FBQ2I7WUFDRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxZQUFZLEtBQUs7Z0JBQ3pELENBQUMsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFDdEMsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFFBQWtCLENBQUM7WUFDN0MsYUFBYSxFQUFFLElBQUk7WUFDbkIsWUFBWSxFQUFFLElBQUk7U0FDbkIsQ0FBQyxDQUFDO1FBRUgsT0FBTyxNQUFNLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsUUFBUTtRQUNOLGdCQUFnQjtJQUNsQixDQUFDOytHQW5EVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qiw4VENuQnpDLGtNQU1BOzs0RkRhYSw0QkFBNEI7a0JBYnhDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQVNYLGlCQUFpQixDQUFDLFFBQVEsY0FDN0IsSUFBSTtvRkFHUCxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxDb250cm9sbGVyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBWaWV3ZXJNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vdmlld2VyLW1vZGFsL3ZpZXdlci1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgcmVnaXN0ZXIgfSBmcm9tICdzd2lwZXIvZWxlbWVudC9idW5kbGUnO1xuXG5yZWdpc3RlcigpO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW9uLWltZy12aWV3ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LWlvbmljLWltYWdlLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5FbXVsYXRlZCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4SW9uaWNJbWFnZVZpZXdlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGFsdD86IHN0cmluZztcbiAgQElucHV0KCkgY3NzQ2xhc3M/OiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgQElucHV0KCkgc2NoZW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBzbGlkZU9wdGlvbnM/OiBvYmplY3Q7XG4gIEBJbnB1dCgpIHNyYyE6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgc3JjRmFsbGJhY2s/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNyY0hpZ2hSZXM/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN3aXBlVG9DbG9zZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHRleHQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZVNpemU/OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHVibGljIG1vZGFsQ29udHJvbGxlcjogTW9kYWxDb250cm9sbGVyKSB7fVxuXG4gIGFzeW5jIHZpZXdJbWFnZShcbiAgICBzcmM6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgICBzcmNGYWxsYmFjayA9ICcnLFxuICAgIHNyY0hpZ2hSZXMgPSAnJyxcbiAgICB0aXRsZSA9ICcnLFxuICAgIHRpdGxlU2l6ZSA9ICcnLFxuICAgIHRleHQgPSAnJyxcbiAgICBzY2hlbWUgPSAnYXV0bycsXG4gICAgc2xpZGVPcHRpb25zOiBvYmplY3QgPSB7fSxcbiAgICBzd2lwZVRvQ2xvc2UgPSB0cnVlXG4gICkge1xuICAgIGNvbnN0IG1vZGFsID0gYXdhaXQgdGhpcy5tb2RhbENvbnRyb2xsZXIuY3JlYXRlKHtcbiAgICAgIGNvbXBvbmVudDogVmlld2VyTW9kYWxDb21wb25lbnQsXG4gICAgICBjb21wb25lbnRQcm9wczoge1xuICAgICAgICBzcmMsXG4gICAgICAgIHNyY0ZhbGxiYWNrLFxuICAgICAgICBzcmNIaWdoUmVzLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgdGl0bGVTaXplLFxuICAgICAgICB0ZXh0LFxuICAgICAgICBzY2hlbWUsXG4gICAgICAgIHNsaWRlT3B0aW9ucyxcbiAgICAgICAgc3dpcGVUb0Nsb3NlXG4gICAgICB9LFxuICAgICAgY3NzQ2xhc3M6IHRoaXMuY3NzQ2xhc3MgJiYgdGhpcy5jc3NDbGFzcyBpbnN0YW5jZW9mIEFycmF5XG4gICAgICA/IFsnaW9uLWltZy12aWV3ZXInLCAuLi50aGlzLmNzc0NsYXNzXVxuICAgICAgOiBbJ2lvbi1pbWctdmlld2VyJywgdGhpcy5jc3NDbGFzcyBhcyBzdHJpbmddLFxuICAgICAga2V5Ym9hcmRDbG9zZTogdHJ1ZSxcbiAgICAgIHNob3dCYWNrZHJvcDogdHJ1ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIGF3YWl0IG1vZGFsLnByZXNlbnQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8qIGRvIG5vdGhpbmcgKi9cbiAgfVxufVxuIiwiPGltZ1xuICBbYWx0XT1cImFsdFwiXG4gIFtzcmNdPVwic3JjXCJcbiAgKGNsaWNrKT1cInZpZXdJbWFnZShzcmMsIHNyY0ZhbGxiYWNrLCBzcmNIaWdoUmVzLCB0aXRsZSwgdGl0bGVTaXplLCB0ZXh0LCBzY2hlbWUsIHNsaWRlT3B0aW9ucywgc3dpcGVUb0Nsb3NlKVwiXG4gIChlcnJvcik9XCJzcmMgPSBzcmNGYWxsYmFja1wiXG4vPlxuIl19