ngx-image-viewer-3
Version:
This package is an updated version of the ngx-image-viewer package for Angular17.
29 lines • 3.52 kB
JavaScript
import { Directive, Input, ElementRef } from '@angular/core';
import * as screenfull from 'screenfull';
import * as i0 from "@angular/core";
export class ToggleFullscreenDirective {
constructor(el) {
this.el = el;
this.isFullscreen = false;
}
ngOnChanges() {
if (this.isFullscreen && screenfull.default.isEnabled) {
screenfull.default.request(this.el.nativeElement);
}
else if (screenfull.default.isEnabled) {
screenfull.default.exit();
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToggleFullscreenDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ToggleFullscreenDirective, selector: "[ngxToggleFullscreen]", inputs: { isFullscreen: ["ngxToggleFullscreen", "isFullscreen"] }, usesOnChanges: true, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToggleFullscreenDirective, decorators: [{
type: Directive,
args: [{
selector: '[ngxToggleFullscreen]'
}]
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isFullscreen: [{
type: Input,
args: ['ngxToggleFullscreen']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHNjcmVlbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW1hZ2Utdmlld2VyLTE3L3NyYy9saWIvaW1hZ2Utdmlld2VyL2Z1bGxzY3JlZW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQTJCLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxLQUFLLFVBQVUsTUFBTSxZQUFZLENBQUM7O0FBT3pDLE1BQU0sT0FBTyx5QkFBeUI7SUFLbEMsWUFBb0IsRUFBYztRQUFkLE9BQUUsR0FBRixFQUFFLENBQVk7UUFGbEMsaUJBQVksR0FBVSxLQUFLLENBQUM7SUFFVSxDQUFDO0lBRXZDLFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNwRCxVQUFVLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3RELENBQUM7YUFBTSxJQUFJLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDdEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM5QixDQUFDO0lBQ0wsQ0FBQzsrR0FiUSx5QkFBeUI7bUdBQXpCLHlCQUF5Qjs7NEZBQXpCLHlCQUF5QjtrQkFIckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsdUJBQXVCO2lCQUNwQzsrRUFJRyxZQUFZO3NCQURYLEtBQUs7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIE9uQ2hhbmdlcywgSW5wdXQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0ICogYXMgc2NyZWVuZnVsbCBmcm9tICdzY3JlZW5mdWxsJztcclxuXHJcblxyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tuZ3hUb2dnbGVGdWxsc2NyZWVuXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvZ2dsZUZ1bGxzY3JlZW5EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG5cclxuICAgIEBJbnB1dCgnbmd4VG9nZ2xlRnVsbHNjcmVlbicpXHJcbiAgICBpc0Z1bGxzY3JlZW46IGJvb2xlYW49ZmFsc2U7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gICAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXNGdWxsc2NyZWVuICYmIHNjcmVlbmZ1bGwuZGVmYXVsdC5pc0VuYWJsZWQpIHtcclxuICAgICAgICAgICAgc2NyZWVuZnVsbC5kZWZhdWx0LnJlcXVlc3QodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcclxuICAgICAgICB9IGVsc2UgaWYgKHNjcmVlbmZ1bGwuZGVmYXVsdC5pc0VuYWJsZWQpIHtcclxuICAgICAgICAgICAgc2NyZWVuZnVsbC5kZWZhdWx0LmV4aXQoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG59XHJcbiJdfQ==