sk-front-lib 0.17.48 → 0.17.49

package/fesm2020/sk-front-lib-image.mjs

@@ -0,0 +1,309 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import * as i4 from 'ng-in-viewport';
+import { InViewportModule } from 'ng-in-viewport';
+import { HttpParams } from '@angular/common/http';
+import Viewer from 'viewerjs';
+import * as i1 from '@angular/cdk/platform';
+import * as i3 from 'sk-front-lib/api';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+class SkImageComponent {
+    constructor(cdRef, platform, dialog, apiService) {
+        this.cdRef = cdRef;
+        this.platform = platform;
+        this.dialog = dialog;
+        this.apiService = apiService;
+        this.mode = 'imgId';
+        this.defaultOption = {
+            mode: 'img',
+            width: 0,
+            height: 0,
+            resizeType: 'ratio_crop',
+            resizeBgColor: '',
+            filter: '',
+            blur: 0,
+            clickable: false,
+            coverBackground: null,
+            previewColor: ''
+        };
+        this.currentOption = {};
+        this.apiCompleted = false;
+        this.isVisible = false;
+        this.src = null;
+        this.imgId = null;
+        this.skfile = null;
+        this.option = {};
+        this.alt = '';
+        this.imageClass = [];
+        this.waitSrc = null;
+        this.activeSrc = null;
+        this.originalSrc = null;
+        this.ratio = 100;
+        this.backgroundColor = '#fff';
+        this.imageOpacity = 0;
+        this.viewerOptions = {
+            navbar: false,
+            backdrop: 'static',
+            className: 'sk-custom-viewerjs',
+            toolbar: {
+                zoomIn: 1,
+                zoomOut: 1,
+                oneToOne: 1,
+                reset: 1,
+            },
+            movable: true,
+            rotatable: false,
+            toggleOnDblclick: false,
+        };
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Accessors
+    // ------------------------------------------1-----------------------------------------------------------
+    get containerStyle() {
+        if (this.mode === 'imgId' || this.mode === 'skfile') {
+            return {
+                'padding-bottom': this.ratio + '%',
+                height: '0px',
+                overflow: 'hidden',
+                'background-color': this.backgroundColor,
+                cursor: this.currentOption.clickable ? 'pointer' : 'inherit',
+            };
+        }
+        else {
+            return {
+                'padding-bottom': '0px',
+                height: 'auto',
+                overflow: 'hidden',
+                'background-color': this.backgroundColor
+            };
+        }
+    }
+    get imageStyle() {
+        if (this.mode === 'imgId') {
+            return {
+                position: 'absolute',
+                width: '100%',
+                top: '0',
+                left: '0',
+                right: '0',
+                bottom: '0',
+                opacity: this.imageOpacity
+            };
+        }
+        else {
+            return {
+                position: 'relative',
+                width: '100%',
+                opacity: this.imageOpacity
+            };
+        }
+    }
+    get coverStyle() {
+        if (this.option.coverBackground) {
+            return {
+                background: this.option.coverBackground,
+                opacity: this.imageOpacity
+            };
+        }
+        else {
+            return {};
+        }
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Lifecycle hooks
+    // -----------------------------------------------------------------------------------------------------
+    ngOnChanges(changes) {
+        this._init();
+        /**
+         * skfile, imgId, src 순서로 우선권을 가진다.
+         */
+        if (!!changes.skfile && !!changes.skfile.currentValue) {
+            this.mode = 'skfile';
+            this.imgId = this.skfile.id;
+            this.loadImageByFile();
+            return;
+        }
+        if (!!changes.imgId) {
+            this.mode = 'imgId';
+            this.loadImageById();
+            return;
+        }
+        if (!!changes.src) {
+            this.mode = 'src';
+            this.loadImageBySrc();
+            return;
+        }
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+        if (this.viewerInstance) {
+            this.viewerInstance.destroy();
+        }
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Public methods
+    // -----------------------------------------------------------------------------------------------------
+    loadImageByFile() {
+        this.waitSrc = `${this.apiService.apiServer}/api/public/images/${this.imgId}?${this.getHttpParam().toString()}`;
+        this.originalSrc = `${this.apiService.apiServer}/api/public/images/${this.imgId}`;
+        const metadata = this.skfile;
+        if (this.currentOption.width > 0 && this.currentOption.height > 0) {
+            this.ratio = this.currentOption.height / this.currentOption.width * 100;
+        }
+        else {
+            this.ratio = metadata.height / metadata.width * 100;
+        }
+        this.backgroundColor = !!this.currentOption.previewColor ? this.currentOption.previewColor :
+            (this.currentOption.filter === 'gray' ? '#fff' : metadata.color);
+        this.apiCompleted = true;
+        this.cdRef.markForCheck();
+        this.startImageLoad();
+    }
+    loadImageById() {
+        this.apiService.get(`/api/public/images/${this.imgId}/metadata`)
+            .subscribe(result => {
+            this.skfile = result.data;
+            this.loadImageByFile();
+        }, error => {
+            this.showFallbackImage();
+        });
+    }
+    loadImageBySrc() {
+        this.waitSrc = this.src;
+        this.apiCompleted = true;
+    }
+    showFallbackImage() {
+        this.mode = 'fallback';
+        this.waitSrc = '/assets/images/no_image_available.jpeg';
+        this.apiCompleted = true;
+    }
+    onIntersection(event) {
+        if (event.visible) {
+            this.isVisible = true;
+            if (this.apiCompleted) {
+                this.startImageLoad();
+            }
+        }
+    }
+    startImageLoad() {
+        if (!this.activeSrc && this.apiCompleted && this.isVisible) {
+            this.activeSrc = this.waitSrc;
+            this.cdRef.markForCheck();
+        }
+    }
+    onImageLoad() {
+        this.imageOpacity = 1;
+        this.cdRef.markForCheck();
+    }
+    onImageError() {
+        this.activeSrc = null;
+        this.showFallbackImage();
+        this.startImageLoad();
+    }
+    openDialog() {
+        if (this.currentOption.clickable && this.mode !== 'fallback') {
+            if (this.viewerInstance) {
+                this.viewerInstance.destroy();
+            }
+            this.viewerInstance = new Viewer(this.imageElement.nativeElement, {
+                // Transitions currently break the Viewer when running optimizations during ng build (i.e in prod mode)
+                // TODO: Find a fix for this so we don't have to force disable transitions
+                transition: false,
+                url: 'src-viewer',
+                ...this.viewerOptions,
+            });
+            this.viewerInstance.show();
+        }
+    }
+    // -----------------------------------------------------------------------------------------------------
+    // @ Private methods
+    // -----------------------------------------------------------------------------------------------------
+    _init() {
+        this.mode = 'imgId';
+        this.imageOpacity = 0;
+        this.apiCompleted = false;
+        this.activeSrc = null;
+        Object.assign(this.currentOption, this.defaultOption, this.option);
+        this.cdRef.detectChanges();
+    }
+    getHttpParam() {
+        const option = this.currentOption;
+        return new HttpParams()
+            .append('w', String(option.width))
+            .append('h', String(option.height))
+            .append('resize', option.resizeType)
+            .append('bgcolor', option.resizeBgColor)
+            .append('filter', String(option.filter))
+            .append('blur', String(option.blur));
+    }
+}
+SkImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Platform }, { token: i2.MatDialog }, { token: i3.SkApiService }], target: i0.ɵɵFactoryTarget.Component });
+SkImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: SkImageComponent, selector: "sk-image", inputs: { src: "src", imgId: "imgId", skfile: "skfile", option: "option", alt: "alt", imageClass: "imageClass" }, viewQueries: [{ propertyName: "imageElement", first: true, predicate: ["imageElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"img-container\" inViewport (inViewportAction)=\"onIntersection($event)\"\n     [ngStyle]=\"containerStyle\" (click)=\"openDialog()\" #imageElement>\n    <div class=\"img-cover\" *ngIf=\"option.coverBackground\" [ngStyle]=\"coverStyle\"></div>\n    <img *ngIf=\"activeSrc && isVisible\" [ngClass]=\"imageClass\"\n         [src]=\"activeSrc\"\n         [attr.src-viewer]=\"originalSrc\"\n         [ngStyle]=\"imageStyle\"\n         [alt]=\"alt\"\n         (load)=\"onImageLoad()\"\n         (error)=\"onImageError()\"\n    />\n</div>\n", styles: [":host{display:block}.img-container{position:relative}.img-container:after{display:block;content:\"\";width:100%}.img-container .img-cover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;transition:opacity linear .8s}.img-container>img{display:block;opacity:0;transition:opacity linear .8s}\n"], directives: [{ type: i4.InViewportDirective, selector: "[inViewport]", inputs: ["inViewportOptions"], outputs: ["inViewportAction"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sk-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"img-container\" inViewport (inViewportAction)=\"onIntersection($event)\"\n     [ngStyle]=\"containerStyle\" (click)=\"openDialog()\" #imageElement>\n    <div class=\"img-cover\" *ngIf=\"option.coverBackground\" [ngStyle]=\"coverStyle\"></div>\n    <img *ngIf=\"activeSrc && isVisible\" [ngClass]=\"imageClass\"\n         [src]=\"activeSrc\"\n         [attr.src-viewer]=\"originalSrc\"\n         [ngStyle]=\"imageStyle\"\n         [alt]=\"alt\"\n         (load)=\"onImageLoad()\"\n         (error)=\"onImageError()\"\n    />\n</div>\n", styles: [":host{display:block}.img-container{position:relative}.img-container:after{display:block;content:\"\";width:100%}.img-container .img-cover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;transition:opacity linear .8s}.img-container>img{display:block;opacity:0;transition:opacity linear .8s}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Platform }, { type: i2.MatDialog }, { type: i3.SkApiService }]; }, propDecorators: { src: [{
+                type: Input
+            }], imgId: [{
+                type: Input
+            }], skfile: [{
+                type: Input
+            }], option: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], imageClass: [{
+                type: Input
+            }], imageElement: [{
+                type: ViewChild,
+                args: ['imageElement', { static: false }]
+            }] } });
+
+class SkImageModule {
+}
+SkImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageModule, declarations: [SkImageComponent], imports: [CommonModule,
+        InViewportModule,
+        MatDialogModule,
+        MatButtonModule,
+        MatIconModule], exports: [SkImageComponent] });
+SkImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageModule, imports: [[
+            CommonModule,
+            InViewportModule,
+            MatDialogModule,
+            MatButtonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SkImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        InViewportModule,
+                        MatDialogModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ],
+                    declarations: [
+                        SkImageComponent,
+                    ],
+                    exports: [
+                        SkImageComponent
+                    ],
+                    entryComponents: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkImageComponent, SkImageModule };
+//# sourceMappingURL=sk-front-lib-image.mjs.map

package/fesm2020/sk-front-lib-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sk-front-lib-image.mjs","sources":["../../../projects/sk-front-lib/image/src/sk-image.component.ts","../../../projects/sk-front-lib/image/src/sk-image.component.html","../../../projects/sk-front-lib/image/src/sk-image.module.ts","../../../projects/sk-front-lib/image/src/sk-front-lib-image.ts"],"sourcesContent":["import { Platform } from '@angular/cdk/platform';\nimport { HttpParams } from '@angular/common/http';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    SimpleChanges,\n    ViewChild\n} from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\n\nimport { SkApiService } from 'sk-front-lib/api';\nimport { SkFile } from 'sk-front-lib/model';\n\nimport Viewer from 'viewerjs';\n\ninterface IMetadata {\n    width?: number;\n    height?: number;\n    color?: string;\n}\n\nexport interface SkImageOptions {\n    mode?: 'img' | 'css';\n    width?: number;\n    height?: number;\n    resizeType?: 'ratio_crop' | 'ratio_fill';\n    resizeBgColor?: string;\n    filter?: 'gray' | '';\n    blur?: number;\n    clickable?: boolean;\n    coverBackground?: string;\n    previewColor?: string;\n}\n\n@Component({\n    selector: 'sk-image',\n    templateUrl: './sk-image.component.html',\n    styleUrls: ['./sk-image.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkImageComponent implements OnChanges, AfterViewInit, OnDestroy {\n\n    mode: 'skfile' | 'imgId' | 'src' | 'fallback' = 'imgId';\n    defaultOption: SkImageOptions = {\n        mode: 'img',\n        width: 0,\n        height: 0,\n        resizeType: 'ratio_crop',\n        resizeBgColor: '',\n        filter: '',\n        blur: 0,\n        clickable: false,\n        coverBackground: null,\n        previewColor: ''\n    };\n    currentOption: SkImageOptions = {};\n\n    apiCompleted = false;\n    isVisible = false;\n\n    @Input() src: string = null;\n    @Input() imgId: number = null;\n    @Input() skfile: SkFile = null;\n    @Input() option: SkImageOptions = {};\n    @Input() alt = '';\n    @Input() imageClass: string[] = [];\n    waitSrc: string = null;\n    activeSrc: string = null;\n    originalSrc: string = null;\n\n    ratio = 100;\n    backgroundColor = '#fff';\n    imageOpacity = 0;\n\n    @ViewChild('imageElement', {static: false}) imageElement: ElementRef;\n    viewerInstance: Viewer;\n    viewerOptions = {\n        navbar: false,\n        backdrop: 'static',\n        className: 'sk-custom-viewerjs',\n        toolbar: {\n            zoomIn: 1,\n            zoomOut: 1,\n            oneToOne: 1,\n            reset: 1,\n        },\n        movable: true,\n        rotatable: false,\n        toggleOnDblclick: false,\n    };\n\n    constructor(private cdRef: ChangeDetectorRef,\n                private platform: Platform,\n                private dialog: MatDialog,\n                private apiService: SkApiService) {\n    }\n\n    // -----------------------------------------------------------------------------------------------------\n    // @ Accessors\n    // ------------------------------------------1-----------------------------------------------------------\n\n    get containerStyle() {\n        if (this.mode === 'imgId' || this.mode === 'skfile') {\n            return {\n                'padding-bottom': this.ratio + '%',\n                height: '0px',\n                overflow: 'hidden',\n                'background-color': this.backgroundColor,\n                cursor: this.currentOption.clickable ? 'pointer' : 'inherit',\n            };\n        } else {\n            return {\n                'padding-bottom': '0px',\n                height: 'auto',\n                overflow: 'hidden',\n                'background-color': this.backgroundColor\n            };\n        }\n    }\n\n    get imageStyle() {\n        if (this.mode === 'imgId') {\n            return {\n                position: 'absolute',\n                width: '100%',\n                top: '0',\n                left: '0',\n                right: '0',\n                bottom: '0',\n                opacity: this.imageOpacity\n            };\n        } else {\n            return {\n                position: 'relative',\n                width: '100%',\n                opacity: this.imageOpacity\n            };\n        }\n    }\n\n    get coverStyle() {\n        if (this.option.coverBackground) {\n            return {\n                background: this.option.coverBackground,\n                opacity: this.imageOpacity\n            }\n        } else {\n            return {};\n        }\n    }\n\n\n    // -----------------------------------------------------------------------------------------------------\n    // @ Lifecycle hooks\n    // -----------------------------------------------------------------------------------------------------\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this._init();\n\n        /**\n         * skfile, imgId, src 순서로 우선권을 가진다.\n         */\n        if (!!changes.skfile && !!changes.skfile.currentValue) {\n            this.mode = 'skfile';\n            this.imgId = this.skfile.id;\n            this.loadImageByFile();\n            return;\n        }\n\n        if (!!changes.imgId) {\n            this.mode = 'imgId';\n            this.loadImageById();\n            return;\n        }\n\n        if (!!changes.src) {\n            this.mode = 'src';\n            this.loadImageBySrc();\n            return;\n        }\n    }\n\n    ngAfterViewInit(): void {\n    }\n\n    ngOnDestroy(): void {\n        if (this.viewerInstance) {\n            this.viewerInstance.destroy();\n        }\n    }\n\n    // -----------------------------------------------------------------------------------------------------\n    // @ Public methods\n    // -----------------------------------------------------------------------------------------------------\n\n    loadImageByFile() {\n        this.waitSrc = `${this.apiService.apiServer}/api/public/images/${this.imgId}?${this.getHttpParam().toString()}`;\n        this.originalSrc = `${this.apiService.apiServer}/api/public/images/${this.imgId}`;\n\n        const metadata = this.skfile as IMetadata;\n        if (this.currentOption.width > 0 && this.currentOption.height > 0) {\n            this.ratio = this.currentOption.height / this.currentOption.width * 100;\n        } else {\n            this.ratio = metadata.height / metadata.width * 100;\n        }\n\n        this.backgroundColor = !!this.currentOption.previewColor ? this.currentOption.previewColor :\n            (this.currentOption.filter === 'gray' ? '#fff' : metadata.color);\n\n        this.apiCompleted = true;\n        this.cdRef.markForCheck();\n        this.startImageLoad();\n    }\n\n    loadImageById() {\n        this.apiService.get<SkFile>(`/api/public/images/${this.imgId}/metadata`)\n            .subscribe(\n                result => {\n                    this.skfile = result.data;\n                    this.loadImageByFile();\n                },\n                error => {\n                    this.showFallbackImage();\n                }\n            );\n    }\n\n    loadImageBySrc() {\n        this.waitSrc = this.src;\n        this.apiCompleted = true;\n    }\n\n    showFallbackImage() {\n        this.mode = 'fallback';\n        this.waitSrc = '/assets/images/no_image_available.jpeg';\n        this.apiCompleted = true;\n    }\n\n    onIntersection(event) {\n        if (event.visible) {\n            this.isVisible = true;\n            if (this.apiCompleted) {\n                this.startImageLoad();\n            }\n        }\n    }\n\n    startImageLoad() {\n        if (!this.activeSrc && this.apiCompleted && this.isVisible) {\n            this.activeSrc = this.waitSrc;\n            this.cdRef.markForCheck();\n        }\n    }\n\n    onImageLoad() {\n        this.imageOpacity = 1;\n        this.cdRef.markForCheck();\n    }\n\n    onImageError() {\n        this.activeSrc = null;\n        this.showFallbackImage();\n        this.startImageLoad();\n    }\n\n    openDialog() {\n        if (this.currentOption.clickable && this.mode !== 'fallback') {\n            if (this.viewerInstance) {\n                this.viewerInstance.destroy();\n            }\n\n            this.viewerInstance = new Viewer(this.imageElement.nativeElement, {\n                // Transitions currently break the Viewer when running optimizations during ng build (i.e in prod mode)\n                // TODO: Find a fix for this so we don't have to force disable transitions\n                transition: false,\n                url: 'src-viewer',\n                ...this.viewerOptions,\n            });\n            this.viewerInstance.show();\n        }\n    }\n\n    // -----------------------------------------------------------------------------------------------------\n    // @ Private methods\n    // -----------------------------------------------------------------------------------------------------\n\n    private _init() {\n        this.mode = 'imgId';\n        this.imageOpacity = 0;\n        this.apiCompleted = false;\n        this.activeSrc = null;\n        Object.assign(this.currentOption, this.defaultOption, this.option);\n\n        this.cdRef.detectChanges();\n    }\n\n    private getHttpParam(): HttpParams {\n        const option: SkImageOptions = this.currentOption;\n\n        return new HttpParams()\n            .append('w', String(option.width))\n            .append('h', String(option.height))\n            .append('resize', option.resizeType)\n            .append('bgcolor', option.resizeBgColor)\n            .append('filter', String(option.filter))\n            .append('blur', String(option.blur));\n    }\n}\n","<div class=\"img-container\" inViewport (inViewportAction)=\"onIntersection($event)\"\n     [ngStyle]=\"containerStyle\" (click)=\"openDialog()\" #imageElement>\n    <div class=\"img-cover\" *ngIf=\"option.coverBackground\" [ngStyle]=\"coverStyle\"></div>\n    <img *ngIf=\"activeSrc && isVisible\" [ngClass]=\"imageClass\"\n         [src]=\"activeSrc\"\n         [attr.src-viewer]=\"originalSrc\"\n         [ngStyle]=\"imageStyle\"\n         [alt]=\"alt\"\n         (load)=\"onImageLoad()\"\n         (error)=\"onImageError()\"\n    />\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MatDialogModule} from '@angular/material/dialog';\n\nimport {InViewportModule} from 'ng-in-viewport';\n\nimport {SkImageComponent} from './sk-image.component';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatIconModule} from '@angular/material/icon';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        InViewportModule,\n\n        MatDialogModule,\n        MatButtonModule,\n        MatIconModule\n    ],\n    declarations: [\n        SkImageComponent,\n    ],\n    exports: [\n        SkImageComponent\n    ],\n    entryComponents: [\n    ]\n})\nexport class SkImageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}